:root{--magenta: #ff2e88;--cyan: #00e5ff;--violet: #a142ff;--amber: #ffb000;--ink: #120024;--ink-2: #1d0736;--panel: rgb(28 6 54 / .72);--edge: rgb(0 229 255 / .35);--text: #f4e9ff;--dim: #b39ad0;--glow-m: 0 0 12px rgb(255 46 136 / .75);--glow-c: 0 0 12px rgb(0 229 255 / .65);--boot: .7s cubic-bezier(.2, .8, .2, 1);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink)}body{color:var(--text);font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.scene:not(.phase-done){pointer-events:auto;cursor:pointer}.sky{position:absolute;inset:0;background:radial-gradient(120% 70% at 50% 72%,rgb(161 66 255 / .35),transparent 70%),linear-gradient(180deg,#05010c,#1a0533 45%,#3d0a52 62%,#120024 63%,#0b0118)}.stars{position:absolute;inset:0 0 40%;opacity:.8;background-image:radial-gradient(1px 1px at 12% 22%,#fff,transparent),radial-gradient(1px 1px at 78% 14%,#ffd9f2,transparent),radial-gradient(1px 1px at 34% 46%,#cfefff,transparent),radial-gradient(1px 1px at 63% 33%,#fff,transparent),radial-gradient(1px 1px at 88% 41%,#ffd9f2,transparent),radial-gradient(1px 1px at 22% 8%,#fff,transparent),radial-gradient(1px 1px at 51% 12%,#cfefff,transparent);animation:twinkle 6s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.45}to{opacity:.9}}.sun{position:absolute;left:50%;bottom:37%;width:min(46vw,420px);aspect-ratio:1;translate:-50% 42%;border-radius:50%;background:linear-gradient(180deg,#ffe66d 0%,#ff8c42 42%,var(--magenta) 100%);filter:drop-shadow(0 0 60px rgb(255 46 136 / .55))}.sun-stripes{position:absolute;inset:45% 0 0;background:repeating-linear-gradient(180deg,transparent 0 6px,var(--ink) 6px 11px);mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 100%)}.horizon-glow{position:absolute;left:0;right:0;top:63%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--magenta),transparent);box-shadow:0 0 28px 6px #00e5ff73}.grid-floor{position:absolute;inset:63% -50% -10%;perspective:240px;perspective-origin:50% 0%;mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%)}.grid-lines{position:absolute;inset:0;transform:rotateX(76deg);transform-origin:50% 0%;background-image:linear-gradient(90deg,rgb(0 229 255 / .55) 1px,transparent 1px),linear-gradient(180deg,rgb(255 46 136 / .45) 1px,transparent 1px);background-size:5% 90px;animation:run 2.4s linear infinite}@keyframes run{0%{background-position-y:0,0}to{background-position-y:0,90px}}.crt-scan{position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgb(0 0 0 / .16) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}.scene:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 55%,#120024d1,#1200249e 60%,#12002473);opacity:0;transition:opacity .9s ease}.crt-flash{position:absolute;left:0;right:0;top:50%;height:3px;background:#fff;box-shadow:0 0 40px 10px #fff;opacity:0}.scene.phase-off .sky,.scene.phase-off .stars,.scene.phase-off .sun,.scene.phase-off .horizon-glow,.scene.phase-off .grid-floor{opacity:0}.scene.phase-scan .scene:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 55%,#120024d1,#1200249e 60%,#12002473);opacity:0;transition:opacity .9s ease}.scene.phase-done:after{opacity:1}.crt-flash{animation:crt-open .52s ease-out forwards}@keyframes crt-open{0%{opacity:1;scale:.02 1}55%{opacity:1;scale:1 1}to{opacity:0;scale:1 60}}.scene.phase-scan .sky{opacity:0}.scene .sky,.scene .stars{transition:opacity var(--boot)}.scene.phase-scan .stars,.scene.phase-scan .sun,.scene.phase-scan .grid-floor,.scene.phase-grid .sun{opacity:0}.scene .grid-floor,.scene .horizon-glow{transition:opacity var(--boot),scale var(--boot)}.scene.phase-scan .horizon-glow{opacity:0;scale:0 1}.scene.phase-grid .grid-floor,.scene.phase-sun .grid-floor,.scene.phase-title .grid-floor,.scene.phase-done .grid-floor{animation:grid-in .9s ease-out}@keyframes grid-in{0%{opacity:0}to{opacity:1}}.scene .sun{transition:opacity var(--boot),translate 1.1s cubic-bezier(.22,.9,.24,1)}.scene.phase-grid .sun{translate:-50% 120%}.scene.phase-sun .sun,.scene.phase-title .sun,.scene.phase-done .sun{opacity:1;translate:-50% 42%}.app{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:clamp(1rem,3vw,2.5rem) clamp(1rem,3vw,2rem) 4rem;display:grid;gap:clamp(1rem,2vw,1.5rem)}.app.booting>*:not(.masthead){opacity:0;translate:0 12px;pointer-events:none}.app>*{transition:opacity .6s ease,translate .6s ease}.masthead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1rem}.wordmark{margin:0;font-size:clamp(2rem,7vw,4rem);letter-spacing:.14em;line-height:1;transition:font-size var(--boot),letter-spacing var(--boot)}.wordmark-text{position:relative;background:linear-gradient(180deg,#fff 0%,#cfd8ff 32%,#7a86c8 47%,#2b2f5c 50%,var(--magenta) 52%,#ffb8de 72%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #3a0a4e) drop-shadow(0 0 22px rgb(255 46 136 / .55))}.wordmark.phase-off,.wordmark.phase-scan,.wordmark.phase-grid{opacity:0}.wordmark.phase-sun,.wordmark.phase-title{position:fixed;inset:0;display:grid;place-content:center;font-size:clamp(2.6rem,12vw,8rem);letter-spacing:.2em;z-index:2;animation:wordmark-in .9s ease-out both}@keyframes wordmark-in{0%{opacity:0;scale:1.25;filter:blur(14px)}to{opacity:1;scale:1;filter:blur(0)}}.readouts{display:flex;align-items:center;gap:1rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:var(--dim)}.lamp:before{content:"";display:inline-block;width:.55em;height:.55em;margin-right:.5em;border-radius:50%;background:#5b3f77;vertical-align:middle}.lamp.on{color:var(--cyan)}.lamp.on:before{background:var(--cyan);box-shadow:var(--glow-c);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:clamp(.9rem,2vw,1.4rem);backdrop-filter:blur(10px);box-shadow:0 0 0 1px #ff2e8814,0 18px 50px #00000080}.panel h2{margin:0 0 .9rem;font-size:.75rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--cyan);text-shadow:var(--glow-c)}.stage-panel{display:grid;justify-items:center;gap:.6rem}.floor-stage{width:min(100%,560px);display:grid;gap:.35rem}.floor{display:grid;gap:clamp(3px,.8vw,7px)}.floor-row{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(3px,.8vw,7px)}.square{aspect-ratio:1;min-width:0;padding:0;border:1px solid rgb(255 255 255 / .09);border-radius:5px;background:var(--c);transition:background 90ms linear,box-shadow 90ms linear}.square.lit{box-shadow:0 0 10px var(--c),0 0 22px color-mix(in srgb,var(--c) 55%,transparent)}.square.paintable{cursor:crosshair;border-color:#ffffff40}.square.paintable:hover{border-color:#fff}.square:disabled{cursor:default}.stage-caption{margin:0;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}.preset{display:grid;gap:.25rem;padding:.7rem .8rem;text-align:left;color:var(--text);background:#00000059;border:1px solid rgb(255 255 255 / .12);border-radius:8px;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,translate .14s ease}.preset:hover{translate:0 -2px;border-color:var(--cyan)}.preset.on{border-color:var(--magenta);box-shadow:var(--glow-m),inset 0 0 20px #ff2e8826}.preset strong{font-size:.78rem;letter-spacing:.14em}.preset span{font-size:.72rem;color:var(--dim);line-height:1.35}.field{display:grid;gap:.4rem;margin-bottom:1rem}.field:last-child{margin-bottom:0}.field-label{display:flex;justify-content:space-between;gap:1rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.field-label em{font-style:normal;color:var(--amber)}.swatches{display:flex;flex-wrap:wrap;gap:.4rem}.swatch{width:2rem;height:2rem;padding:0;border-radius:6px;border:2px solid rgb(255 255 255 / .18);background:var(--c);cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.swatch:hover{border-color:#fff}.swatch.on{border-color:#fff;box-shadow:0 0 10px var(--c)}.custom-swatch{display:grid;place-items:center;overflow:hidden;background:conic-gradient(var(--magenta),var(--amber),var(--cyan),var(--violet),var(--magenta))}.custom-swatch input{width:300%;height:300%;border:0;padding:0;background:none;opacity:0;cursor:pointer}.alphabet{display:flex;flex-wrap:wrap;gap:.3rem}.glyph-key{width:2rem;height:2rem;font:inherit;font-size:.9rem;color:var(--text);background:#0006;border:1px solid rgb(255 255 255 / .12);border-radius:5px;cursor:pointer}.glyph-key:hover{border-color:var(--cyan)}.glyph-key.on{color:var(--ink);background:var(--cyan);box-shadow:var(--glow-c)}.text-input{width:100%;padding:.55rem .7rem;font:inherit;color:var(--text);background:#00000073;border:1px solid var(--edge);border-radius:6px}.text-input:focus-visible{outline:none;border-color:var(--magenta);box-shadow:var(--glow-m)}input[type=range]{width:100%;height:1.6rem;appearance:none;background:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(90deg,var(--violet),var(--cyan))}input[type=range]::-moz-range-track{height:3px;border-radius:2px;background:linear-gradient(90deg,var(--violet),var(--cyan))}input[type=range]::-webkit-slider-thumb{appearance:none;width:1rem;height:1rem;margin-top:-.4rem;border:0;border-radius:50%;background:var(--magenta);box-shadow:var(--glow-m)}input[type=range]::-moz-range-thumb{width:1rem;height:1rem;border:0;border-radius:50%;background:var(--magenta);box-shadow:var(--glow-m)}.row-buttons{display:flex;gap:.5rem}.ghost{font:inherit;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;padding:.45rem .9rem;color:var(--cyan);background:none;border:1px solid var(--edge);border-radius:6px;cursor:pointer}.ghost:hover{color:var(--ink);background:var(--cyan)}.sync{color:var(--cyan);animation:pulse 1.2s ease-in-out infinite}.error{color:var(--magenta);text-shadow:var(--glow-m);text-transform:none;letter-spacing:.04em}:where(button,input,[tabindex]):focus-visible{outline:2px solid var(--amber);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}html{-webkit-text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent}.scene{height:100dvh}.app{padding-bottom:calc(2rem + env(safe-area-inset-bottom));padding-left:max(clamp(1rem,3vw,2rem),env(safe-area-inset-left));padding-right:max(clamp(1rem,3vw,2rem),env(safe-area-inset-right))}.floor.interactive,.square.paintable{touch-action:none}.swatch{width:2.75rem;height:2.75rem}.glyph-key{width:2.75rem;height:2.75rem;font-size:1rem}.ghost{min-height:2.75rem}.text-input{font-size:16px;min-height:2.75rem}@media(hover:none){.preset:hover{translate:none;border-color:#ffffff1f}.preset.on:hover{border-color:var(--magenta)}.square.paintable:hover{border-color:#ffffff40}.ghost:hover{color:var(--cyan);background:none}.swatch:hover,.glyph-key:hover{border-color:#ffffff2e}.swatch.on{border-color:#fff}}@media(max-width:640px){body{font-size:14px}.panel{backdrop-filter:none;background:#18052ee6}.masthead{align-items:center}.wordmark{font-size:1.9rem;letter-spacing:.1em}.readouts{font-size:.68rem;gap:.75rem}.presets{grid-template-columns:repeat(2,1fr)}.preset span{display:none}.grid-lines{background-size:12% 90px}.sun{width:72vw}}@media(max-height:520px)and (orientation:landscape){.wordmark.phase-done{font-size:1.5rem}.app{gap:.75rem}}.floor{padding:clamp(4px,1vw,8px);border-radius:8px;background:#0000008c;box-shadow:inset 0 0 0 1px #ffffff0f}.floor-stage{width:min(100%,460px)}