:root{--bg: #0a0805;--amber: #ffb642;--room: #050403}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--room);overflow:hidden;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}body{display:grid;place-items:center;background:radial-gradient(ellipse 90% 70% at 50% 45%,#14100a,#050403 70%,#000)}.screen{display:none}body.mode-2d .screen,body.mode-portrait .screen{display:block}.screen{position:relative;width:min(96vw,128vh);aspect-ratio:4 / 3;border-radius:18px;overflow:hidden;background:var(--bg);cursor:default;box-shadow:0 0 0 2px #16120c,0 0 0 14px #1c1710,0 0 90px #ffb6421a,0 40px 120px #000000e6}.screen canvas{display:block;width:100%;height:100%;filter:saturate(1.05) drop-shadow(0 0 1px rgba(255,182,66,.55))}.screen:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0px 2px,#0003 3px 4px),radial-gradient(ellipse 78% 68% at 50% 50%,#0000 55%,#0000008c);mix-blend-mode:multiply}.screen:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:#ffb64206;animation:flicker 5.5s infinite steps(1)}@keyframes flicker{0%,96%,to{opacity:.35}97%{opacity:.7}98%{opacity:.2}}body.powering-off .screen{animation:collapse .62s cubic-bezier(.6,0,.2,1) forwards}@keyframes collapse{0%{transform:scaleY(1) scaleX(1);filter:brightness(1)}45%{transform:scaleY(.008) scaleX(1);filter:brightness(3.5)}70%{transform:scaleY(.008) scaleX(.28);filter:brightness(4)}to{transform:scaleY(.004) scaleX(0);filter:brightness(0)}}@media(prefers-reduced-motion:reduce){.screen:before{animation:none;opacity:.35}body.powering-off .screen{animation-duration:1ms}}.screen video{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:contain;background:var(--bg);filter:saturate(1.02) drop-shadow(0 0 1px rgba(255,182,66,.3))}.screen .film-back{position:absolute;left:5.5%;bottom:1em;z-index:1;color:#f0ebe1d9;font:13px/1 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.18em;text-shadow:1px 1px 0 rgba(0,0,0,.85);cursor:pointer;user-select:none}.screen .click-to-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;padding:.8em 1.6em;color:var(--amber);font:15px/1 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.22em;text-transform:uppercase;background:#0a0805c7;border:1px solid rgba(255,182,66,.45);border-radius:2px;text-shadow:0 0 10px rgba(255,182,66,.55);pointer-events:none;animation:ctp-pulse 1.1s infinite steps(2)}@keyframes ctp-pulse{0%{opacity:.45}50%{opacity:1}to{opacity:.45}}@media(prefers-reduced-motion:reduce){.screen .click-to-play{animation:none;opacity:.9}}#stage{position:fixed;inset:0;width:100%;height:100%;display:none}body.mode-3d{background:#000}body.mode-3d #stage{display:block}body.mode-3d .screen{display:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.fallback{color:var(--amber);padding:3rem;line-height:1.7}.fallback h1{font-size:1.2rem;letter-spacing:.1em;margin-bottom:1rem}body.mode-portrait{place-items:start center}body.mode-portrait .screen{width:100vw;height:var(--vvh, 100dvh);aspect-ratio:auto;border-radius:0;box-shadow:none;touch-action:manipulation}.phone-key{position:fixed;bottom:0;left:0;width:1px;height:1px;padding:0;border:0;outline:0;font-size:16px;color:transparent;background:transparent;caret-color:transparent;opacity:0;z-index:-1}body.mode-portrait .screen canvas{filter:brightness(1.06) saturate(1.12)}body.mode-portrait.film-up .bloom,body.mode-portrait.film-up .screen:before,body.mode-portrait.film-up .screen:after{display:none}body.mode-portrait.film-up .screen video{filter:none;background:#000}body.mode-portrait .screen .film-back{left:3%;bottom:calc(.6em + env(safe-area-inset-bottom,0px));padding:.85em 1.3em;margin:-.85em -1.3em;font-size:15px}body.mode-portrait .bloom{position:absolute;inset:0;z-index:1;pointer-events:none;backdrop-filter:blur(5px) brightness(1.7) saturate(1.25);-webkit-backdrop-filter:blur(5px) brightness(1.7) saturate(1.25);mix-blend-mode:screen;opacity:.62}body.mode-portrait .screen:after{mix-blend-mode:normal;background:repeating-linear-gradient(to bottom,#ffb03c0d 0px 1px,#0000 1px 2px,#00000075 2px 4px),radial-gradient(ellipse 96% 82% at 50% 50%,#0000 42%,#000000c7)}body.mode-portrait .screen:before{background:linear-gradient(to bottom,#ffb64200,#ffb64217 40%,#ffe8b42b,#ffb64217 60%,#ffb64200),#ffb64209;background-size:100% 30%,100% 100%;background-repeat:no-repeat,repeat;animation:flicker 5.5s infinite steps(1),sweep 6s linear infinite}@keyframes sweep{0%{background-position:0 -32%,0 0}to{background-position:0 132%,0 0}}@media(prefers-reduced-motion:reduce){body.mode-portrait .screen:before{animation:none}}#reel-strip{position:fixed;left:50%;bottom:3.2vh;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:.9em;padding:.55em 1.1em;background:#0a0805b8;border:1px solid rgba(255,182,66,.28);border-radius:3px;font:12px/1 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.12em;color:#f0ebe1b8;user-select:none;backdrop-filter:blur(2px)}#reel-strip[hidden]{display:none!important}#reel-strip .reel{cursor:pointer;padding:.25em .55em;border-radius:2px;text-transform:uppercase;white-space:nowrap}#reel-strip .reel:hover{color:var(--amber)}#reel-strip .reel[data-on="1"]{color:#0a0805;background:var(--amber)}#reel-strip .count{color:#f0ebe16b;padding-left:.2em;border-left:1px solid rgba(255,182,66,.22);margin-left:.2em}#reel-strip .keys{color:#f0ebe157;font-size:11px}@media(max-width:720px){#reel-strip{font-size:11px;gap:.5em;padding:.45em .7em}#reel-strip .keys{display:none}}body.mb-screen-pointer,body.mb-screen-pointer *{cursor:none!important}body.mb-screen-pointer [id^=dev-],body.mb-screen-pointer [id^=dev-] *{cursor:auto!important}body.mb-screen-pointer [id^=dev-] button,body.mb-screen-pointer [id^=dev-] input{cursor:pointer!important}