.lab-overlay{position:fixed;inset:0;z-index:50;background:#080d19d9;display:grid;place-items:center;padding:16px}.lab-overlay.hidden{display:none}.lab-window{width:min(1140px,100%);height:min(760px,96vh);display:grid;grid-template-rows:auto 1fr;background:#202a3a;border:1px solid #7b88a0;border-radius:16px;box-shadow:0 30px 85px #000b;overflow:hidden}.lab-header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#303d53;border-bottom:1px solid #68758b;padding:13px 18px}.lab-header h2{font:28px Georgia,serif;margin:0;color:#f8e9c9}.lab-header p{font-size:12px;color:#bdc9d7;margin:2px 0 0}.lab-head-actions{display:flex;align-items:center;gap:14px}.lab-magic{font-weight:900;color:#f1cb85;white-space:nowrap}.lab-close{border:1px solid #8b98ad;background:#40506a;color:#fff;border-radius:8px;padding:8px 14px;font-weight:800}.lab-body{display:grid;grid-template-columns:100px 245px minmax(0,1fr);min-height:0}.lab-categories{background:#1a2434;border-right:1px solid #536176;padding:10px 5px;display:flex;flex-direction:column;gap:8px}.lab-category{border:0;background:transparent;color:#c5ceda;padding:10px 5px;border-radius:8px;text-align:center;font-size:11px;font-weight:800;cursor:pointer}.lab-category::before{content:"";display:block;width:25px;height:25px;border-radius:50%;background:var(--block-color);margin:0 auto 5px}.lab-category.active{background:#35445e;color:#fff}.lab-palette{background:#253248;border-right:1px solid #536176;overflow:auto;padding:14px}.lab-palette h3{font:20px Georgia,serif;margin:0 0 4px}.lab-palette p{font-size:12px;line-height:1.45;color:#b8c6d7;margin:0 0 13px}.palette-block{display:block;width:100%;text-align:left;color:#fff8ec;border:2px solid #ffffff55;background:var(--block-color);border-radius:8px;margin:0 0 10px;padding:10px 11px;cursor:grab;box-shadow:0 3px 0 #0004;touch-action:none}.palette-block:active{cursor:grabbing}.palette-block b,.palette-block small{display:block}.palette-block small{font-size:11px;opacity:.9;margin-top:4px}.palette-block.locked{filter:saturate(.55);border-style:dashed}.palette-block.locked small{color:#fff1ba}.lab-workspace{overflow:auto;background-color:#172033;background-image:radial-gradient(#8da0bc2e 1px,transparent 1px);background-size:21px 21px;padding:18px 24px;position:relative}.lab-workspace-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.lab-workspace h3{font:22px Georgia,serif;margin:0 0 3px}.lab-workspace p{font-size:12px;color:#b8c6d7;margin:0}.lab-loadouts{display:flex;gap:5px}.lab-loadouts button{border:1px solid #71809b;background:#304058;color:#e9edf5;border-radius:6px;padding:7px 11px;font-size:12px;font-weight:800}.lab-loadouts button.active{background:#e0b876;border-color:#f5d495;color:#1e2130}.script-area{display:flex;gap:24px;align-items:start;margin-top:30px;min-height:385px}.script-stack{width:min(420px,100%);filter:drop-shadow(0 9px 7px #0007)}.script-hat{background:#d7ae67;color:#211d20;border-radius:25px 25px 0 0;padding:12px 18px;font-weight:900;font-size:15px;clip-path:polygon(0 0,100% 0,100% 100%,25% 100%,21% calc(100% - 8px),12% calc(100% - 8px),8% 100%,0 100%)}.script-block{--block-color:#53657e;position:relative;background:var(--block-color);color:#fff8ee;border:2px solid #ffffff55;width:100%;min-height:66px;margin-top:-2px;padding:13px 15px 12px 18px;display:flex;align-items:center;gap:10px;cursor:grab;touch-action:none;clip-path:polygon(0 0,8% 0,11% 8px,25% 8px,28% 0,100% 0,100% 100%,28% 100%,25% calc(100% - 8px),11% calc(100% - 8px),8% 100%,0 100%)}.script-block:hover,.script-block.drop-ready{filter:brightness(1.18)}.script-block .socket-tag{font-size:10px;text-transform:uppercase;letter-spacing:.1em;opacity:.85;min-width:78px}.script-block strong{flex:1}.script-block small{font-size:11px;opacity:.85}.script-tail{width:min(420px,100%);height:20px;background:#677589;border-radius:0 0 12px 12px}.lab-trash{border:2px dashed #8190a6;border-radius:12px;color:#c2cbd7;padding:20px;width:150px;text-align:center;font-size:12px;line-height:1.4;margin-top:54px}.lab-trash.drop-ready{border-color:#f6cb83;color:#f8dfb2;background:#9b6b3e33}.lab-tip{margin-top:16px;color:#e9ca91;font-size:12px;min-height:20px}.drag-ghost{position:fixed;z-index:100;pointer-events:none;width:210px;opacity:.9;transform:rotate(-3deg);box-shadow:0 15px 28px #0009}@media(max-width:750px){.lab-overlay{padding:4px}.lab-window{height:98vh}.lab-body{grid-template-columns:74px 180px minmax(0,1fr)}.lab-category{font-size:9px}.lab-palette{padding:9px}.lab-workspace{padding:10px}.lab-workspace-head{display:block}.lab-loadouts{margin-top:10px}.script-area{display:block;margin-top:20px}.lab-trash{margin:20px 0 0;width:100%}}@media(max-width:560px){.lab-body{grid-template-columns:66px 1fr;grid-template-rows:40% 60%}.lab-categories{grid-row:1/3}.lab-palette{grid-column:2;grid-row:1;border-right:0;border-bottom:1px solid #536176}.lab-workspace{grid-column:2;grid-row:2}.lab-header h2{font-size:22px}.lab-header p{display:none}.script-block{font-size:12px}.script-block .socket-tag{min-width:57px;font-size:8px}}
.lab-mode-tabs{display:flex;gap:5px;background:#1e293a;border-radius:8px;padding:3px}.lab-mode-tabs button{border:0;background:transparent;color:#c3cedd;padding:8px 15px;border-radius:6px;font-size:12px;font-weight:800}.lab-mode-tabs button.active{background:#dcb577;color:#1f2330}.script-count{font-size:12px;color:#e6c990;margin-top:10px}.insert-zone{height:15px;border:1px dashed #8090a600;background:#d7be7626;cursor:pointer;position:relative}.insert-zone::after{content:'+';position:absolute;left:48%;top:-3px;color:#dbc389;font-size:14px;opacity:.65}.insert-zone:hover,.insert-zone.selected,.insert-zone.drop-ready{height:24px;background:#e9c87a60;border-color:#f5d994;outline:2px solid #f5d994}.script-area{margin-top:15px}.script-block{margin-top:0}.script-tail{margin-top:-1px}.unlock-zone{--block-color:#7e678e;border:3px dashed var(--block-color);background:#192638;border-radius:15px;padding:30px;margin-top:26px;max-width:500px;min-height:270px}.unlock-zone.drop-ready{background:#37475e;border-color:#f4d294}.upgrade-preview-kind{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#aebdd0;font-weight:900}.upgrade-preview-name{font:36px Georgia,serif;color:#f2ddbb;margin:9px 0}.unlock-zone p{font-size:15px;color:#d2dce8}.upgrade-price{font-weight:900;color:#f4cf85;margin:22px 0}.upgrade-buy{background:#e1b774;color:#1e2130;border:0;border-radius:8px;padding:11px 16px;font-weight:900}.upgrade-buy:disabled{background:#536777;color:#dde3e9}.upgrade-explain{max-width:480px;margin-top:14px!important;font-size:13px!important}
.block-field{font-size:10px;white-space:nowrap;display:flex;align-items:center;gap:4px;color:#fff5e3}.block-field input{width:54px;border:1px solid #ffffff8a;border-radius:12px;background:#fff5e7;color:#24202b;padding:3px 5px;font-size:12px;font-weight:800;outline:none}.block-field input:focus{box-shadow:0 0 0 2px #fff}.script-block strong{min-width:55px}
.script-count.over-budget{color:#ff9c9c;font-weight:800}
.upgrade-buy.use-block{margin-left:8px;background:#425d78;color:#fff2d8;border:1px solid #8ba6c0}
.spell-tools{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.spell-tools button{background:#34465e;color:#f4ead9;border:1px solid #72849d;border-radius:6px;padding:5px 8px;font-size:11px}.spell-tools button:hover{background:#4c607c}.spell-explanation{margin:7px 0!important;color:#e2d3ae!important}.script-block.selected{outline:3px solid #fff2ac}.script-block.executing{filter:brightness(1.6);box-shadow:inset 0 0 22px #fff7a7}
.upgrade-path-heading{font-size:12px!important;text-transform:uppercase;letter-spacing:.12em;color:#eed4a2;margin:19px 0 7px!important;padding-bottom:4px;border-bottom:1px solid #8494a8}