:root{--bg: #050308;--panel: rgba(10, 6, 18, .86);--line: rgba(180, 140, 255, .25);--text: #e8e2f4;--muted: #9a90b0;--accent: #b45cff;--red: #ff3b2f;--orange: #ff9a1f;--yellow: #ffe01f;--green: #5cff3a;--blue: #3ec7ff;--violet: #a35cff;--rainbow: linear-gradient(90deg, var(--red), var(--orange), var(--yellow), var(--green), var(--blue), var(--violet));--room: var(--accent)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Rajdhani,system-ui,sans-serif}canvas#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}h1,h2,.btn,.eyebrow,#room-label,#objective span,kbd,.pad-display,.pad-keys button{font-family:Orbitron,sans-serif}#screens{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:18px;padding:24px;pointer-events:auto;overflow-y:auto;background:radial-gradient(ellipse at center,#14082873,#030106e6)}.screen h2,.overlay h2{font-size:clamp(20px,2.6vw,30px);letter-spacing:.12em;text-transform:uppercase;text-align:center}.sub{color:var(--muted);text-align:center;font-size:18px}.row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.row.col{flex-direction:column;align-items:stretch}.eyebrow{color:var(--muted);letter-spacing:.3em;text-transform:uppercase;font-size:12px}.btn{border:1px solid var(--line);background:#ffffff0a;color:var(--text);padding:12px 26px;font-size:14px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:background .15s,transform .1s,box-shadow .15s}.btn:hover{background:#b45cff2e}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(90deg,#6a1fd0,#b45cff);border-color:transparent;font-weight:700}.btn.primary:hover{box-shadow:0 0 24px #b45cffb3}#screen-title{background:linear-gradient(90deg,#030106e6,#0301068c 45%,#03010600 80%);align-items:flex-start;padding-left:clamp(24px,9vw,140px)}.title-content{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:560px}.title-content h1{font-size:clamp(38px,6.4vw,88px);font-weight:900;letter-spacing:.16em;line-height:1.02;filter:drop-shadow(0 0 18px rgba(255,80,200,.35))}.title-content h1 span,.title-grad{background:var(--rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{font-size:21px;color:var(--muted);letter-spacing:.04em}.title-buttons{min-width:240px;margin-top:6px}.hint{color:var(--muted);font-size:14px;opacity:.75}.panel{background:var(--panel);border:1px solid var(--line);padding:32px 36px;max-width:640px;width:100%;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}.briefing-text{font-size:19px;line-height:1.45}.controls{display:grid;grid-template-columns:repeat(2,auto);gap:8px 28px;font-size:15px;color:var(--muted);margin:6px 0;text-align:left}kbd{display:inline-block;min-width:40px;padding:3px 6px;margin-right:6px;border:1px solid var(--line);font-size:10px;color:var(--text);text-align:center}.settings{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px;text-align:left}.settings label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px}.settings input{width:160px;accent-color:var(--accent)}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0}#crosshair .dot{position:absolute;width:4px;height:4px;left:-2px;top:-2px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fff;transition:transform .15s,background .15s}#crosshair.on .dot{transform:scale(2.6);background:transparent;border:1px solid var(--room);box-shadow:0 0 8px var(--room)}#prompt{position:absolute;left:50%;top:calc(50% + 26px);transform:translate(-50%);white-space:nowrap;font-size:17px;font-weight:600;letter-spacing:.06em;text-shadow:0 0 8px rgba(0,0,0,.9);opacity:0;transition:opacity .12s}#prompt.on{opacity:1}#prompt kbd{border-color:var(--room);color:var(--room)}#objective{position:absolute;left:24px;top:20px;max-width:min(420px,60vw);border-left:2px solid var(--accent);padding:4px 12px;background:linear-gradient(90deg,rgba(10,6,18,.6),transparent)}#objective span{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}#objective p{font-size:17px;font-weight:600;margin-top:2px}#objective.flash{animation:obj-flash 1.4s ease-out}@keyframes obj-flash{0%,30%{box-shadow:0 0 24px #b45cffb3;background-color:#b45cff40}}#room-label{position:absolute;top:22%;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap;font-size:clamp(18px,2.6vw,30px);font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:var(--room);text-shadow:0 0 20px var(--room);opacity:0}#room-label.show{animation:room-in 3.2s ease-out forwards}#room-label small{display:block;font:600 12px Rajdhani,sans-serif;letter-spacing:.3em;color:var(--muted);text-shadow:none;margin-bottom:4px}@keyframes room-in{0%{opacity:0;letter-spacing:.6em}15%,70%{opacity:1;letter-spacing:.35em}to{opacity:0}}#messages{position:absolute;bottom:18%;left:50%;transform:translate(-50%);width:min(640px,90vw);display:flex;flex-direction:column;gap:8px;align-items:center}#messages .msg{padding:8px 16px;background:var(--panel);border:1px solid var(--line);font-size:17px;font-weight:600;text-align:center;animation:msg-in .3s ease-out,msg-out .5s ease-in 3.5s forwards}@keyframes msg-in{0%{transform:translateY(10px);opacity:0}}@keyframes msg-out{to{opacity:0}}#whispers{position:absolute;right:28px;bottom:26%;display:flex;flex-direction:column;align-items:flex-end;gap:6px}#encore-reveal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px}.encore{position:relative;padding:4px 12px;background:radial-gradient(ellipse at center,rgba(8,2,14,.75),transparent 80%);font:600 21px Rajdhani,sans-serif;letter-spacing:.12em;color:#ff4fa0;text-shadow:0 0 12px rgba(255,60,160,.8);animation:encore-in .8s steps(8) both,encore-jitter 2.4s steps(1) infinite,msg-out .8s ease-in 4.4s forwards}.encore.big{background:none;font-size:clamp(22px,3.4vw,40px);text-align:center;max-width:900px;animation:encore-in 1s steps(10) both,encore-jitter 1.8s steps(1) infinite}.encore:before,.encore:after{content:attr(data-text);position:absolute;top:4px;right:12px;bottom:4px;left:12px;opacity:.6;pointer-events:none}.encore:before{color:#3ec7ff;transform:translate(-2px);clip-path:inset(0 0 55% 0);animation:encore-slice 1.3s steps(2) infinite}.encore:after{color:#5cff3a;transform:translate(2px);clip-path:inset(60% 0 0 0);animation:encore-slice 1.7s steps(2) infinite reverse}@keyframes encore-in{0%{opacity:0;filter:blur(6px);letter-spacing:.6em}}@keyframes encore-jitter{0%,92%{transform:none}94%{transform:translate(3px,-1px) skew(-8deg)}97%{transform:translate(-2px,1px)}}@keyframes encore-slice{50%{transform:translate(3px)}}.encore.bean{color:#b98cff;text-shadow:0 0 12px rgba(163,92,255,.9)}.content-note{font-size:14px;color:var(--muted);border:1px solid var(--line);padding:8px 12px}#objective .sym,#room-label .sym{color:inherit;width:1.1em;height:1.1em;vertical-align:-.18em}#finale{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#010302;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px;overflow-y:auto}#finale canvas{width:min(1100px,94vw);height:auto;aspect-ratio:1280 / 480;transition:opacity 2s,transform 2s}#finale .credits{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;opacity:0;transition:opacity 3s}#finale.credits .credits{opacity:1}#finale.credits canvas{transform:scale(.8)}#finale .credits h1{font:900 clamp(28px,4vw,48px) "Orbitron",sans-serif;letter-spacing:.2em;background:var(--rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}#finale .credits .sub{color:var(--muted);letter-spacing:.15em;font-size:15px}#finale .credits .head{font:700 12px Orbitron,sans-serif;letter-spacing:.3em;color:var(--green);margin-top:10px}#finale .credits .line{font-size:17px}#finale .credits .care{max-width:560px;font-size:14px;color:var(--muted);margin-top:14px}#finale .after{display:none;flex-direction:column;gap:16px;align-items:center}#finale.after canvas,#finale.after .credits{display:none}#finale.after .after{display:flex}#finale .after-text{font:500 20px Rajdhani,monospace;color:#5cff3a;white-space:pre-wrap;max-width:620px;min-height:9em;text-shadow:0 0 8px rgba(92,255,58,.6)}#fade,#whiteout{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;z-index:20;transition:opacity .8s}#fade{background:#000}#fade.on{opacity:1}#whiteout{background:#fff;transition:opacity 1.2s}#whiteout.on{opacity:1}body.in-sim #objective,body.in-sim #room-label,body.in-sim #whispers{display:none}body.in-sim #crosshair .dot{background:#ffc21f;box-shadow:0 0 8px #ffc21f}#sim-hud{position:absolute;top:0;right:0;bottom:0;left:0}#sim-hud:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,160,60,.05) 0 2px,transparent 2px 4px)}.sim-title{position:absolute;top:18px;left:24px;font:700 12px Orbitron,sans-serif;letter-spacing:.3em;color:#ffc21f;opacity:.8}.sim-boss{position:absolute;top:60px;left:50%;transform:translate(-50%);width:min(560px,70vw);text-align:center}.sim-boss .name{font:700 14px Orbitron,sans-serif;letter-spacing:.35em;color:#ff6a50;margin-bottom:6px}.sim-boss .bar{height:8px;background:#ffffff14;border:1px solid rgba(255,106,80,.4)}.sim-boss .fill{height:100%;background:linear-gradient(90deg,#ff3b2f,#ffc21f);transition:width .15s}#sim-lines{position:absolute;left:50%;top:62%;transform:translate(-50%)}.sim-line{position:relative;font:600 26px Rajdhani,sans-serif;letter-spacing:.2em;color:#39ff14;text-shadow:0 0 14px rgba(57,255,20,.8);animation:encore-in .3s steps(4) both,encore-jitter .9s steps(1) infinite,msg-out .6s ease-in 1.8s forwards;white-space:nowrap}#glitch{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;background:linear-gradient(transparent 40%,rgba(255,40,80,.35) 41%,transparent 43%,transparent 70%,rgba(60,200,255,.3) 71%,transparent 72%)}#glitch.on{animation:glitch .35s steps(3)}@keyframes glitch{0%{opacity:1;transform:translate(-12px)}50%{opacity:1;transform:translate(10px) scaleY(1.2)}to{opacity:0}}.sym{display:inline-block;width:1.5em;height:1.5em;vertical-align:-.38em;margin:0 .12em;background:currentColor;filter:drop-shadow(0 0 4px currentColor)}.log-text .sym,.spectro-caption .sym{color:var(--c);width:2.2em;height:2.2em;vertical-align:-.75em}.title-glyphs{display:flex;gap:10px;color:var(--green);opacity:.85;font-size:22px}.title-glyphs .sym{margin:0;animation:glyph-flicker 6s steps(1) infinite}.title-glyphs .sym:nth-child(3n){animation-delay:-2s}.title-glyphs .sym:nth-child(3n+1){animation-delay:-4.1s}@keyframes glyph-flicker{0%,88%,to{opacity:1}90%{opacity:.2}93%{opacity:.9}95%{opacity:.35}}.overlay .spectro-panel{--c: #5cff3a;border-color:#5cff3a73;max-width:1020px;align-items:stretch;text-align:left}.spectro-panel h2{text-align:left;color:var(--c);text-shadow:0 0 14px rgba(92,255,58,.5)}.spectro-screen{position:relative;border:1px solid rgba(92,255,58,.35);background:#020803;box-shadow:0 0 30px #5cff3a26 inset}.spectro-screen canvas{display:block;width:100%;height:auto;aspect-ratio:960 / 360;image-rendering:pixelated}.spectro-axis{position:absolute;left:8px;font:600 11px Orbitron,sans-serif;color:#5cff3a99;letter-spacing:.1em}.spectro-axis.top{top:6px}.spectro-axis.bottom{bottom:6px}.spectro-time{position:absolute;right:10px;top:6px;font:700 13px Orbitron,sans-serif;color:var(--c);letter-spacing:.15em}.spectro-loop{position:absolute;right:10px;bottom:12px;font:700 11px Orbitron,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#ffc21f;text-shadow:0 0 8px rgba(255,194,31,.6);transition:color .2s}.spectro-loop.restart{color:#fff;animation:loop-blink .35s steps(2) infinite}@keyframes loop-blink{50%{opacity:.3}}.spectro-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffc21f1f}.spectro-progress i{display:block;height:100%;width:0;background:#ffc21f;box-shadow:0 0 8px #ffc21f}.spectro-caption{font-size:18px;line-height:1.45;white-space:pre-wrap;min-height:2em}.spectro-panel .hint{display:flex;justify-content:space-between;align-items:center;gap:12px}.spectro-replay{padding:8px 18px;font-size:11px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;z-index:10;background:radial-gradient(ellipse at center,#0804108c,#030106cc)}.overlay .panel{--c: var(--room);border-color:color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 0 40px color-mix(in srgb,var(--c) 18%,transparent)}.overlay .eyebrow{color:var(--c)}.log{max-width:620px;align-items:stretch;text-align:left;max-height:calc(100vh - 48px);overflow-y:auto}.log h2{text-align:left;color:var(--c);text-shadow:0 0 14px color-mix(in srgb,var(--c) 50%,transparent)}.log-text{font-size:19px;line-height:1.5;white-space:pre-wrap;min-height:4em}.log-text:after{content:"▍";color:var(--c);animation:blink 1s steps(2) infinite}.log-text.done:after{content:""}@keyframes blink{50%{opacity:0}}.log .hint{text-align:right}.pad{max-width:340px}.pad-display{width:100%;padding:14px;background:#04060a;border:1px solid var(--line);font-size:30px;letter-spacing:.5em;text-indent:.5em;color:var(--c);text-shadow:0 0 12px var(--c);min-height:66px}.pad-display.bad{color:var(--red);text-shadow:0 0 12px var(--red);animation:shake .35s}.pad-display.good{color:var(--green);text-shadow:0 0 12px var(--green)}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pad-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.pad-keys button{aspect-ratio:1.5;font-size:22px;font-weight:700;color:var(--text);background:#ffffff0a;border:1px solid var(--line);cursor:pointer;transition:background .1s,box-shadow .1s}.pad-keys button:hover{background:color-mix(in srgb,var(--c) 18%,transparent)}.pad-keys button:active,.pad-keys button.down{background:color-mix(in srgb,var(--c) 40%,transparent);box-shadow:0 0 14px var(--c)}.pad-keys .fn{font-size:13px;letter-spacing:.15em;color:var(--muted)}.pad-keys .go{color:var(--green)}body:not(.touch) .touch-only,body.touch .desktop-only{display:none!important}body.touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#touch{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;touch-action:none}#touch .zone{position:absolute;top:0;right:0;bottom:0;left:0}#touch .stick{position:absolute;left:0;top:0;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#ffffff0f;opacity:0;pointer-events:none;transition:opacity .1s}#touch .stick.on{opacity:1}#touch .stick i{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 0 14px var(--accent)}.tbtn{--size: 60px;position:absolute;width:var(--size);height:var(--size);border-radius:50%;padding:0;border:2px solid rgba(255,255,255,.3);color:var(--text);font:700 12px Orbitron,sans-serif;letter-spacing:.08em;background:#00000059;touch-action:none;-webkit-tap-highlight-color:transparent}.tbtn.down{transform:scale(.92);border-color:#fff}.tbtn.use{--size: 86px;right:calc(32px + env(safe-area-inset-right));bottom:calc(40px + env(safe-area-inset-bottom));border-color:var(--room);background:color-mix(in srgb,var(--room) 22%,rgba(0,0,0,.35))}.tbtn.pause{--size: 42px;right:calc(14px + env(safe-area-inset-right));top:calc(12px + env(safe-area-inset-top));font-size:12px}body.touch #objective{left:calc(16px + env(safe-area-inset-left));top:calc(12px + env(safe-area-inset-top))}body.touch #prompt{top:calc(50% + 22px);font-size:15px}#rotate{display:none}@media (orientation: portrait){body.touch #rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:32px;background:var(--bg);text-align:center;font:700 18px Orbitron,sans-serif;letter-spacing:.12em}}@media (max-height: 520px){.screen{gap:10px;padding:12px}.panel{padding:16px 20px;gap:8px}.briefing-text,.log-text{font-size:15px}.title-content{gap:8px}.tagline{font-size:15px}.pad{max-width:300px}.pad-keys{gap:6px}.pad-keys button{aspect-ratio:2.4;font-size:18px}.pad-display{padding:6px;min-height:0;font-size:22px}}