:root{--ink:#e9f4f6;--muted:#829aa3;--paper:#0a1921;--panel:#10242d;--line:#274752;--cyan:#63d7dc;--amber:#f3b84a;--red:#ef776f;--cell-size:clamp(2.6rem, 5vw, 4.35rem);background:var(--paper);color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{min-width:320px;margin:0}button,input{font:inherit}button,.file-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#15303a;border-radius:.25rem}button:hover,.file-button:hover{border-color:var(--cyan)}button:focus-visible,input:focus-visible,.file-button:focus-within{outline:2px solid var(--amber);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.38}.editor-shell{background-image:linear-gradient(#63d7dc06 1px,#0000 1px),linear-gradient(90deg,#63d7dc06 1px,#0000 1px);background-size:24px 24px;grid-template:auto minmax(0,1fr)/17rem minmax(20rem,1fr) 18rem;min-height:100vh;display:grid}.masthead{border-bottom:1px solid var(--line);background:#07141bf0;grid-column:1/-1;justify-content:space-between;align-items:end;padding:1.15rem 1.4rem;display:flex}.eyebrow,.section-label,.board-meta,.axis,.document-state{letter-spacing:.12em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,monospace}.eyebrow{color:var(--cyan);margin:0 0 .25rem;font-size:.67rem}h1{letter-spacing:.025em;margin:0;font-family:Impact,Haettenschweiler,sans-serif;font-size:clamp(1.8rem,4vw,3.1rem);font-weight:400}.document-state{color:var(--amber);font-size:.72rem}.panel{background:#10242deb;padding:1.25rem}.controls-panel{border-right:1px solid var(--line)}.inspector-panel{border-left:1px solid var(--line)}.panel section+section{border-top:1px solid var(--line);margin-top:1.6rem;padding-top:1.15rem}.section-label{color:var(--muted);margin:0 0 .75rem;font-size:.66rem}.size-controls{grid-template-columns:1fr auto 1fr;align-items:end;gap:.5rem;display:grid}.size-controls label{color:var(--muted);gap:.35rem;font-size:.75rem;display:grid}.size-controls input{border:1px solid var(--line);width:100%;color:var(--ink);background:#08171d;border-radius:.2rem;padding:.6rem}.button-row{grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.7rem;display:grid}.button-row button{padding:.6rem .4rem}.quiet{background:0 0}.tool-grid{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.tool{text-align:left;grid-template-columns:2.15rem 1fr;align-items:center;gap:.4rem;min-height:3rem;padding:.35rem;display:grid}.tool>span:last-child{font-size:.78rem}.tool-visual{background:#08171d;place-items:center;width:2rem;height:2rem;display:grid;position:relative;overflow:hidden}.tool-visual img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.tool-visual b{width:1rem;height:1rem;color:var(--amber);background:#07171d;place-items:center;font:700 .65rem monospace;display:grid;position:absolute;bottom:0;right:0}.tool-symbol{width:2rem;height:2rem;color:var(--amber);place-items:center;font:1.1rem monospace;display:grid}.preview-wall img{filter:grayscale()brightness(.52)contrast(1.35)}.preview-plate img{filter:sepia(.8)saturate(1.8)brightness(.72)}.preview-wormhole img{filter:hue-rotate(210deg)saturate(1.7)}.preview-gate img{filter:grayscale()brightness(.58)}.tool.active{border-color:var(--cyan);background:var(--cyan);color:#052127}.tool.active .tool-symbol{color:#052127}.board-stage{grid-template-rows:auto 1fr auto;min-width:0;padding:1rem;display:grid;overflow:hidden}.board-meta{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding-bottom:.75rem;font-size:.65rem;display:grid}.live-state{color:var(--amber);text-align:center;justify-self:center}.live-state.ready{color:#65dca5}.board-scroll{border:1px solid var(--line);background:#030d11ad;place-items:center;min-height:0;padding:1rem;display:grid;overflow:auto;box-shadow:inset 0 0 4rem #00000052}.board-scroll:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}.map-grid{grid-auto-rows:var(--cell-size);-webkit-user-select:none;user-select:none;width:max-content;display:grid}.axis{color:#66848e;place-items:center;font-size:.6rem;display:grid}.axis.corner{border:0}.map-cell{isolation:isolate;width:var(--cell-size);height:var(--cell-size);background:#14313a;border:1px solid #274752;border-radius:0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.map-cell:hover{z-index:1;border-color:var(--cyan)}.map-cell.selected{z-index:2;outline:2px solid var(--amber);outline-offset:-3px}.field-blank{background:repeating-linear-gradient(135deg,#061015 0 7px,#09161c 7px 14px);border-color:#162a31}.field-blank:after{content:"";background:#29414a;border-radius:50%;width:.32rem;height:.32rem;position:absolute}.tile-asset,.goal-asset,.object-asset{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}.tile-asset{z-index:-2;object-fit:cover}.field-wall .tile-asset{filter:grayscale()brightness(.52)contrast(1.35)}.field-plate .tile-asset{filter:sepia(.72)saturate(1.8)brightness(.72)}.field-plate:after{content:"";z-index:-1;pointer-events:none;background:#44300c94;border:2px solid #e0ae46;border-radius:50%;width:38%;height:38%;position:absolute;box-shadow:0 0 0 4px #121e208c}.field-plate.plate-active:after{background:#1f7452b8;border-color:#72efb6;box-shadow:0 0 12px #72efb6}.field-wormhole .tile-asset{filter:hue-rotate(210deg)saturate(1.7)}.field-gate .tile-asset{filter:grayscale()brightness(.58)}.field-gate.gate-open .tile-asset{filter:hue-rotate(85deg)saturate(1.45)}.field-badge{z-index:0;pointer-events:none;place-items:center;font:800 clamp(.58rem,1.1vw,.78rem)/1 monospace;display:grid;position:absolute}.wormhole-badge{color:#f2efff;background:#351b67b3;border:3px double #d7ceff;border-radius:50%;width:52%;height:52%;box-shadow:0 0 12px #8d74ff}.gate-badge{color:#f4f7f8;background:repeating-linear-gradient(90deg,#14232ae6 0 4px,#abbec5d9 4px 7px);border:3px double #d7e1e5;width:48%;height:70%}.gate-open .gate-badge{color:#72efb6;background:#1f7452b8;border-color:#72efb6;height:20%;transform:translateY(-110%)}.goal-asset{z-index:-1;object-fit:contain}.object-asset{z-index:1;place-items:center;width:82%;height:82%;display:grid;inset:9%}.object-asset img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.object-asset b{width:31%;height:31%;color:var(--amber);background:#07171d;border:1px solid;place-items:center;font:700 clamp(.55rem,1.3vw,.8rem) monospace;display:grid;position:absolute;bottom:0;right:0}.object-handoff b{color:#b499ff}.object-swapper b{color:#f38e86}.control-assets{z-index:3;pointer-events:none;flex-wrap:wrap;justify-content:end;gap:1px;max-width:70%;display:flex;position:absolute;top:2px;right:2px}.control-asset{filter:drop-shadow(0 1px 1px #000);width:clamp(.55rem,1.2vw,.8rem);height:clamp(.55rem,1.2vw,.8rem)}.notice{min-height:1.25rem;color:var(--amber);margin:.6rem 0 0;font-size:.8rem}.inspector{min-height:5rem;color:var(--muted);font-size:.82rem}.inspector dl{grid-template-columns:4rem 1fr;gap:.5rem;margin:0;display:grid}.inspector dt{color:var(--muted)}.inspector dd{color:var(--ink);overflow-wrap:anywhere;margin:0;font-family:monospace}.valid{color:#65dca5;font-size:.82rem}.error-list{color:var(--red);gap:.45rem;margin:0;padding-left:1.1rem;font-size:.76rem;display:grid}.restart-button{border-color:var(--cyan);width:100%;margin-top:.7rem;padding:.65rem}.file-actions{gap:.55rem;display:grid}.file-actions .section-label{margin-bottom:.2rem}.file-actions button,.file-button{text-align:center;width:100%;padding:.72rem;display:block}.file-button input{opacity:0;width:1px;height:1px;position:absolute}@media (width<=960px){.editor-shell{grid-template:auto auto minmax(26rem,1fr) auto/1fr}.masthead,.controls-panel,.board-stage,.inspector-panel{grid-column:1}.controls-panel{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.controls-panel section+section{border:0;margin:0;padding:0}.inspector-panel{border-top:1px solid var(--line);border-left:0}}@media (width<=560px){:root{--cell-size:3rem}.masthead{align-items:start}.document-state{margin-top:.4rem}.controls-panel{grid-template-columns:1fr}.board-stage{padding:.55rem}.board-scroll{place-items:start;padding:.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}