*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#0c1016;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}canvas{background:0 0}.game-root{touch-action:none;width:100vw;height:100dvh;position:relative;overflow:hidden}.game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.title-screen{z-index:20;background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.title-screen:after{content:"";background:radial-gradient(#060a1040 0%,#060a10c7 100%);position:absolute;inset:0}.title-inner{z-index:1;text-align:center;padding:24px;position:relative}.title-logo{letter-spacing:.06em;color:#f2f7ff;text-shadow:0 0 22px #37c8ff8c,0 4px 30px #000c;margin-bottom:2px;font-family:Arial Narrow,Segoe UI,system-ui,sans-serif;font-size:clamp(38px,8vw,84px);font-weight:900;font-stretch:75%;animation:3.2s ease-in-out infinite titleGlow}.title-rule{background:linear-gradient(90deg,#0000,#ff9a2e 20% 80%,#0000);width:min(340px,60vw);height:2px;margin:10px auto 8px}.title-sub{letter-spacing:.42em;color:#9fd8f2;text-transform:uppercase;margin-bottom:44px;font-size:clamp(12px,2.2vw,17px)}@keyframes titleGlow{0%,to{text-shadow:0 0 22px #37c8ff80,0 4px 30px #000c}50%{text-shadow:0 0 38px #ff9a2e99,0 4px 30px #000c}}.btn-start{letter-spacing:.22em;color:#eaf6ff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a16228c;border:1.5px solid #7de2ffd9;border-radius:4px;padding:14px 54px;font-size:17px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 0 22px #37c8ff59,inset 0 0 18px #37c8ff1f}.btn-start:hover{background:#183044b3}.btn-start:active{transform:scale(.96)}.start-hint{color:#b8c7d4;letter-spacing:.05em;margin-top:20px;font-size:14px}.cutscene{z-index:18;cursor:pointer;position:absolute;inset:0}.cine-bar{background:#000;height:11vh;animation:1.1s cubic-bezier(.22,1,.36,1) both barIn;position:absolute;left:0;right:0}.cine-bar.top{transform-origin:top;top:0}.cine-bar.bottom{transform-origin:bottom;bottom:0}@keyframes barIn{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.cutscene-terminal{left:max(26px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050c12b8;border:1px solid #37c8ff47;border-left:3px solid #37c8ff;border-radius:4px;max-width:min(88vw,560px);padding:16px 22px;animation:.6s ease-out .5s both promptIn;position:absolute;bottom:calc(11vh + 22px)}.cutscene-terminal pre{white-space:pre-wrap;color:#9fe8ff;text-shadow:0 0 8px #37c8ff59;margin:0;font:12.5px/1.75 Courier New,ui-monospace,monospace}.cutscene-terminal .caret{color:#d8f6ff;animation:.85s step-end infinite caretBlink}@keyframes caretBlink{50%{opacity:0}}.cutscene-skip{right:max(26px, env(safe-area-inset-right));letter-spacing:.22em;text-transform:uppercase;color:#eaf6ffa6;border:1px solid #eaf6ff38;border-radius:999px;padding:8px 16px;font-size:12px;animation:2.4s ease-in-out infinite skipPulse;position:absolute;bottom:calc(11vh + 26px)}@keyframes skipPulse{0%,to{opacity:.55}50%{opacity:1}}.hud{pointer-events:none;z-index:10;position:absolute;inset:0}.corner{opacity:.5;border:0 solid #9fd8f2cc;width:34px;height:34px;animation:.7s cubic-bezier(.22,1,.36,1) both cornerIn;position:absolute}.corner.tl{border-top-width:2px;border-left-width:2px;top:14px;left:14px}.corner.tr{border-top-width:2px;border-right-width:2px;top:14px;right:14px}.corner.bl{border-bottom-width:2px;border-left-width:2px;bottom:14px;left:14px}.corner.br{border-bottom-width:2px;border-right-width:2px;bottom:14px;right:14px}@keyframes cornerIn{0%{opacity:0;transform:scale(1.6)}to{opacity:.5;transform:scale(1)}}.vignette{pointer-events:none;z-index:8;background:radial-gradient(120% 100% at 50% 45%,#0000 55%,#04080e57 100%),linear-gradient(#0a101a0d,#0a101a0d);position:absolute;inset:0}.crosshair{width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair .reticle{opacity:.9;filter:drop-shadow(0 0 4px #0009);width:100%;height:100%;position:absolute;inset:0}.ret-glow{opacity:0;pointer-events:none;width:27px;height:54px;transition:opacity .3s;position:absolute;top:50%;overflow:hidden}.ret-glow.blue{left:0;transform:translateY(-50%)}.ret-glow.orange{right:0;transform:translateY(-50%)}.ret-glow:before{content:"";border-radius:50%;width:54px;height:54px;position:absolute;top:0}.ret-glow.blue:before{left:0;box-shadow:inset 0 0 14px #37c8ffe6,0 0 14px #37c8ffb3}.ret-glow.orange:before{right:0;box-shadow:inset 0 0 14px #ff9a2ee6,0 0 14px #ff9a2eb3}.ret-glow.on{opacity:1}.portal-pods{left:max(16px, env(safe-area-inset-left));flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gauge{place-items:center;width:62px;height:62px;display:grid;position:relative}.gauge img{opacity:.28;filter:grayscale(.85)brightness(.75);width:100%;height:100%;transition:opacity .4s,filter .4s,transform .4s;position:absolute;inset:0}.gauge.on img{opacity:1;filter:none;animation:14s linear infinite gaugeSpin;transform:scale(1.05)}@keyframes gaugeSpin{to{transform:scale(1.05)rotate(360deg)}}.gauge-label{z-index:1;letter-spacing:.12em;color:#dceaf480;font-size:11px;font-weight:800;transition:color .3s,text-shadow .3s;position:relative}.gauge.on .gauge-label{color:#fff;text-shadow:0 0 10px #ffffffe6,0 0 4px #000c}.pod-link{background:#a0b2c040;border-radius:1px;width:2px;height:20px;transition:background .4s,box-shadow .4s}.pod-link[data-on="1"]{background:linear-gradient(#37c8ff,#ff9a2e);animation:1.6s ease-in-out infinite linkPulse;box-shadow:0 0 10px #c8be96b3}@keyframes linkPulse{0%,to{opacity:.75}50%{opacity:1}}.level-banner{top:max(10px, env(safe-area-inset-top));width:min(340px,62vw);animation:.8s cubic-bezier(.22,1,.36,1) both bannerIn;position:absolute;left:50%;transform:translate(-50%)}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%)translateY(-14px)}to{opacity:1;transform:translate(-50%)}}.banner-art{filter:drop-shadow(0 6px 18px #0000008c);width:100%;height:auto;display:block}.banner-text{justify-content:center;align-items:center;gap:12px;padding:0 18%;display:flex;position:absolute;inset:0}.level-banner .chamber-num{color:#7de2ff;text-shadow:0 0 14px #37c8ffbf,0 2px 4px #000c;font-family:Arial Narrow,system-ui,sans-serif;font-size:clamp(20px,3.2vw,30px);font-weight:900}.level-banner .name-block{flex-direction:column;align-items:flex-start;display:flex}.level-banner .name{letter-spacing:.24em;color:#f2f8fc;text-shadow:0 1px 3px #000000e6;white-space:nowrap;font-size:clamp(10px,1.6vw,13px);font-weight:700}.level-banner .sub{letter-spacing:.22em;color:#9fd4ea;text-transform:uppercase;text-shadow:0 1px 3px #000000e6;white-space:nowrap;margin-top:2px;font-size:clamp(8px,1.2vw,10px)}.prompt{width:min(300px,60vw);animation:.25s ease-out promptIn;position:absolute;bottom:24%;left:50%;transform:translate(-50%)}.prompt-art{filter:drop-shadow(0 4px 14px #00000080);width:100%;height:auto;display:block}.prompt-text{color:#d8f2ff;letter-spacing:.08em;text-shadow:0 1px 4px #000000e6;text-align:center;justify-content:center;align-items:center;padding:0 12%;font-size:clamp(12px,1.8vw,15px);font-weight:700;display:flex;position:absolute;inset:0}.prompt.holding .prompt-text{color:bisque}.prompt.holding .prompt-art{filter:drop-shadow(0 4px 14px #00000080)hue-rotate(160deg)saturate(1.3)}@keyframes promptIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)}}.hint-toast{pointer-events:none;width:min(420px,78vw);animation:7s forwards hintFade;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}@media (pointer:coarse){.hint-toast{width:min(340px,44vw);bottom:8%}}.hint-art{filter:drop-shadow(0 4px 16px #0000008c);width:100%;height:auto;display:block}.hint-text{text-align:center;color:#d9edf8;letter-spacing:.03em;text-shadow:0 1px 4px #000000f2;justify-content:center;align-items:center;padding:0 11%;font-size:clamp(11px,1.7vw,14px);font-weight:600;line-height:1.45;display:flex;position:absolute;inset:0}@keyframes hintFade{0%{opacity:0;transform:translate(-50%)translateY(10px)}7%{opacity:1;transform:translate(-50%)}82%{opacity:1}to{opacity:0;visibility:hidden}}.key-legend{left:max(20px, env(safe-area-inset-left));clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#c4d4e0;background:linear-gradient(135deg,#1e2e3c59,#0000 40%),linear-gradient(#0c141ee0,#070d14cc);border:1px solid #7dc8eb47;border-radius:6px;min-width:230px;padding:14px 18px 12px;animation:7.5s forwards legendFade;position:absolute;bottom:24px;box-shadow:0 8px 24px #00000080,inset 0 1px #a0dcff1f}.key-legend .t{letter-spacing:.3em;color:#7de2ff;text-shadow:0 0 8px #37c8ff80;border-bottom:1px solid #7de2ff38;margin-bottom:9px;padding-bottom:7px;font-size:10px;font-weight:800}.key-legend .row{justify-content:space-between;align-items:center;gap:16px;margin:5px 0;display:flex}.key-legend .keys{gap:3px;display:flex}.key-legend kbd{color:#e8f4fc;background:linear-gradient(#3a4a58,#232f3a);border:1px solid #a0c8e659;border-bottom-width:2.5px;border-radius:4px;place-items:center;min-width:20px;height:20px;padding:0 5px;font:700 10px/1 Segoe UI,system-ui,sans-serif;display:inline-grid;box-shadow:0 1px 3px #00000080}.key-legend kbd.wide{padding:0 8px}.key-legend kbd.mb-blue{color:#8fdcff;border-color:#37c8ff8c;box-shadow:0 1px 3px #00000080,0 0 8px #37c8ff40}.key-legend kbd.mb-orange{color:#ffc890;border-color:#ff9a2e8c;box-shadow:0 1px 3px #00000080,0 0 8px #ff9a2e40}.key-legend .act{letter-spacing:.05em;color:#9fb8ca;font-size:11.5px}@keyframes legendFade{0%{opacity:0}6%{opacity:1}78%{opacity:1}to{opacity:0;visibility:hidden}}.fade-overlay{pointer-events:none;z-index:15;background:#000;position:absolute;inset:0}.overlay-screen{z-index:22;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(#081018bf,#04080deb);flex-direction:column;justify-content:center;align-items:center;animation:.35s ease-out promptIn;display:flex;position:absolute;inset:0}.overlay-screen h2{color:#f2f7ff;letter-spacing:.2em;text-shadow:0 0 24px #7de2ff80;font-family:Arial Narrow,system-ui,sans-serif;font-size:clamp(26px,5vw,44px);font-weight:900}.overlay-screen h2:after{content:"";background:linear-gradient(90deg,#0000,#37c8ff,#ff9a2e,#0000);height:2px;margin-top:12px;display:block}.overlay-screen p{color:#9fc4da;letter-spacing:.12em;text-transform:uppercase;margin-top:14px;font-size:14px}.overlay-screen button{letter-spacing:.2em;color:#eaf6ff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#0a16228c;border:1.5px solid #7dffb0bf;border-radius:4px;margin-top:34px;padding:13px 48px;font-size:16px;font-weight:700;transition:transform .15s,background .15s;box-shadow:0 0 20px #7dffb047,inset 0 0 16px #7dffb01a}.overlay-screen button:hover{background:#142c22b3}.overlay-screen button:active{transform:scale(.96)}.touch-root{z-index:12;touch-action:none;position:absolute;inset:0}.joy-base{opacity:0;background:radial-gradient(circle,#eaf6ff08 30%,#eaf6ff17 100%);border:1.5px solid #eaf6ff59;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;bottom:90px;left:36px}.joy-thumb{background:radial-gradient(circle at 35% 35%,#eaf6ffa6,#a0bed273);border-radius:50%;box-shadow:0 2px 8px #0006}.touch-buttons{right:max(18px, env(safe-area-inset-right));grid-template-columns:repeat(2,auto);gap:14px;display:grid;position:absolute;bottom:78px}.tbtn{color:#eaf6ffd9;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;touch-action:none;background:radial-gradient(circle at 50% 30%,#1e304059,#0000 70%),#080e1680;border:1.5px solid #eaf6ff80;border-radius:50%;width:60px;height:60px;font-size:24px;line-height:1;transition:transform 80ms,box-shadow .15s;box-shadow:inset 0 1px #ffffff14,0 4px 14px #00000059}.tbtn:active{background:#14223099;transform:scale(.9)}.tbtn-blue,.tbtn-orange{box-shadow:none;background:0 0;border:none;position:relative}.tbtn-blue img,.tbtn-orange img{filter:drop-shadow(0 3px 8px #00000080);pointer-events:none;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;inset:-4px}.tbtn-jump,.tbtn-grab{border-color:#eaf6ff80}