@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff4d2;--gold:#ffd23a;--cyan:#3dfff2;--magenta:#ff3ad5;--panel:#14081f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(at 50% -10%,#5a1878d9,#0000 46%),radial-gradient(at 50% 120%,#ff3ad52e,#0000 42%),linear-gradient(#07010f,#12081c 70%,#07010f);font-family:"Press Start 2P",monospace}button,.sub,.hint,.status,.dek,.eyebrow,h1,.clock{font-family:inherit}.cabinet{width:min(1100px,100% - 24px);margin:0 auto;padding:22px 0 32px}.marquee{text-align:center;margin-bottom:14px}.eyebrow{color:var(--cyan);letter-spacing:1px;margin:0 0 8px;font-size:10px}h1{color:var(--gold);text-shadow:3px 3px #ff3ad5,-2px 0 #3dfff2;margin:0;font-size:clamp(16px,3vw,28px);line-height:1.5}.dek{color:#f3d7ff;max-width:38rem;margin:10px auto 0;font-size:9px;line-height:1.8}.bezel{background:linear-gradient(#2a1248, #14081f) padding-box, linear-gradient(90deg, var(--magenta), var(--gold), var(--cyan)) border-box;border:4px solid #0000;border-radius:18px;padding:12px;box-shadow:0 0 0 6px #0a0414,0 18px 50px #00000073,0 0 40px #ff3ad540}.stage{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.scan,.glass{pointer-events:none;position:absolute;inset:0}.scan{mix-blend-mode:multiply;background:repeating-linear-gradient(#0000002e 0 1px,#0000 1px 4px)}.glass{background:linear-gradient(#ffffff24,#0000 18% 80%,#00000040)}.sub{text-align:center;min-height:3.4em;color:var(--gold);margin:14px 0 6px;font-size:clamp(8px,1.5vw,11px);line-height:1.7}.sub.spoken{color:#fff}.status{text-align:center;color:#c9b7e6;margin:0 0 12px;font-size:8px;line-height:1.7}.controls,.scenes{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.controls{margin-bottom:12px}button{border:3px solid var(--gold);color:var(--ink);cursor:pointer;text-transform:uppercase;background:#120814;padding:12px 14px;font-size:10px;line-height:1.4}button:hover:not(:disabled),button.active{background:var(--gold);color:#1a0c08}button:disabled{opacity:.55;cursor:default}button:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.scenes button{padding:10px 8px;font-size:8px}.timeline{grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:14px;display:grid}.track{background:#1a1028;border:2px solid #ffd23a;height:12px}.bar{background:linear-gradient(90deg, var(--cyan), var(--gold), var(--magenta));width:0%;height:100%}#clock{color:var(--cyan);font-size:8px}.hint{text-align:center;color:#b9a6d4;margin:14px 0 0;font-size:8px;line-height:1.8}@media (width<=720px){.cabinet{width:min(100% - 16px,1100px);padding-top:14px}h1{font-size:16px}.dek,.hint{font-size:8px}button{flex:auto}}