:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#d9e1dc;background:#070a09;font-synthesis:none;--green: #8bec62;--muted: #829089;--panel: rgba(13, 19, 17, .92)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 36%,#17241e 0,#090d0b 44%,#050706)}button{min-height:44px;border:1px solid #425149;background:#151c19;color:#dce5df;padding:.7rem 1.2rem;font:600 .76rem/1 system-ui;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,background .2s,transform .15s}button:hover:not(:disabled){border-color:var(--green);background:#1b2821}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline:2px solid var(--green);outline-offset:3px}button:disabled{opacity:.38;cursor:default}button.primary{border-color:#5c8f4c;background:linear-gradient(135deg,#263a2b,#17251d)}button.quiet{border-color:transparent;background:transparent}button.danger{color:#ad7f78}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(1.5rem,env(safe-area-inset-top)) max(1.5rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1.5rem,env(safe-area-inset-left))}.title-screen:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(#4a6b5a22 1px,transparent 1px),linear-gradient(90deg,#4a6b5a22 1px,transparent 1px);background-size:52px 52px;transform:perspective(500px) rotateX(62deg) scale(1.7) translateY(26%);mask-image:linear-gradient(to top,black,transparent 75%)}h1{margin:.25rem 0;font-size:clamp(3rem,11vw,8rem);letter-spacing:.18em;font-weight:300;text-shadow:0 0 42px #7fe7561f}h2{margin:.2rem 0 1.5rem;font-size:clamp(1.5rem,4vw,2.4rem);font-weight:400;letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:var(--green);font:600 .66rem/1.5 ui-monospace,monospace;letter-spacing:.28em}.subtitle{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.7rem}.menu-actions{display:grid;gap:.65rem;width:min(290px,90vw);margin-top:2.5rem;z-index:1}.sigil{display:flex;gap:8px;height:55px;align-items:flex-end;filter:drop-shadow(0 0 10px #8bec6266)}.sigil i{display:block;width:13px;height:39px;background:#78d953;transform:skewY(-28deg)}.sigil i:nth-child(2){height:55px}.select-screen{height:100%;min-height:0;max-height:100%;align-items:stretch;justify-content:flex-start;max-width:900px;margin:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.select-screen header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:2rem}.select-screen header button{justify-self:start}.select-screen h2{margin:0}.level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem;width:100%;margin-bottom:2rem}.level-card{min-height:110px;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;text-align:left;border-color:#2b3933;background:linear-gradient(145deg,#131a17,#0c100f)}.level-card span{color:#607069;font-family:ui-monospace,monospace}.level-card strong{letter-spacing:.1em}.level-card i{color:#56645e;font-style:normal}.level-card.complete i{color:var(--green);text-shadow:0 0 12px var(--green)}.authoring-entry{width:100%;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;margin:0 0 2rem;padding:1.1rem 1.2rem;border:1px solid #34463d;background:linear-gradient(145deg,#111b16,#0a100d)}.authoring-entry div{display:grid;gap:.25rem}.authoring-entry p{margin:0}.authoring-entry strong{letter-spacing:.1em;text-transform:uppercase}.authoring-entry span{color:var(--muted);font-size:.76rem}.game-screen{position:relative;width:100%;height:100%;outline:none;background:#070b0a}.game-canvas{display:block;width:100%;height:100%;touch-action:none}.game-header{position:absolute;top:max(.8rem,env(safe-area-inset-top));left:max(.8rem,env(safe-area-inset-left));right:max(.8rem,env(safe-area-inset-right));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;pointer-events:none}.game-header button{pointer-events:auto}.brand-button{justify-self:start;border-color:transparent;background:#0a0f0dcc;letter-spacing:.22em}.level-label{color:#9ca9a2;margin:0;font:600 .66rem/1 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase}.game-header .icon-button{justify-self:end}.icon-button{width:46px;padding:0;font-size:1.1rem;background:#0c1210cc}.game-controls{position:absolute;left:max(1rem,env(safe-area-inset-left));bottom:max(1rem,env(safe-area-inset-bottom));display:flex;gap:.5rem}.touch-pad{position:absolute;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));display:none;grid-template:repeat(2,48px) / repeat(3,48px);gap:3px;opacity:.7}.touch-pad button{min-height:0;padding:0;font-size:1.1rem;background:#0c1210cc}.touch-pad .north{grid-area:1/2}.touch-pad .west{grid-area:2/1}.touch-pad .south{grid-area:2/2}.touch-pad .east{grid-area:2/3}.overlay-host:empty{display:none}.overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#050807b8;backdrop-filter:blur(5px);padding:1.5rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.overlay-panel{width:min(360px,100%);display:grid;gap:.65rem;padding:2rem;background:var(--panel);border:1px solid #35453d;box-shadow:0 24px 80px #000a}.overlay-panel h2{margin-bottom:.9rem}.help-copy{color:#aab5af;line-height:1.65;font-size:.88rem;margin:0 0 1rem}.debug-panel{position:absolute;top:5rem;right:1rem;width:min(360px,42vw);max-height:65vh;overflow:auto;padding:.75rem;background:#000c;border:1px solid #4a6;color:#9fdb9a;font-size:10px;pointer-events:none}.error-screen{text-align:center}.error-screen h1{font-size:2rem}.error-screen p{color:var(--muted)}.editor-screen{width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 330px;background:#070b0a;outline:none}.editor-canvas{width:100%;height:100%;min-width:0;display:block;cursor:crosshair;touch-action:none}.editor-panel{z-index:2;overflow:auto;padding:1.2rem;border-left:1px solid #314139;background:#0b100ecc;box-shadow:-18px 0 55px #0008}.editor-panel h2{margin-bottom:1rem;font-size:1.2rem}.editor-exit{width:100%;margin:-.35rem 0 .8rem;text-align:left}.editor-tools,.editor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-bottom:.8rem}.editor-tools{display:flex;grid-template-columns:none;align-items:stretch;gap:.45rem;overflow-x:auto;padding:0 0 .65rem;scroll-snap-type:x proximity;scrollbar-width:thin;overscroll-behavior-inline:contain}.editor-tools h3{display:flex;flex:0 0 88px;align-items:center;margin:0;padding-right:.45rem;color:#89978f;font:600 .57rem/1.35 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.editor-tools button,.editor-actions button{min-height:38px;padding:.55rem;font-size:.62rem}.editor-tools button{flex:0 0 auto;min-width:72px;min-height:46px;scroll-snap-align:start;touch-action:pan-x}.editor-tools button.active{border-color:var(--green);color:var(--green);background:#1d2c23}.editor-settings{display:grid;gap:.55rem;margin-bottom:.8rem;padding:.8rem;border:1px solid #27352f;background:#080d0b}.editor-settings summary{cursor:pointer;color:#aebbb4;font:600 .65rem/1.3 ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase}.editor-settings:not([open]){padding:.8rem}.editor-settings[open] summary{margin-bottom:.65rem}.editor-metadata{display:grid;gap:.55rem}.editor-palette,.editor-routing,.editor-inspector{margin-bottom:.8rem;padding:.75rem;border:1px solid #2c3b34;background:#090e0c}.editor-palette h3,.editor-routing h3,.editor-inspector h3{margin:0 0 .55rem;color:#aebbb4;font:600 .65rem/1.3 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.editor-palette p,.editor-routing p,.editor-inspector p{margin:.45rem 0 0;color:#78877f;font:.65rem/1.45 ui-monospace,monospace}.editor-swatches,.editor-presets,.editor-door-targets{display:flex;flex-wrap:wrap;gap:.35rem}.editor-swatches button,.editor-presets button,.editor-door-targets button{min-height:34px;padding:.45rem .6rem;font-size:.58rem}.editor-swatches button.active,.editor-presets button.active,.editor-door-targets button.active{border-color:var(--green);box-shadow:inset 0 0 0 1px #8bec6266}.editor-swatches .color-swatch{width:36px;padding:0;border-color:#647269}.editor-swatches .color-swatch.green{background:#75d755}.editor-swatches .color-swatch.yellow{background:#d7b747}.editor-swatches .color-swatch.red{background:#c75a50}.editor-swatches .color-swatch.blue{background:#4f86cf}.editor-presets{margin-top:.6rem}.editor-routing fieldset{display:flex;flex-wrap:wrap;gap:.45rem .8rem;margin:.65rem 0 0;padding:.55rem;border:1px solid #2d3d35}.editor-routing legend,.editor-routing label,.editor-inspector legend,.editor-inspector label{color:#9eaaa4;font:.62rem/1.3 ui-monospace,monospace}.editor-routing label{display:flex;gap:.35rem;align-items:center}.editor-component{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;margin-top:.6rem;padding:.6rem;border:1px solid #34463d;background:#0c1310}.editor-tile-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:.65rem}.editor-tile-actions button{min-height:40px;padding:.5rem;font-size:.57rem}.editor-component strong{color:#c6d2cb;font:600 .68rem/1.3 ui-monospace,monospace}.editor-component>button{min-height:30px;padding:.35rem .5rem;font-size:.55rem}.editor-component>label,.editor-component fieldset{grid-column:1 / -1}.editor-component>label{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:.5rem}.editor-component select{min-width:0;border:1px solid #35453d;background:#090e0c;color:#dce5df;padding:.45rem;font:.65rem/1.3 ui-monospace,monospace}.editor-component fieldset{display:flex;flex-wrap:wrap;gap:.4rem .7rem;margin:.2rem 0 0;padding:.5rem;border:1px solid #2d3d35}.editor-component fieldset label{display:flex;align-items:center;gap:.3rem}.editor-settings label{display:grid;gap:.3rem;color:#89978f;font:600 .62rem/1.3 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.editor-settings input,.editor-settings select,.editor-data{width:100%;border:1px solid #35453d;border-radius:0;background:#090e0c;color:#dce5df;padding:.6rem;font:.72rem/1.4 ui-monospace,monospace}.editor-status{display:block;min-height:3.5rem;max-height:9rem;overflow:auto;white-space:pre-wrap;padding:.7rem;margin-bottom:.8rem;color:#a8c8b3;border-left:2px solid #5d9067;background:#0a100d;font:.68rem/1.5 ui-monospace,monospace}.editor-status.error{color:#d6a29a;border-color:#a55d53}.editor-data{min-height:240px;resize:vertical}.editor-screen.is-playing .edit-only,.editor-screen:not(.is-playing) .play-only,.editor-screen.is-playing .editor-tools,.editor-screen.is-playing .editor-settings,.editor-screen.is-playing .editor-data{display:none}@media(pointer:coarse),(max-width:700px){.touch-pad{display:grid}.level-label{max-width:36vw;text-align:center;line-height:1.4}.brand-button{font-size:.62rem;padding-inline:.7rem}.game-controls{bottom:max(1rem,env(safe-area-inset-bottom))}.select-screen{padding-bottom:max(2rem,env(safe-area-inset-bottom))}.level-grid{grid-template-columns:1fr}.level-card{min-height:88px}.select-screen header{grid-template-columns:auto 1fr}.select-screen h2{text-align:right;font-size:1.2rem}.authoring-entry{grid-template-columns:1fr}.authoring-entry button{width:100%}.editor-screen{grid-template-columns:1fr;grid-template-rows:minmax(48vh,1fr) minmax(260px,42vh);overflow:auto}.editor-panel{border-left:0;border-top:1px solid #314139;box-shadow:0 -18px 55px #0008;padding:1rem max(.85rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(.85rem,env(safe-area-inset-left));overscroll-behavior:contain}.editor-tools{margin-inline:-.85rem;padding-inline:.85rem;scroll-padding-inline:.85rem}.editor-tools h3{flex-basis:78px}.editor-data{min-height:180px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}