:root{--app-vw: 100vw;--app-vh: 100vh;--terminal-font: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", "Roboto Mono", monospace;--visual-offset-left: 0px;--visual-offset-top: 0px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}@supports (height: 100dvh){:root{--app-vh: 100dvh}}html,body{width:var(--app-vw);height:var(--app-vh);margin:0;overflow:hidden;overscroll-behavior:none;background:#02040b;color:#f6fbff;font-family:var(--terminal-font);-webkit-text-size-adjust:100%}canvas{display:block;width:var(--app-vw);height:var(--app-vh);touch-action:none}#controller-bridge{position:fixed;left:-4px;top:-4px;width:1px;height:1px;border:0;opacity:0;pointer-events:none}#hud{position:fixed;left:var(--visual-offset-left);top:var(--visual-offset-top);width:var(--app-vw);height:var(--app-vh);pointer-events:none;z-index:5;text-shadow:0 0 12px rgba(80,220,255,.82)}#screen-fx{position:fixed;left:var(--visual-offset-left);top:var(--visual-offset-top);width:var(--app-vw);height:var(--app-vh);z-index:2;pointer-events:none;opacity:.28;background:radial-gradient(circle at 50% 46%,transparent 0 46%,rgba(0,0,0,.42) 100%),linear-gradient(rgba(88,241,255,.07) 1px,transparent 1px),linear-gradient(60deg,rgba(255,221,83,.032) 0 1px,transparent 1px 42px),linear-gradient(120deg,rgba(255,67,204,.026) 0 1px,transparent 1px 42px);background-size:100% 100%,100% 5px,74px 42px,74px 42px}#screen-fx:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 0 62%,rgba(255,31,44,.08) 74%,rgba(255,18,34,.54) 100%),linear-gradient(90deg,rgba(255,0,24,.62),transparent 15%,transparent 85%,rgba(255,0,24,.62)),linear-gradient(180deg,rgba(255,0,24,.56),transparent 15%,transparent 85%,rgba(255,0,24,.56));mix-blend-mode:screen}#screen-fx:before{content:"";position:fixed;inset:-8%;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 0 38%,rgba(91,244,255,.08) 54%,rgba(91,244,255,.36) 100%),repeating-linear-gradient(92deg,rgba(255,231,90,.18) 0 2px,transparent 2px 42px),repeating-linear-gradient(-88deg,rgba(73,235,255,.16) 0 2px,transparent 2px 34px);filter:blur(1px);mix-blend-mode:screen;transform:scale(1.05)}#screen-fx.boosting:before{animation:boostExposurePulse .26s ease-in-out infinite alternate}#screen-fx.time-critical:after{animation:timeCriticalPulse .72s ease-in-out infinite alternate}#screen-fx.time-critical{opacity:1}#screen-fx.flooded{opacity:1;background:radial-gradient(circle at 50% 48%,#38cdff38 0 36%,#186fbe7a 74%,#072658db),linear-gradient(rgba(151,238,255,.14) 1px,transparent 1px);background-size:100% 100%,100% 6px;mix-blend-mode:screen}#screen-fx.poisoned:before{opacity:.5;background:radial-gradient(ellipse at center,transparent 0 42%,rgba(68,255,62,.12) 58%,rgba(36,255,52,.46) 100%),repeating-linear-gradient(90deg,rgba(57,255,20,.22) 0 3px,transparent 3px 36px);animation:poisonPulse .32s ease-in-out infinite alternate}#screen-fx.webbed:before{opacity:.62;background:radial-gradient(ellipse at center,transparent 0 38%,rgba(255,255,255,.16) 56%,rgba(255,255,255,.5) 100%),repeating-linear-gradient(26deg,transparent 0 23px,rgba(255,255,255,.28) 24px 26px,transparent 27px 52px),repeating-linear-gradient(-31deg,transparent 0 29px,rgba(180,144,255,.22) 30px 32px,transparent 33px 58px);animation:webbedPulse .36s ease-in-out infinite alternate}#screen-fx.darkness-flash{opacity:1;mix-blend-mode:screen}#screen-fx.darkness-flash:after{opacity:.98;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.98) 0 22%,rgba(255,255,255,.66) 38%,rgba(255,255,255,.12) 72%,transparent 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 2px,transparent 2px 18px);animation:darknessFlash 1.05s ease-out forwards}#screen-fx.finale-lightning{opacity:1;mix-blend-mode:screen}#screen-fx.finale-lightning:after{opacity:var(--finale-lightning-opacity, 0);background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.98) 0 14%,rgba(225,246,255,.54) 31%,transparent 64%),linear-gradient(180deg,rgba(248,253,255,.52),rgba(156,204,255,.2) 44%,transparent 100%),repeating-linear-gradient(108deg,transparent 0 42px,rgba(255,255,255,.38) 43px 46px,transparent 47px 106px);animation:none}#screen-fx.flooded:before{opacity:.58;background:radial-gradient(ellipse at center,#ffffff2e,#48daff4d 42%,#053784ad),repeating-linear-gradient(90deg,rgba(255,255,255,.09) 0 3px,transparent 3px 28px);animation:floodScreenPulse .62s ease-in-out infinite alternate}@keyframes floodScreenPulse{0%{filter:brightness(.9) blur(.5px)}to{filter:brightness(1.24) blur(1.4px)}}@keyframes poisonPulse{0%{filter:brightness(.86) blur(.6px)}to{filter:brightness(1.22) blur(1.8px)}}@keyframes webbedPulse{0%{filter:brightness(.92) blur(.4px)}to{filter:brightness(1.28) blur(1.5px)}}@keyframes darknessFlash{0%{opacity:1;filter:brightness(2.2) contrast(1.6)}28%{opacity:.88;filter:brightness(1.75) contrast(1.35)}to{opacity:0;filter:brightness(.96) contrast(1)}}@keyframes timeCriticalPulse{0%{opacity:.18}to{opacity:.78}}@keyframes boostExposurePulse{0%{opacity:.18;transform:scale(1.02)}to{opacity:.46;transform:scale(1.075)}}#laser-layer{position:fixed;left:var(--visual-offset-left);top:var(--visual-offset-top);pointer-events:none;z-index:4;width:var(--app-vw);height:var(--app-vh);opacity:0;filter:drop-shadow(0 0 8px rgba(255,241,92,.95)) drop-shadow(0 0 20px rgba(255,67,204,.52)) drop-shadow(0 0 34px rgba(75,236,255,.88));mix-blend-mode:screen;transition:opacity 55ms linear}#laser-layer.active{opacity:1}#laser-glow,#laser-line{vector-effect:non-scaling-stroke;stroke-linecap:round}#laser-glow{stroke:url(#laser-glow-gradient);stroke-width:30}#laser-line{stroke:url(#laser-core-gradient);stroke-width:4}.muzzle-flash{position:fixed;width:64px;height:64px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#fffffff5 0 10%,#ffe662c7 22%,#ff3bcb38 46%,#47eeff00 76%),conic-gradient(from 18deg,#ffffff7a,#51ecff00,#ff3fc53d,#ffdd535c,#ffffff7a);box-shadow:0 0 22px #fff27a,0 0 46px #55efff,0 0 76px #ff43cc7a;z-index:6;animation:laserFade .36s ease-out forwards}@keyframes laserFade{0%{opacity:1;transform:translate(-50%,-50%) scale(.64) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1.48) rotate(35deg)}}.hud-top,.hud-bottom{position:absolute;left:max(24px,calc(var(--safe-left) + 12px));right:max(24px,calc(var(--safe-right) + 12px));display:flex;align-items:center;justify-content:space-between;gap:16px}.hud-top{top:max(18px,calc(var(--safe-top) + 8px))}.perf-panel{position:absolute;top:238px;right:24px;display:flex;align-items:center;gap:8px;border:1px solid rgba(120,230,255,.32);border-radius:6px;padding:6px 8px;background:#020a1647;box-shadow:inset 0 0 18px #26cbff14,0 0 18px #20c5ff14;color:#e2f9ffb8;font-size:10px;font-weight:850;text-transform:uppercase;white-space:nowrap}.perf-panel span{display:inline-block}.minimap-panel{position:absolute;top:62px;right:24px;width:220px;height:160px;border:1px solid rgba(120,230,255,.38);border-radius:6px;background:#01081347;box-shadow:inset 0 0 22px #26cbff1a,0 0 24px #20c5ff1a;overflow:hidden}.boss-hud{position:absolute;left:50%;top:62px;width:min(720px,calc(100vw - 280px));min-width:min(320px,calc(100vw - 48px));max-width:calc(100vw - 48px);transform:translate(-50%);padding:9px 12px 11px;border:1px solid rgba(68,255,80,.68);border-radius:7px;background:linear-gradient(90deg,#040c06d6,#08240a94),#01080494;box-shadow:0 0 34px #39ff1447,inset 0 0 22px #39ff141a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.boss-hud.hidden{display:none}.boss-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:7px;color:#eaffd8;font-size:12px;font-weight:950;text-transform:uppercase}.boss-row b{color:#baff8d}.boss-track{height:12px;overflow:hidden;border:1px solid rgba(171,255,137,.52);border-radius:4px;background:linear-gradient(90deg,#39ff1414,#ffffff0a),#010704c2}.boss-track i{display:block;width:var(--boss-fill, 100%);height:100%;background:linear-gradient(90deg,#39ff14,#c9ff3d 70%,#fff);box-shadow:0 0 18px #39ff14c7;transition:width .11s ease-out}#minimap{display:block;width:100%;height:100%}.rearview{position:absolute;left:24px;top:68px;width:372px;border:1px solid rgba(106,239,255,.48);border-radius:6px;padding:8px;background:#010a146b;box-shadow:0 0 28px #32d8ff2e,inset 0 0 20px #32d8ff14;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.rearview.pressure-alert{border-color:#ff3a48e0;animation:rearviewPressureAlert .52s ease-in-out infinite alternate}.rearview.hidden{display:none}.rearview-label,.rearview-gap,.rearview-status{color:#e3fdffe6;font-size:10px;font-weight:950;text-transform:uppercase}.rearview-gap{margin-top:6px;color:#fff5a8}.rearview-status{margin-top:2px;color:#ff6868eb}.rearview-pane{position:relative;height:123px;margin-top:6px;overflow:hidden;border:1px solid rgba(109,239,255,.34);border-radius:4px;background:radial-gradient(ellipse at center,rgba(137,246,255,.16),transparent 54%),linear-gradient(180deg,#104862b8,#04111feb)}#rearview-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.rearview-pane:before{content:"";position:absolute;inset:8px 22px 10px;border:1px solid rgba(199,252,255,.2);border-top-color:#ffffff6b;transform:perspective(120px) rotateX(56deg)}.rearview-water{position:absolute;left:50%;bottom:var(--flood-bottom, -24px);z-index:2;width:286px;height:154px;transform:translate(-50%) scale(var(--flood-scale, .62));transform-origin:50% 100%;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 17%,#fffffff5 0 5%,#e1fcfff5 7% 12%,#139dfffa 13% 58%,#00489cfa),linear-gradient(90deg,rgba(255,255,255,.22),transparent 16% 84%,rgba(255,255,255,.2));border:9px solid rgba(245,255,255,.94);border-bottom:0;box-shadow:0 0 0 5px #ffffff57,0 0 38px #e8ffffe6,0 0 86px #2395ff9e,inset 0 0 22px #ffffff61;opacity:var(--flood-opacity, .9);animation:rearviewWaterPulse .38s ease-in-out infinite alternate}.rearview-wreck{position:absolute;width:18px;height:7px;border-radius:2px;background:#ff6a2b;box-shadow:0 0 12px #ff6a2beb;opacity:0}.rearview-wreck.one{left:62px;bottom:22px;animation:rearviewWreck 3.1s ease-in-out infinite}.rearview-wreck.two{right:54px;bottom:30px;animation:rearviewWreck 4.4s 1.2s ease-in-out infinite}.rearview-scan{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:100% 7px;opacity:.46}.rearview.live .rearview-water,.rearview.live .rearview-wreck{display:none}.rearview.live.pressure-alert .rearview-water,.rearview.live.pressure-alert .rearview-wreck{display:block}@keyframes rearviewPressureAlert{0%{box-shadow:0 0 26px #ff244233,inset 0 0 18px #ff244214}to{box-shadow:0 0 40px #ff244294,inset 0 0 30px #ff244242}}@keyframes rearviewWaterPulse{0%{filter:brightness(.88)}to{filter:brightness(1.18)}}@keyframes rearviewWreck{0%{opacity:0;transform:translateY(-18px) scale(.6)}22%{opacity:.9}64%{opacity:.74;transform:translateY(14px) scale(1.1) rotate(14deg)}to{opacity:0;transform:translateY(34px) scale(1.45) rotate(-22deg)}}.hud-bottom{bottom:max(22px,calc(var(--safe-bottom) + 12px))}.brand{color:#f7fbff;font-size:24px;font-weight:900;letter-spacing:0;text-transform:uppercase}.hud-pill{border:1px solid rgba(120,230,255,.42);border-radius:6px;padding:8px 12px;background:#020a1638;box-shadow:inset 0 0 18px #26cbff1f,0 0 22px #20c5ff1a;color:#e2f9ffdb;font-size:12px;font-weight:800;min-width:96px}.hud-pill span{color:#fff;font-size:18px;margin-left:6px}.fire-indicator{opacity:.28}.input-indicator span{display:inline-block;min-width:190px;font-size:12px;white-space:nowrap}.fire-indicator.active{opacity:1;color:#fff5a8;border-color:#ffeb5ce6;box-shadow:0 0 20px #ffe448d1,inset 0 0 18px #ffe4482e}.hud-reset{pointer-events:auto;margin:0;border:1px solid rgba(255,235,92,.68);border-radius:6px;padding:8px 10px;min-width:74px;background:#ffdf5529;color:#fff5a8;box-shadow:inset 0 0 18px #ffdf551f,0 0 18px #ffdf5526;font-size:12px;font-weight:950;letter-spacing:0}.hud-audio{pointer-events:auto;margin:0;border:1px solid rgba(120,230,255,.46);border-radius:6px;padding:8px 10px;min-width:92px;background:#03142a57;color:#e2f9ffe0;box-shadow:inset 0 0 18px #26cbff1a,0 0 16px #20c5ff1a;font-size:12px;font-weight:950;letter-spacing:0}.hud-audio.active{border-color:#ffeb5ce6;color:#fff5a8;box-shadow:0 0 20px #ffe44866,inset 0 0 18px #ffe44829}.start-screen-active .hud-top{justify-content:flex-end}.start-screen-active .hud-top .brand,.start-screen-active .hud-top .hud-pill,.start-screen-active #fullscreen-toggle,.start-screen-active .perf-panel,.start-screen-active .minimap-panel,.start-screen-active .hud-bottom,.start-screen-active .boss-hud,.start-screen-active .rearview{display:none}.hud-audio:hover,.hud-audio:focus-visible{outline:none;border-color:#fff6a2f2}.hud-reset:hover,.hud-reset:focus-visible{border-color:#fff6a2f2;box-shadow:inset 0 0 18px #ffdf5533,0 0 24px #ffdf554d;outline:none}.armor,.weapon{display:flex;align-items:center;gap:9px}.armor-label{font-size:12px;font-weight:900;color:#e5faffd6}.plate{width:42px;height:12px;transform:skew(-24deg);border:1px solid rgba(160,245,255,.9);background:linear-gradient(90deg,#d9fbff,#66e8ff 45%,#f7dc6a);box-shadow:0 0 16px #5ae6ffb8}.plate.lost{background:#464a5261;border-color:#ff6e5073;box-shadow:0 0 18px #ff522e47}.reticle{position:fixed;left:50%;top:37%;transform:translate(-50%,-50%);width:38px;height:38px;border:2px solid rgba(121,237,255,.78);border-radius:50%;box-shadow:0 0 18px #4adaff9e,inset 0 0 12px #4adaff38}.reticle:before,.reticle:after{content:"";position:absolute;background:#ffe658e6}.reticle:before{left:17px;top:-10px;width:2px;height:58px}.reticle:after{left:-10px;top:17px;width:58px;height:2px}.warning{position:absolute;top:84px;left:50%;transform:translate(-50%);display:none;color:#ff4938;font-size:18px;font-weight:950;letter-spacing:0;text-shadow:0 0 18px rgba(255,30,20,.86)}.warning.active{display:block;animation:pulse .38s linear infinite alternate}.pause-overlay{position:fixed;left:50%;top:50%;z-index:34;transform:translate(-50%,-50%);padding:16px 26px;border:1px solid rgba(238,251,255,.7);border-radius:8px;color:#f6fdfff5;background:linear-gradient(180deg,#0a101ad1,#02050abd),radial-gradient(circle at 50% 0%,rgba(88,230,255,.18),transparent 64%);box-shadow:0 0 46px #43daff33,inset 0 0 24px #ffffff14;font-size:28px;font-weight:950;letter-spacing:0;text-align:center;pointer-events:none;text-shadow:0 0 18px rgba(154,237,255,.72)}.pause-overlay.hidden{display:none}body.game-paused #screen-fx:after{opacity:.16}.encounter-bubble{position:fixed;left:50%;top:42%;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;max-width:min(680px,calc(100vw - 72px));transform:translate(-50%,-100%);padding:14px 18px 16px;border:1px solid rgba(255,235,92,.76);border-radius:8px;background:linear-gradient(135deg,#040a16d1,#1c040f8a),radial-gradient(circle at 16% 18%,rgba(255,235,92,.18),transparent 42%);box-shadow:0 0 34px #ff3e3447,0 0 52px #43e2ff29,inset 0 0 24px #ffdf5514;color:#fff9d6;text-align:left;text-shadow:0 0 12px rgba(255,60,42,.68);pointer-events:none;z-index:7;opacity:1;transition:opacity .14s ease,transform .14s ease}.encounter-bubble.has-portrait{grid-template-columns:118px minmax(0,1fr);max-width:min(780px,calc(100vw - 72px));align-items:center}.encounter-portrait{display:none;min-height:152px;border:1px solid rgba(255,76,64,.76);border-radius:5px;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(circle at 50% 18%,rgba(255,67,52,.24),transparent 54%),var(--encounter-portrait-image);background-position:0 0,center,center;background-repeat:repeat,no-repeat,no-repeat;background-size:100% 5px,cover,cover;box-shadow:0 0 24px #ff2c225c,inset 0 0 22px #ffd25014}.encounter-bubble.has-portrait .encounter-portrait{display:block}.encounter-copy{min-width:0}.encounter-bubble.crimson{border-color:#ff4c40d1;background:linear-gradient(135deg,#1c0308d6,#34051294),radial-gradient(circle at 16% 18%,rgba(255,67,52,.24),transparent 42%);box-shadow:0 0 34px #ff3e3466,0 0 52px #ffc4401a,inset 0 0 24px #ff46361f;text-shadow:0 0 12px rgba(255,60,42,.78)}.encounter-bubble.troy{border-color:#5bf2ffd6;background:linear-gradient(135deg,#021020db,#04264494),radial-gradient(circle at 16% 18%,rgba(79,236,255,.24),transparent 42%);box-shadow:0 0 34px #43e2ff57,0 0 52px #ffdf551a,inset 0 0 24px #43e2ff1f;text-shadow:0 0 12px rgba(67,226,255,.76)}.encounter-bubble.poison{border-color:#48ff58d6;background:linear-gradient(135deg,#021606e0,#123a0894),radial-gradient(circle at 16% 18%,rgba(57,255,20,.25),transparent 42%);box-shadow:0 0 34px #39ff1461,0 0 52px #bfff3e24,inset 0 0 24px #39ff1424;text-shadow:0 0 12px rgba(57,255,20,.78)}.encounter-bubble.hidden{opacity:0;transform:translate(-50%,-92%) scale(.98)}.encounter-bubble:after{content:"";position:absolute;left:50%;bottom:-13px;width:24px;height:24px;transform:translate(-50%) rotate(45deg);border-right:1px solid rgba(255,235,92,.58);border-bottom:1px solid rgba(255,235,92,.58);background:#0a0812b8;box-shadow:10px 10px 22px #ff3e341f}.encounter-bubble.crimson:after{border-color:#ff4c409e;background:#1f040abd}.encounter-bubble.troy:after{border-color:#5bf2ff9e;background:#031424bd}.encounter-bubble.poison:after{border-color:#48ff589e;background:#031a07bd}.encounter-speaker{margin-bottom:7px;color:#5af4ff;font-size:12px;font-weight:950;text-transform:uppercase}.encounter-bubble.crimson .encounter-speaker{color:#ffdf55}.encounter-bubble.troy .encounter-speaker{color:#5af4ff}.encounter-bubble.poison .encounter-speaker{color:#baff8d}.encounter-line{color:#fff9d6;font-size:clamp(18px,2.25vw,30px);font-weight:950;line-height:1.08}.finish-card{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);padding:22px 30px;border:1px solid rgba(255,235,92,.74);border-radius:8px;background:#020a167a;box-shadow:0 0 48px #ffdf553d,inset 0 0 24px #ffdf551f;text-align:center}.finish-card.hidden{display:none}.finish-card h2{margin:0;color:#fff5a8;font-size:46px;line-height:1;letter-spacing:0;text-shadow:0 0 22px rgba(255,228,72,.8)}.finish-card.danger{border-color:#ff3838e0;box-shadow:0 0 54px #ff202061,inset 0 0 24px #ff404024}.finish-card.danger h2{color:#ff3030;text-shadow:0 0 24px rgba(255,36,36,.95)}.finish-card p{margin:8px 0 0;color:#ebfbffd1;font-size:14px;font-weight:800}.post-level-card{position:absolute;left:32px;top:112px;width:min(480px,calc(100vw - 64px));min-height:250px;padding:16px 18px;border:1px solid rgba(226,252,255,.54);border-radius:8px;background:linear-gradient(180deg,#ffffff2e,#68edff14),#020a164d;box-shadow:0 0 42px #b4f9ff2e,inset 0 0 28px #ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.post-level-card.hidden{display:none}.pickup-tutorial{position:absolute;left:50%;top:26%;width:min(520px,calc(100vw - 48px));transform:translate(-50%);padding:18px 20px;border:1px solid rgba(94,238,255,.68);border-radius:8px;background:linear-gradient(135deg,#1ca0d229,#01101fd1),#000712d1;box-shadow:0 0 40px #5eeeff38,inset 0 0 28px #51ecff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.pickup-tutorial.hidden{display:none}.pickup-tutorial-title{margin-bottom:8px;color:#73f2ff;font-size:18px;font-weight:950;text-transform:uppercase}.pickup-tutorial-copy{color:#ecfbffe0;font-size:14px;line-height:1.42}.story-panel{position:absolute;left:50%;top:50%;display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;width:min(680px,calc(100vw - 48px));transform:translate(-50%,-50%);padding:18px;border:1px solid rgba(255,255,255,.58);border-radius:8px;background:linear-gradient(135deg,#f6fcff29,#1826388a),#020812c2;box-shadow:0 0 46px #dcf6ff38,inset 0 0 24px #5af4ff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-panel.hidden{display:none}.story-panel.crimson{border-color:#ff4c409e;background:linear-gradient(135deg,#ff3e3429,#18060c99),#090208c7;box-shadow:0 0 46px #ff30303d,inset 0 0 24px #ff4e2c1f}.story-panel.crimson .story-eyebrow{color:#ffdf55}.story-panel.poison{border-color:#48ff58ad;background:linear-gradient(135deg,#39ff1429,#0418079e),#010803d1;box-shadow:0 0 46px #39ff1442,inset 0 0 24px #39ff141f}.story-panel.poison .story-eyebrow{color:#baff8d}.story-panel.darkness{border-color:#ffffffb8;background:linear-gradient(135deg,#ffffff21,#0e0c16ad),radial-gradient(circle at 78% 18%,rgba(138,56,255,.18),transparent 38%),#000000d6;box-shadow:0 0 54px #fff3,0 0 74px #8a38ff24,inset 0 0 28px #ffffff1a}.story-panel.darkness .story-eyebrow{color:#fff}.story-panel.darkness .story-title{color:#f7f7ff;text-shadow:0 0 18px rgba(255,255,255,.38)}.finale-cinematic{--finale-black: 0;--finale-card-opacity: 1;--finale-logo-opacity: 0;--finale-credit-opacity: 0;position:fixed;inset:0;z-index:48;display:grid;place-items:center;pointer-events:none;background:rgba(0,0,0,var(--finale-black));transition:background .18s linear}.finale-cinematic.hidden{display:none}.finale-card{width:min(680px,calc(100vw - 48px));display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:center;padding:18px 22px;border:1px solid rgba(236,250,255,.62);border-radius:8px;background:linear-gradient(135deg,#020812c7,#0816288a),radial-gradient(circle at 86% 12%,rgba(91,242,255,.2),transparent 42%);box-shadow:0 0 58px #4adcff33,inset 0 0 26px #ffffff1a;opacity:var(--finale-card-opacity);text-align:left;text-shadow:0 0 18px rgba(91,242,255,.58);transform:translateY(-4vh)}.finale-card.has-portrait{grid-template-columns:154px minmax(0,1fr);width:min(780px,calc(100vw - 48px))}.finale-card.troy{border-color:#5bf2ffd6;background:linear-gradient(135deg,#021020db,#04264494),radial-gradient(circle at 16% 18%,rgba(79,236,255,.24),transparent 42%);box-shadow:0 0 46px #43e2ff57,inset 0 0 26px #43e2ff1f}.finale-card.alexi{border-color:#5cffc6cc;background:linear-gradient(135deg,#02141adb,#04303494),radial-gradient(circle at 16% 18%,rgba(68,255,188,.24),transparent 42%);box-shadow:0 0 46px #44ffbc47,inset 0 0 26px #44ffbc1f}.finale-portrait{display:none;min-height:178px;border:1px solid rgba(90,244,255,.62);border-radius:4px;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(circle at 50% 18%,rgba(111,250,255,.24),transparent 52%),var(--finale-portrait-image);background-position:0 0,center,center;background-repeat:repeat,no-repeat,no-repeat;background-size:100% 6px,cover,cover;box-shadow:0 0 24px #5af4ff42,inset 0 0 22px #ff5fb71a}.finale-card.has-portrait .finale-portrait{display:block}.finale-card.alexi .finale-portrait{border-color:#5cffc6ad;box-shadow:0 0 24px #44ffbc47,inset 0 0 22px #5cffc61a}.finale-copy{min-width:0}.finale-eyebrow{color:#ffdf55;font-size:13px;font-weight:900;text-transform:uppercase}.finale-card.troy .finale-eyebrow{color:#73f2ff}.finale-card.alexi .finale-eyebrow{color:#7dffd3}.finale-title{margin-top:8px;color:#f7fdff;font-size:clamp(26px,4vw,46px);font-weight:950;line-height:1.04;text-transform:uppercase}.finale-body{margin-top:10px;color:#ecfaffe6;font-size:clamp(15px,2vw,20px);line-height:1.38}.finale-logo{position:absolute;left:50%;top:50%;width:min(720px,76vw);max-height:44vh;object-fit:contain;transform:translate(-50%,-50%) scale(.94);opacity:var(--finale-logo-opacity);filter:drop-shadow(0 0 34px rgba(84,240,255,.46)) drop-shadow(0 0 58px rgba(255,223,85,.16))}.finale-credit{position:absolute;left:50%;top:calc(50% + min(160px,18vh));transform:translate(-50%);color:#e5faffdb;font-size:clamp(14px,1.7vw,22px);font-weight:900;letter-spacing:0;text-transform:uppercase;text-shadow:0 0 18px rgba(84,240,255,.48),0 0 28px rgba(255,223,85,.18);opacity:var(--finale-credit-opacity)}.story-panel.instruction{grid-template-columns:minmax(0,1fr);border-color:#5eeeffc2;background:linear-gradient(135deg,#1ca0d22e,#01101fd1),repeating-linear-gradient(0deg,rgba(94,238,255,.08) 0 1px,transparent 1px 8px),#000712db;box-shadow:0 0 48px #5eeeff3d,inset 0 0 30px #5eeeff1f}.story-panel.instruction .story-portrait{display:none}.story-panel.instruction .story-eyebrow,.story-panel.instruction .story-progress{color:#73f2ff}.story-panel.instruction .story-title{color:#eaffff;font-size:clamp(20px,2.5vw,34px);text-shadow:0 0 18px rgba(94,238,255,.4)}.story-portrait{min-height:172px;border:1px solid rgba(90,244,255,.62);border-radius:4px;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(circle at 50% 18%,rgba(111,250,255,.24),transparent 52%),var(--story-portrait-image, url(/images/generated/visual-kit/story/lexy-pixel-fragment.svg));background-position:0 0,center,center;background-repeat:repeat,no-repeat,no-repeat;background-size:100% 6px,cover,cover;image-rendering:auto;box-shadow:0 0 24px #5af4ff42,inset 0 0 22px #ff5fb71a}.story-copy{min-width:0}.story-eyebrow{margin-bottom:8px;color:#ffdf55;font-size:12px;font-weight:950;text-transform:uppercase}.story-title{color:#fff;font-size:clamp(24px,3vw,42px);font-weight:950;line-height:.98;text-shadow:0 0 22px rgba(90,244,255,.42)}.story-body{margin-top:12px;color:#ebfbffe0;font-size:clamp(14px,1.6vw,18px);font-weight:760;line-height:1.36}.story-progress{margin-top:14px;color:#ffdf55db;font-family:var(--terminal-font);font-size:12px;font-weight:900}.post-level-title{color:#fff;font-size:13px;font-weight:950;letter-spacing:0;text-transform:uppercase}#post-level-stats{margin:12px 0 0;color:#e4fff4f0;font-family:var(--terminal-font);font-size:clamp(13px,1.45vw,17px);font-weight:800;line-height:1.42;white-space:pre-wrap}#post-level-stats:after{content:"_";animation:pulse .52s ease-in-out infinite alternate}.launch-hud{position:absolute;left:28px;top:112px;width:min(360px,calc(100vw - 56px));padding:14px;border:1px solid rgba(93,242,255,.4);border-radius:8px;background:#000a1842;box-shadow:0 0 34px #43e2ff29,inset 0 0 24px #43e2ff14}.launch-hud.hidden{display:none}.auth-gate{position:absolute;inset:0;display:grid;place-items:center;pointer-events:auto;background:radial-gradient(circle at 50% 42%,rgba(57,255,20,.1),transparent 36%),#0104086b;z-index:10}.auth-gate.hidden{display:none}.auth-card{width:min(520px,calc(100vw - 48px));padding:24px;border:1px solid rgba(120,230,255,.58);border-radius:8px;background:linear-gradient(135deg,#031220eb,#042814bd),#020812e0;box-shadow:0 0 58px #39ff143d,inset 0 0 28px #51ecff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left}.auth-eyebrow{color:#baff8d;font-size:12px;font-weight:950;text-transform:uppercase}.auth-card h2{margin:8px 0;font-size:clamp(28px,4vw,44px);line-height:.98}.auth-card p{color:#ebfbffd1;font-size:15px;line-height:1.42}.auth-card .auth-small{margin-bottom:0;color:#d2e4eb9e;font-size:12px}.launch-status{margin-bottom:10px;color:#fff5a8;font-size:12px;font-weight:950;text-transform:uppercase}.launch-row{display:grid;grid-template-columns:136px 1fr;align-items:center;gap:10px;margin:8px 0;color:#e2f9ffdb;font-size:11px;font-weight:900}.launch-row i{display:block;height:10px;border:1px solid rgba(91,242,255,.44);border-radius:3px;background:linear-gradient(90deg,#51ecff var(--fill, 0%),rgba(81,236,255,.08) var(--fill, 0%)),linear-gradient(90deg,#ffdf5529,#ff43cc24);box-shadow:0 0 14px #51ecff47}#start-layout{position:fixed;inset:0;z-index:4;pointer-events:none}body:not(.start-screen-active) #start-layout{display:none}#start-card{position:absolute;left:clamp(18px,4vw,64px);top:54%;width:clamp(286px,28vw,390px);box-sizing:border-box;transform:translateY(-50%);pointer-events:auto;border:1px solid rgba(128,238,255,.44);border-radius:8px;padding:clamp(14px,2vw,22px);background:linear-gradient(180deg,#000710c2,#000a147a),#0007106b;box-shadow:0 0 80px #00c5ff2e,inset 0 0 28px #00c5ff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.start-card-kicker{color:#baff8dd1;font-family:var(--terminal-font);font-size:12px;font-weight:950;letter-spacing:0;text-transform:uppercase}.start-control-group{margin-top:16px}#start-showcase{position:absolute;display:flex;flex-direction:column;top:clamp(190px,24vh,238px);right:clamp(18px,4vw,64px);bottom:clamp(22px,5vh,54px);width:min(860px,57vw);pointer-events:none}#start-showcase.leaderboard-active,#start-showcase.story-active{pointer-events:auto}#start-showcase.leaderboard-active .start-carousel{border-color:#ffdf5575;background:radial-gradient(circle at 18% 16%,rgba(255,223,85,.14),transparent 24%),radial-gradient(circle at 82% 22%,rgba(255,43,180,.12),transparent 25%),linear-gradient(115deg,#00060db3,#03132070 44%,#000810c2);box-shadow:0 0 86px #ff2bb424,0 0 90px #51ecff2b,inset 0 0 42px #ffdf5512}#start-showcase.story-active .start-carousel{border-color:#baff8d8f;background:linear-gradient(180deg,#00000057,#000a089e),#00000057;box-shadow:0 0 80px #39ff1429,inset 0 0 28px #39ff141a}#start-card.hidden,#start-showcase.hidden,#fullscreen-toggle.hidden{display:none}.start-logo{display:none;position:absolute;left:50%;top:clamp(8px,2.2vh,24px);z-index:5;width:min(520px,44vw);margin:0;transform:translate(-50%);line-height:1;pointer-events:none}.start-screen-active .start-logo{display:block}.start-logo img{display:block;width:100%;height:auto;margin:0 auto;filter:drop-shadow(0 0 18px rgba(81,236,255,.36)) drop-shadow(0 0 26px rgba(255,43,180,.24))}.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}#start-showcase p{margin:8px 0;color:#ebfbffd1;font-size:15px;line-height:1.4}.start-carousel{order:1;position:relative;flex:1 1 auto;min-height:300px;border:1px solid rgba(128,238,255,.2);border-radius:8px;background:linear-gradient(rgba(81,236,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,43,180,.035) 1px,transparent 1px),#00071024;background-size:100% 11px,13px 100%,auto;box-shadow:inset 0 0 42px #51ecff14;overflow:hidden}.start-panel{display:none;height:100%;min-height:0}.start-panel.active{display:block}.showroom-panel.active{display:grid;align-items:end;justify-items:stretch;padding:clamp(14px,2.2vw,24px);box-sizing:border-box}.showroom-frame{display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(81,236,255,.28);padding-top:10px;color:#d2f4ffbd;font-family:var(--terminal-font);font-size:clamp(10px,1.3vw,13px);font-weight:950;text-transform:uppercase;text-shadow:0 0 12px rgba(81,236,255,.38)}.leaderboard-panel.active{display:grid;height:100%;min-height:0;place-items:stretch}.terminal-shell{position:relative;display:grid;height:100%;min-height:0;box-sizing:border-box;padding:clamp(14px,2.2vw,28px);overflow:hidden}.terminal-shell:before{content:"";position:absolute;inset:16px 18px 20px;border:1px solid rgba(81,236,255,.18);border-radius:8px;background:linear-gradient(90deg,rgba(255,223,85,.12),transparent 18% 82%,rgba(255,43,180,.11)),repeating-linear-gradient(90deg,rgba(81,236,255,.12) 0 2px,transparent 2px 52px);opacity:.64}.terminal-shell:after{content:"TROY";position:absolute;right:clamp(20px,4vw,52px);bottom:24px;color:#51ecff2e;font-size:clamp(48px,10vw,148px);font-weight:950;line-height:.78;text-shadow:0 0 34px rgba(81,236,255,.22)}.terminal-bezel{position:relative;z-index:1;display:grid;grid-template-rows:auto auto 1fr auto;gap:7px;min-height:0;border:1px solid rgba(81,236,255,.34);border-radius:8px;padding:clamp(12px,1.8vw,18px);background:linear-gradient(rgba(186,255,141,.08) 1px,transparent 1px),radial-gradient(circle at 24% 18%,rgba(186,255,141,.13),transparent 28%),linear-gradient(180deg,#000908f0,#000812e8);background-size:100% 10px,auto,auto;box-shadow:inset 0 0 42px #39ff141a,0 0 48px #00000080}.terminal-status{display:flex;justify-content:space-between;gap:12px;color:#baff8dd1;font-family:var(--terminal-font);font-size:clamp(10px,1.2vw,13px);font-weight:900;text-transform:uppercase}.leaderboard-title{display:grid;gap:4px;color:#fff5a8;font-family:var(--terminal-font);font-size:clamp(22px,3.6vw,46px);font-weight:950;line-height:.94;text-transform:uppercase;text-shadow:0 0 18px rgba(255,223,85,.44),0 0 34px rgba(255,43,180,.24)}.leaderboard-title small{color:#d2e4ebb8;font-size:clamp(11px,1.4vw,15px);line-height:1.25}.leaderboard-list{display:grid;gap:4px;align-content:start;margin:4px 0 0;min-height:0;padding:0;list-style:none;counter-reset:honors}.leaderboard-list li{display:grid;grid-template-columns:44px minmax(160px,1fr) minmax(120px,.7fr) minmax(86px,.32fr);align-items:center;gap:14px;min-height:32px;border:1px solid rgba(128,238,255,.16);border-left:4px solid rgba(186,255,141,.72);border-radius:5px;padding:4px 9px;color:#ebfbffe0;font-family:var(--terminal-font);font-size:clamp(11px,1.12vw,14px);font-weight:850;background:linear-gradient(90deg,rgba(57,255,20,.1),transparent 32%),#0000005c;box-shadow:inset 0 0 18px #51ecff0f}.leaderboard-list .rank{color:#51ecff;font-size:clamp(14px,1.7vw,20px);font-weight:950}.leaderboard-list .pilot{display:grid;min-width:0;color:#fff;line-height:1.15;text-transform:uppercase}.leaderboard-list .pilot em{overflow:hidden;color:#baff8db8;font-size:.78em;font-style:normal;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.leaderboard-list .route{overflow:hidden;color:#d2e4ebb8;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.leaderboard-list b{color:#fff5a8;font-size:clamp(14px,1.7vw,20px);text-align:right;text-shadow:0 0 14px rgba(255,223,85,.28)}.leaderboard-list .placeholder-score{border-left-color:#ffdf559e}.leaderboard-list .real-score{border-left-color:#ff2bb4c7;background:linear-gradient(90deg,rgba(255,43,180,.14),transparent 36%),#0000006b}.start-story-panel{display:none}.start-story-panel.active{position:relative;display:grid;align-items:end;height:100%;padding:0;box-sizing:border-box;border:1px solid rgba(186,255,141,.34);border-radius:6px;background:#00000070;box-shadow:inset 0 0 26px #39ff141a,0 0 22px #0000006b;overflow:hidden}.start-story-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000005,#00050985 58%,#000000d6),linear-gradient(90deg,#00040b6b,#00040b14 48%,#00040b7a),linear-gradient(rgba(186,255,141,.08) 1px,transparent 1px);background-size:auto,auto,100% 9px;pointer-events:none;z-index:1}.start-story-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.08) contrast(1.03)}.start-story-copy{position:relative;z-index:2;width:min(660px,calc(100% - 34px));margin:0;padding:clamp(14px,2.4vw,26px)}.start-story-panel .story-eyebrow,.start-story-panel .story-title,.start-story-panel p{font-family:var(--terminal-font)}.start-story-panel .story-eyebrow{color:#baff8d;text-shadow:0 0 8px rgba(57,255,20,.82),0 2px 7px rgba(0,0,0,.96)}.start-story-panel .story-title{color:#fff;text-shadow:0 0 13px rgba(57,255,20,.88),0 0 3px rgba(0,0,0,1),0 3px 10px rgba(0,0,0,.98)}.start-story-panel p{max-width:680px;padding:10px 12px;border-left:3px solid rgba(186,255,141,.88);color:#ecffdf;background:#0000009e;font-weight:900;text-shadow:0 0 8px rgba(57,255,20,.44),0 2px 6px rgba(0,0,0,1)}.start-dots{order:2;display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin:10px 0 0;pointer-events:auto}.start-dot{width:36px;height:8px;margin:0;padding:0;border:1px solid rgba(127,240,255,.44);border-radius:4px;background:#7ff0ff29}.start-dot.active{border-color:#ffdf55e0;background:#ffdf55;box-shadow:0 0 18px #ffdf556b}#start-showcase .small{color:#d2e4ebad;font-size:11px;line-height:1.25}.level-select-label{display:block;margin-top:16px;color:#87f4ffbd;font-size:11px;font-weight:950;letter-spacing:0}.native-select-backup{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.level-button-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:7px}.segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:7px}.level-button-grid button,.segmented-control button{width:100%;min-height:42px;margin:0;border:1px solid rgba(127,240,255,.38);border-radius:6px;padding:9px 8px;background:#030d16c2;color:#e9fbff;font:inherit;font-size:12px;font-weight:850;outline:none;box-shadow:inset 0 0 18px #51ecff1f;touch-action:manipulation}.level-button-grid button.active,.segmented-control button.active{border-color:#ffdf55e6;background:linear-gradient(90deg,#51ecff3d,#ffdf5547),#081622eb;color:#fff;box-shadow:inset 0 0 18px #ffdf5524,0 0 18px #ffdf552e}.level-button-grid button:disabled{color:#d2e4eb52;border-color:#7ff0ff24;background:#030d1661;cursor:not-allowed}.start-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}.start-actions button{flex:1 1 140px;min-height:46px;margin-top:0;touch-action:manipulation}.controller-map-dialog{position:fixed;inset:0;z-index:18;display:grid;place-items:center;padding:max(18px,var(--safe-top)) max(18px,var(--safe-right)) max(18px,var(--safe-bottom)) max(18px,var(--safe-left));pointer-events:auto;background:linear-gradient(#02040bad,#02040bdb),repeating-linear-gradient(90deg,rgba(81,236,255,.055) 0 1px,transparent 1px 9px);box-sizing:border-box}.controller-map-dialog.hidden{display:none}.controller-map-panel{position:relative;width:min(680px,calc(var(--app-vw) - 36px));max-height:min(760px,calc(var(--app-vh) - 36px));overflow:auto;border:1px solid rgba(127,240,255,.54);border-radius:8px;padding:22px;background:#030c18f0;box-shadow:0 0 52px #51ecff42,inset 0 0 38px #51ecff1f}.controller-map-close{position:absolute;right:10px;top:10px;width:34px;height:34px;margin:0;padding:0;border:1px solid rgba(127,240,255,.42);border-radius:999px;background:#030d16d1;color:#dffbff}.controller-map-kicker,.controller-map-device span,.controller-map-live span,.controller-map-binding-label{color:#87f4ffc2;font-size:11px;font-weight:950;letter-spacing:0}.controller-map-panel h2{margin:8px 44px 8px 0;color:#fff;font-size:24px;line-height:1.05}.controller-map-panel p{margin:0 0 14px;color:#e1faffd1;font-size:13px;line-height:1.45}.controller-map-device{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:10px;min-height:40px;padding:9px 10px;border:1px solid rgba(127,240,255,.26);border-radius:6px;background:#010912bd}.controller-map-device strong{overflow:hidden;color:#f5feff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.controller-map-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.controller-map-actions button,.controller-map-binding button{min-height:38px;margin:0;border:1px solid rgba(127,240,255,.42);border-radius:6px;padding:9px 10px;background:#081622bd;color:#e9fbff;box-shadow:inset 0 0 18px #51ecff1f}.controller-map-bindings{display:grid;gap:8px;margin-top:14px}.controller-map-binding{display:grid;grid-template-columns:minmax(0,1fr) 74px 108px;align-items:center;gap:9px;min-height:52px;padding:9px;border:1px solid rgba(127,240,255,.24);border-radius:6px;background:#010912ad}.controller-map-binding.active{border-color:#ffdf55db;box-shadow:0 0 22px #ffdf5538,inset 0 0 18px #ffdf551f}.controller-map-binding-prompt{margin-top:3px;color:#e1faffb8;font-size:12px;line-height:1.32}.controller-map-binding code{justify-self:stretch;border:1px solid rgba(255,223,85,.22);border-radius:6px;padding:8px 6px;background:#ffdf5514;color:#fff0a8;text-align:center}.controller-map-live{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}.controller-map-live div{min-width:0;border:1px solid rgba(127,240,255,.22);border-radius:6px;padding:8px;background:#010912ad}.controller-map-live meter{display:block;width:100%;height:12px;margin-top:7px}.controller-map-live strong{display:block;margin-top:5px;color:#fff0a8;font-size:13px}.mobile-install{position:fixed;inset:0;z-index:16;display:grid;place-items:center;padding:max(18px,var(--safe-top)) max(18px,var(--safe-right)) max(18px,var(--safe-bottom)) max(18px,var(--safe-left));pointer-events:auto;background:linear-gradient(#02040b85,#02040bb8),repeating-linear-gradient(0deg,rgba(81,236,255,.06) 0 1px,transparent 1px 7px);box-sizing:border-box}.mobile-install.hidden{display:none}.mobile-install-card{position:relative;width:min(420px,calc(var(--app-vw) - 36px));border:1px solid rgba(127,240,255,.5);border-radius:8px;padding:22px;background:#030c18eb;box-shadow:0 0 42px #51ecff47,inset 0 0 34px #51ecff1f}.mobile-install-close{position:absolute;right:10px;top:10px;width:34px;height:34px;margin:0;padding:0;border:1px solid rgba(127,240,255,.42);border-radius:999px;background:#030d16d1;color:#dffbff}.mobile-install-kicker{color:#87f4ffc7;font-size:11px;font-weight:950}.mobile-install-card h2{margin:8px 32px 10px 0;font-size:24px;line-height:1.05;letter-spacing:0}.mobile-install-card p{margin:0 0 16px;color:#e2f9ffd1;font-size:14px;line-height:1.45}.mobile-install-card button:not(.mobile-install-close){width:100%;margin-top:0;touch-action:manipulation}.mobile-install-open #start-layout{filter:blur(2px)}.touch-actions{position:fixed;left:max(14px,calc(var(--safe-left) + 10px));bottom:max(16px,calc(var(--safe-bottom) + 10px));z-index:9;display:none;grid-template-columns:76px 76px;gap:10px;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.touch-controls-visible .touch-actions{display:grid}.touch-action{width:76px;height:76px;margin:0;padding:0;border:2px solid rgba(127,240,255,.44);border-radius:999px;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.24),transparent 28%),#020a1694;color:#eaffff;font-size:12px;font-weight:950;letter-spacing:0;box-shadow:0 0 24px #51ecff2e,inset 0 0 22px #51ecff1f;touch-action:none}.touch-fire.active{border-color:#ffdf55f2;color:#fff5a8;box-shadow:0 0 30px #ffdf556b,inset 0 0 24px #ffdf552e}.touch-bomb{border-color:#ff49c785;color:#ffd7f2}.touch-bomb.active{border-color:#ffdf55f2;color:#fff5a8}.touch-bomb.locked{opacity:.54;filter:saturate(.72)}.touch-stick{position:fixed;right:max(18px,calc(var(--safe-right) + 10px));bottom:max(18px,calc(var(--safe-bottom) + 10px));width:138px;height:138px;z-index:8;display:none;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.touch-controls-visible .touch-stick{display:flex}.touch-stick-ring{position:relative;width:112px;height:112px;border:2px solid rgba(81,236,255,.42);border-radius:999px;background:radial-gradient(circle,#51ecff1a,#00071061 62%,#00071024);box-shadow:0 0 24px #51ecff38,inset 0 0 22px #51ecff29}.touch-stick-knob{position:absolute;left:50%;top:50%;width:44px;height:44px;border:1px solid rgba(255,223,85,.82);border-radius:999px;background:radial-gradient(circle at 36% 30%,#ffffffd1,#ffdf55db 28%,#51ecff6b 72%);box-shadow:0 0 24px #ffdf5557,0 0 28px #51ecff38;transform:translate(-50%,-50%);transition:transform 90ms ease-out}@media(pointer:coarse){.touch-stick{width:128px;height:128px}.touch-stick-ring{width:104px;height:104px}}body.mobile-play-mode{touch-action:none}body.mobile-play-mode .brand,body.mobile-play-mode #fullscreen-toggle,body.mobile-play-mode #music-toggle,body.mobile-play-mode .perf-panel,body.mobile-play-mode .minimap-panel{display:none}body.mobile-play-mode .hud-top{left:max(8px,calc(var(--safe-left) + 6px));right:max(8px,calc(var(--safe-right) + 6px));top:max(8px,calc(var(--safe-top) + 4px));justify-content:center;gap:6px}body.mobile-play-mode .hud-top .hud-pill{min-width:0;padding:6px 8px;font-size:9px}body.mobile-play-mode .hud-top .hud-pill span{margin-left:4px;font-size:13px}body.mobile-play-mode .hud-bottom{left:50%;right:auto;bottom:max(8px,calc(var(--safe-bottom) + 6px));justify-content:center;transform:translate(-50%)}body.mobile-play-mode .weapon{display:none}body.mobile-play-mode .armor{gap:6px;padding:6px 8px;border:1px solid rgba(120,230,255,.24);border-radius:6px;background:#020a1657;box-shadow:inset 0 0 18px #26cbff14}body.mobile-play-mode .armor-label{font-size:9px}body.mobile-play-mode .plate{width:20px;height:9px}body.mobile-play-mode .reticle{width:30px;height:30px}body.mobile-play-mode .reticle:before{left:13px;height:46px}body.mobile-play-mode .reticle:after{top:13px;width:46px}body.mobile-play-mode .rearview:not(.pressure-alert){display:none}body.mobile-play-mode .rearview.pressure-alert{left:max(10px,calc(var(--safe-left) + 6px));top:max(42px,calc(var(--safe-top) + 34px));width:220px}body.mobile-play-mode .rearview.pressure-alert .rearview-pane{height:72px}body.hardware-controller-active .touch-actions,body.hardware-controller-active .touch-stick{display:none}@media(max-width:1024px){#start-layout{display:flex;flex-direction:column;align-items:center;gap:12px;width:100vw;max-width:100vw;overflow:auto;overflow-x:hidden;pointer-events:auto;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box}.start-logo{position:relative;left:auto;top:auto;order:1;width:min(340px,calc(100vw - 24px));transform:none}#start-card{position:relative;left:auto;top:auto;order:2;width:100%;max-width:min(520px,calc(100vw - 24px));margin:0 auto;transform:none}#start-showcase{position:relative;top:auto;right:auto;bottom:auto;order:3;width:100%;max-width:min(620px,calc(100vw - 24px));margin:0 auto 12px;pointer-events:auto}.start-logo img{width:min(100%,380px);margin:0 auto}.start-carousel{height:min(42vh,330px);min-height:240px}.level-button-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.level-button-grid button,.segmented-control button{min-width:0;padding:8px 4px;font-size:11px}.segmented-control{gap:6px}.terminal-shell{padding:12px}.terminal-shell:before{inset:14px 12px 26px}.terminal-status{flex-direction:column;gap:3px}.terminal-bezel{gap:10px;padding:14px}.leaderboard-list{gap:6px}.leaderboard-list li{grid-template-columns:34px minmax(0,1fr) 74px;gap:8px;min-height:48px;padding:7px 8px}.leaderboard-list .route{display:none}.encounter-bubble.has-portrait{grid-template-columns:86px minmax(0,1fr)}.encounter-portrait{min-height:116px}.start-dots{justify-content:center}}@media(max-width:1024px)and (orientation:landscape){#start-layout{display:flex;flex-direction:column;gap:6px;align-items:center;overflow:auto;padding:max(6px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.start-logo{width:min(190px,calc(var(--app-vw) - 24px))}.start-logo img{width:min(100%,190px)}#start-showcase{margin:0 auto 12px}#start-card{max-height:none;overflow:visible;max-width:min(640px,calc(var(--app-vw) - 28px));padding:10px}.level-select-label{margin-top:6px;font-size:10px}.level-button-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.level-button-grid button,.segmented-control button{min-height:32px;padding:6px 3px;font-size:10px}.start-actions{margin-top:8px}.start-actions button{min-height:38px;padding:9px 10px}.controller-map-panel{width:min(640px,calc(var(--app-vw) - 24px));max-height:calc(var(--app-vh) - 24px);padding:14px}.controller-map-binding{grid-template-columns:minmax(0,1fr) 64px 88px;gap:6px}.controller-map-live{grid-template-columns:repeat(2,minmax(0,1fr))}.start-carousel{height:min(42vh,240px);min-height:170px}.start-story-copy{left:14px;right:14px;bottom:14px;max-width:520px}.start-story-copy p{margin:6px 0 0;font-size:12px;line-height:1.32}.story-title{font-size:22px}.touch-actions{left:max(10px,calc(var(--safe-left) + 8px));bottom:max(10px,calc(var(--safe-bottom) + 8px));grid-template-columns:64px 64px;gap:8px}.touch-action{width:64px;height:64px;font-size:10px}.touch-stick{right:max(10px,calc(var(--safe-right) + 8px));bottom:max(10px,calc(var(--safe-bottom) + 8px));width:116px;height:116px}.touch-stick-ring{width:94px;height:94px}.touch-stick-knob{width:38px;height:38px}}button{margin-top:18px;border:0;border-radius:6px;padding:12px 18px;background:linear-gradient(90deg,#35dcff,#ffdb52);color:#061018;font-weight:950;cursor:pointer}#start-fullscreen,#controller-map-open{background:#081622b8;color:#dffbff;border:1px solid rgba(127,240,255,.48);box-shadow:inset 0 0 18px #51ecff24,0 0 18px #51ecff2e}#start-fullscreen.active{border-color:#ffeb5ce6;color:#fff5a8;box-shadow:0 0 20px #ffe4485c,inset 0 0 18px #ffe44829}#start-card .start-dot{width:36px;height:8px;margin:0;padding:0;border:1px solid rgba(127,240,255,.44);border-radius:4px;background:#7ff0ff29;box-shadow:none}#start-card .start-dot.active{border-color:#ffdf55e0;background:#ffdf55;box-shadow:0 0 18px #ffdf556b}@keyframes pulse{0%{opacity:.4}to{opacity:1}}@media(max-width:720px){.hud-top,.hud-bottom{left:12px;right:12px;gap:8px}.perf-panel{top:206px;right:12px;max-width:calc(100vw - 24px);gap:5px;overflow:hidden;font-size:9px}.minimap-panel{top:54px;right:12px;width:168px;height:128px}.rearview{left:12px;top:52px;width:260px}.rearview-pane{height:86px}.brand{font-size:18px}.hud-pill{min-width:auto;padding:6px 8px;font-size:10px}.hud-pill span{font-size:13px}.hud-reset{padding:6px 8px;min-width:58px;font-size:10px}.hud-audio{padding:6px 8px;min-width:76px;font-size:10px}.plate{width:24px}}