:root{--pink: #ff2d95;--cyan: #22d3ee;--yellow: #ffcc00;--red: #ff3b3b;--mono: "Courier New", Courier, monospace;--block: "Arial Black", Impact, "Helvetica Neue", sans-serif;--neon: Impact, "Arial Black", "Helvetica Neue", sans-serif}html,body{margin:0;padding:0;background:#05040a;height:100%;overflow:hidden;color:#f0f0f6;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app{position:fixed;inset:0;touch-action:none}#three-canvas{display:block;width:100%;height:100%;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;font-family:var(--mono);touch-action:none}#ui>*{position:absolute}.hidden{display:none!important}.credits{touch-action:pan-y}#vignette{inset:0;background:radial-gradient(ellipse at center,#0000 45%,#000000a6)}#life{left:max(18px,env(safe-area-inset-left,0px));top:max(14px,env(safe-area-inset-top,0px));display:flex;align-items:center;gap:10px;background:#00000059;padding:6px 12px;border-radius:4px}#life .label{font-family:var(--neon);font-size:22px;color:var(--pink);text-shadow:0 0 10px var(--pink),0 0 20px var(--pink);letter-spacing:1px}#life .pips{font-family:var(--block);font-size:20px;color:var(--pink);text-shadow:0 0 8px var(--pink);position:relative}#life .pips .ghost{position:absolute;left:0;top:0;color:#3a1a2a;text-shadow:none;z-index:-1}#life .reason{font-size:11px;color:#ffe9a8;opacity:0;transition:opacity .6s}#life .reason.show{opacity:1;transition:none}#life.bump .pips{animation:bump .25s}@keyframes bump{50%{transform:scale(1.25)}}#crosshair{left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffffb3;box-shadow:0 0 6px #000c}#newgame{left:50%;bottom:max(90px,calc(env(safe-area-inset-bottom,0px) + 70px));transform:translate(-50%);pointer-events:auto;touch-action:none;cursor:pointer;font-family:var(--block);font-size:14px;letter-spacing:2px;color:#fff8e0;padding:8px 18px;border-radius:20px;background:#ff2d9559;border:1px solid rgba(255,204,0,.8)}#newgame:active{background:#ff2d958c}#prompt{left:50%;bottom:max(60px,calc(env(safe-area-inset-bottom,0px) + 46px));transform:translate(-50%);background:#000000b3;border:1px solid rgba(255,204,0,.6);color:#ffe9a8;font-size:14px;padding:6px 14px;white-space:nowrap}#lockhint{left:50%;bottom:max(24px,env(safe-area-inset-bottom,0px));transform:translate(-50%);font-size:11px;color:#8a90a8;letter-spacing:1px}#toast{left:50%;top:70px;transform:translate(-50%);text-align:center;opacity:0;transition:opacity .6s}#toast.show{opacity:1}#toast .name{font-family:var(--neon);font-size:36px;color:#fff;text-shadow:0 0 16px var(--cyan),0 0 30px var(--cyan);letter-spacing:2px}#toast .sub{font-size:12px;color:#8a90a8;margin-top:4px}#message{left:50%;bottom:40px;transform:translate(-50%);width:min(860px,90vw);background:#05040ceb;border:2px solid var(--pink);box-shadow:0 0 20px #ff2d9540,inset 0 0 0 1px #22d3ee59;padding:12px 20px 14px;min-height:80px;pointer-events:none}#message .title{font-family:var(--block);font-size:11px;color:var(--yellow);margin-bottom:8px;letter-spacing:1px}#message .body{font-size:17px;line-height:1.5;color:#f0f0f6}#message .more{position:absolute;right:16px;bottom:8px;font-size:12px;color:#8a90a8;animation:blink 1.2s infinite}@keyframes blink{50%{opacity:.3}}#cabprompt{left:50%;top:50%;transform:translate(-50%,-50%);width:min(600px,92vw);background:#05040cf2;border:2px solid var(--yellow)}#cabprompt .marquee{font-family:var(--block);font-size:18px;color:#1a1000;background:var(--yellow);padding:8px 14px;text-align:center;letter-spacing:1px}#cabprompt .body{font-size:14px;line-height:1.55;padding:14px 20px;white-space:pre-wrap}#cabprompt .stats{font-size:12px;color:#8a90a8;padding:0 20px 6px}#cabprompt .action{font-size:15px;color:var(--pink);text-align:center;padding:10px 20px 16px;white-space:pre-wrap}#hint{right:max(16px,env(safe-area-inset-right,0px));top:max(16px,env(safe-area-inset-top,0px));width:320px;background:#05040ceb;border:1px solid var(--cyan);padding:8px 12px;transform:translate(40px);opacity:0;transition:all .3s}#hint.show{transform:none;opacity:1}#hint .tag{font-family:var(--block);font-size:10px;color:var(--cyan);letter-spacing:1px}#hint .title{font-size:14px;color:#fff;margin:4px 0}#hint .text{font-size:10px;color:#8a90a8}#crt{inset:0;display:flex;align-items:center;justify-content:center;background:#02030800;opacity:0;transition:opacity .45s;pointer-events:none}#crt.show{opacity:1;background:#020308eb}#crt .bezel{position:relative;padding:40px 32px 26px;background:#141a33;border-radius:14px;box-shadow:0 0 60px #000000e6,inset 0 0 0 4px #0a0b12}#crt .marquee{position:absolute;left:24px;right:24px;top:-18px;height:34px;background:var(--yellow);color:#fff;font-family:var(--block);font-size:18px;text-align:center;line-height:34px;border-radius:4px;text-shadow:0 0 4px #000;letter-spacing:1px}#crt .screen{position:relative;width:min(80vw,calc(80vh * 4 / 3));aspect-ratio:4 / 3;background:#02030a;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 40px #000000e6}#crt .screen canvas{width:100%;height:100%;display:block;image-rendering:auto}#crt .scan{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#00000047 0px 1px,#0000 2px 4px);pointer-events:none}#crt .glare{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,#ffffff14,#0000 50%),radial-gradient(ellipse at center,#0000 60%,#00000080);pointer-events:none}#crt .help{margin-top:12px;text-align:center;font-size:12px;color:#8a90a8}#fade{inset:0;background:#000;opacity:0;transition:opacity .4s}#flash{inset:0;background:#fff;opacity:0}#sound-select{inset:0;display:flex;align-items:center;justify-content:center;background:#04040a66;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:auto;touch-action:none;transition:opacity .35s}#sound-select.fade-out{opacity:0}.sound-select-card{display:flex;flex-direction:column;gap:10px;padding:18px 28px;border-radius:6px;background:#08080e80;border:1px solid rgba(255,255,255,.12)}.sound-select-btn{font-family:var(--mono);font-size:13px;letter-spacing:2px;color:#d8d8e2;padding:8px 22px;border:1px solid rgba(255,255,255,.25);border-radius:3px;text-align:center;cursor:pointer}.sound-select-btn:active{background:#ffffff14}#debug{left:0;top:0;bottom:0;width:440px;background:#000000d9;color:#c8ffd8;font-size:10px;line-height:1.35;padding:8px 10px;white-space:pre-wrap;overflow:auto}.screen-full{inset:0;background:#05040a;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;text-align:center}.screen-full .carpet{position:absolute;inset:0;opacity:.35;background-size:512px}.screen-full .dark{position:absolute;inset:0;background:radial-gradient(ellipse at center,#05040a33,#05040af2)}.screen-full>*:not(.carpet):not(.dark){position:relative}.title-neon{font-family:var(--neon);font-size:clamp(64px,14vw,150px);color:var(--red);text-shadow:0 0 20px var(--red),0 0 50px var(--red),0 0 90px rgba(255,59,59,.6);letter-spacing:4px;animation:neonhum 4s infinite}.title-neon .s{display:inline-block;animation:sflick 7s infinite}@keyframes neonhum{0%,96%,to{opacity:1}97%{opacity:.86}98%{opacity:1}}@keyframes sflick{0%,40%,to{opacity:1}41%{opacity:.3}42%{opacity:1}43%{opacity:.4}44%{opacity:1}}.title-sub{font-family:var(--block);font-size:14px;color:var(--yellow);text-shadow:0 0 8px var(--yellow);margin-top:8px;letter-spacing:2px}.title-prompt{margin-top:60px;font-size:18px;color:#e8e8f0;animation:blink 1.4s infinite}.title-keys{margin-top:40px;font-size:12px;color:#8a90a8}.title-foot{position:absolute;bottom:20px;left:0;right:0;font-size:11px;color:#5a607a}.title-neon.small{font-size:clamp(32px,7vw,56px)}.promo-card{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:48px}.promo-input{font-family:var(--mono);font-size:28px;letter-spacing:14px;text-align:center;color:#e8e8f0;background:#08080e80;border:1px solid rgba(255,255,255,.25);border-radius:3px;width:220px;padding:10px 0 10px 14px;outline:none}.promo-input:focus{border-color:#ffffff80}.promo-confirm{font-family:var(--mono);font-size:13px;letter-spacing:3px;color:#d8d8e2;background:transparent;padding:8px 26px;border:1px solid rgba(255,255,255,.25);border-radius:3px;cursor:pointer}.promo-confirm:active{background:#ffffff14}.promo-error{font-size:12px;letter-spacing:2px;color:var(--red);text-shadow:0 0 8px var(--red)}.ending-line{font-size:18px;color:#e8e8f0;opacity:0;transition:opacity .9s;margin:8px 0}.ending-line.show{opacity:1}.ending-neon{font-family:var(--neon);font-size:clamp(64px,14vw,150px);color:var(--red);text-shadow:0 0 20px var(--red),0 0 50px var(--red);letter-spacing:4px;opacity:0;transition:opacity 1.2s}.ending-neon.show{opacity:1}.ending-neon .s{opacity:0}.ending-neon .s.on{animation:son .6s forwards}@keyframes son{0%{opacity:0}20%{opacity:1}30%{opacity:.1}45%{opacity:1}55%{opacity:.3}to{opacity:1}}.credits{position:absolute;inset:0;background:#05040af5;overflow:auto;padding:48px 12vw;text-align:left;font-family:var(--mono);pointer-events:auto}.credits-title{font-family:var(--neon);font-size:40px;color:var(--cyan);text-shadow:0 0 14px var(--cyan);letter-spacing:3px;margin-bottom:8px}.credits-sub{font-size:12px;color:#8a90a8;margin:6px 0 18px}.credits-item{font-size:13px;color:#f0f0f6;margin:0 0 16px;line-height:1.5}.credits-item span{color:#b8bcd0;font-size:12px}.credits-item .credits-line{color:#6a7090;font-size:11px}.touch-ui{inset:0;pointer-events:none}.touch-move{position:absolute;left:0;bottom:0;width:52%;height:62%;pointer-events:auto;touch-action:none}.stick-base{position:absolute;width:116px;height:116px;border-radius:50%;transform:translate(-50%,50%);background:#14141a59;border:2px solid rgba(255,255,255,.28);box-shadow:inset 0 0 18px #0006;opacity:.42;transition:opacity .2s}.touch-move.active .stick-base{opacity:.92}.stick-base.repositioning{border-color:var(--cyan);box-shadow:0 0 16px #22d3ee99}.stick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;border-radius:50%;transform:translate(-50%,-50%);background:#f0f0f68c;border:1px solid rgba(255,255,255,.5);box-shadow:0 0 10px #00000080}.touch-look{position:absolute;right:0;top:0;width:48%;height:100%;pointer-events:auto;touch-action:none;background:transparent}.touch-interact{position:absolute;right:max(22px,calc(env(safe-area-inset-right,0px) + 14px));bottom:max(26px,calc(env(safe-area-inset-bottom,0px) + 20px));min-width:84px;height:84px;padding:0 10px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ff2d954d;border:2px solid rgba(255,204,0,.85);color:#fff8e0;font-family:var(--block);font-size:15px;letter-spacing:1px;text-align:center;pointer-events:auto;touch-action:none;opacity:.55;transition:opacity .15s,transform .1s;z-index:2}.touch-interact.pressed{opacity:1;transform:scale(.92);background:#ff2d958c}.touch-cancel{position:absolute;right:max(28px,calc(env(safe-area-inset-right,0px) + 20px));bottom:max(122px,calc(env(safe-area-inset-bottom,0px) + 116px));width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0a0a108c;border:1px solid rgba(255,255,255,.35);color:#c8ccd8;font-size:16px;pointer-events:auto;touch-action:none;opacity:.5;transition:opacity .15s,transform .1s;z-index:2}.touch-cancel.pressed{opacity:1;transform:scale(.9)}.touch-cabinet{inset:0;pointer-events:none;z-index:200}.touch-cab-dpad{position:absolute;left:max(18px,calc(env(safe-area-inset-left,0px) + 10px));bottom:max(24px,calc(env(safe-area-inset-bottom,0px) + 18px));display:flex;gap:14px}.touch-btn{pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center;background:#14141a80;border:2px solid rgba(255,255,255,.3);color:#f0f0f6;font-family:var(--block);letter-spacing:1px;opacity:.55;transition:opacity .12s,transform .1s;user-select:none}.touch-btn.pressed{opacity:1;transform:scale(.94);background:#22d3ee59}.touch-btn.cab-left,.touch-btn.cab-right{width:64px;height:64px;border-radius:50%;font-size:26px}.touch-btn.cab-fire{position:absolute;right:max(22px,calc(env(safe-area-inset-right,0px) + 14px));bottom:max(30px,calc(env(safe-area-inset-bottom,0px) + 24px));width:92px;height:92px;border-radius:50%;font-size:16px;border-color:#ff2d95b3}.touch-btn.cab-exit{position:absolute;right:max(18px,calc(env(safe-area-inset-right,0px) + 10px));top:max(14px,calc(env(safe-area-inset-top,0px) + 10px));padding:8px 14px;border-radius:20px;font-size:12px}.rotate-prompt{inset:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#030308f5;pointer-events:auto}.rotate-icon{font-size:56px;color:var(--cyan);text-shadow:0 0 16px var(--cyan);animation:rotateSpin 1.8s ease-in-out infinite}@keyframes rotateSpin{0%,to{transform:rotate(-12deg)}50%{transform:rotate(90deg)}}.rotate-text{font-family:var(--block);font-size:16px;color:#f0f0f6;letter-spacing:2px}.rotate-sub{font-size:11px;color:#8a90a8}.audio-diag{position:fixed;left:50%;top:max(10px,env(safe-area-inset-top,0px));transform:translate(-50%);z-index:600;padding:6px 10px;border-radius:8px;background:#0a0a10bf;border:1px solid rgba(255,255,255,.15);color:#b4ffc8e6;font-family:monospace;font-size:9px;line-height:1.5;white-space:pre;pointer-events:none}@media(hover:hover)and (pointer:fine){.touch-ui,.touch-cabinet,.rotate-prompt{display:none!important}}