:root{color:#e8f7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#06080b;font-family:Bahnschrift,Aptos Display,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{color:#06080b;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#e8f7ff;border:1px solid #e8f7ff42;min-height:44px;padding:0 18px;font:700 .86rem/1 Bahnschrift,Aptos Display,Segoe UI,sans-serif}button:hover{background:#6cf3a4}button[hidden]{display:none}.game{isolation:isolate;background:linear-gradient(90deg,#ff3b3014,#0000 28%,#53f3ff14),radial-gradient(circle at 75% 20%,#ffd1661f,#0000 23rem),#06080b;width:100%;height:100%;min-height:620px;position:relative}.game:after{pointer-events:none;content:"";z-index:2;background-image:linear-gradient(#e8f7ff09 1px,#0000 1px),linear-gradient(90deg,#e8f7ff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.variant-switch{z-index:9;pointer-events:auto;flex-wrap:wrap;gap:6px;max-width:min(580px,100vw - 36px);display:flex;position:absolute;top:14px;left:clamp(18px,3vw,42px)}.variant-switch button{color:#e8f7ffc2;background:#06080bc2;border-color:#e8f7ff38;min-height:34px;padding:0 12px;font-size:.68rem;box-shadow:0 0 22px #06080b80}.variant-switch button:hover{color:#ffd166;background:#ffd1662e}.variant-switch button.is-active{color:#fff;background:#ff3b30;border-color:#ff3b30;box-shadow:0 0 20px #ff3b307a}.viewport{cursor:crosshair;position:absolute;inset:0}.viewport canvas{width:100%;height:100%;display:block}.engine-aura{--heat-ratio:0;z-index:3;pointer-events:none;opacity:0;box-shadow:none;background:0 0;position:absolute;inset:0}.engine-aura[data-heat="1"]{opacity:0;box-shadow:none;background:0 0}.engine-aura[data-critical=true],.engine-aura[data-phase=overdrive],.engine-aura[data-phase=burnout]{opacity:0;box-shadow:none;background:0 0;animation:none}.screen-flash{z-index:5;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity 40ms linear;position:absolute;inset:0}.screen-flash[data-kind=shotgun],.screen-flash[data-kind=engine],.screen-flash[data-kind=overdrive]{background:0 0}.hud{z-index:4;pointer-events:none;flex-direction:column;justify-content:space-between;padding:72px clamp(18px,3vw,42px) 24px;display:flex;position:absolute;inset:0}.hud__top,.hud__bottom{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.hud__bottom{align-items:end}.kicker{color:#ff3b30;letter-spacing:.18em;margin:0 0 7px;font:800 .76rem/1 Cascadia Mono,Consolas,monospace}h1,h2,p{margin:0}h1{color:#e8f7ff;letter-spacing:0;text-transform:uppercase;font-size:clamp(1.35rem,3vw,2.8rem);line-height:.96}#levelCallsign{color:#e8f7ffb8;margin-top:9px;font-size:.95rem}.timer{text-align:right;min-width:142px}.timer span:first-child{color:#ffd166;font:800 clamp(1.5rem,4vw,3.4rem)/.9 Cascadia Mono,Consolas,monospace;display:block}.timer span:last-child,.meter-block span,.input-cue span{color:#e8f7ff9e;letter-spacing:.12em;text-transform:uppercase;font:700 .72rem/1 Cascadia Mono,Consolas,monospace}.meter-block{width:min(44vw,460px)}.rogue-stats{color:#e8f7ffb8;letter-spacing:.08em;text-transform:uppercase;border-left:3px solid #6cf3a4;grid-template-columns:repeat(2,minmax(76px,auto));gap:7px 12px;min-width:182px;padding:7px 0 7px 12px;font:800 .72rem/1 Cascadia Mono,Consolas,monospace;display:grid}.rogue-stats[hidden]{display:none}.rogue-stats b{color:#e8f7ff;font-weight:900}.track{background:#06080bb8;border:1px solid #e8f7ff47;height:12px;margin-top:9px;position:relative;overflow:hidden}.track i{background:linear-gradient(90deg,#53f3ff,#6cf3a4 72%,#ffd166);width:0;height:100%;transition:width 80ms linear;display:block;box-shadow:0 0 22px #53f3ff9e}.readout{min-width:112px}.resource-readout{transform-origin:50%;will-change:transform, filter;gap:8px;display:grid}.input-cue{align-items:center;gap:8px;min-height:30px;display:inline-flex}.input-cue img{filter:drop-shadow(0 0 10px #ff3b3075)drop-shadow(0 2px 8px #06080bb3);width:30px;height:30px}.resource-bars{transform-origin:0;align-items:stretch;gap:7px;height:16px;display:flex}.resource-bars i{--fill:0;background:#06080bb8;border:1px solid #e8f7ff57;width:30px;height:16px;position:relative;overflow:hidden;transform:skew(-18deg);box-shadow:inset 0 0 12px #06080be0}.resource-bars i:before{content:"";transform:scaleX(var(--fill));transform-origin:0;background:linear-gradient(90deg,#e8f7ff,#53f3ff);transition:transform .11s linear,background .16s,box-shadow .16s;position:absolute;inset:0;box-shadow:0 0 16px #53f3ffa6}.resource-bars i:after{content:"";opacity:0;background:linear-gradient(115deg,#0000 28%,#ffffffe6 48%,#0000 62%);position:absolute;inset:-8px;transform:translate(-120%)}.resource-bars--ammo i[data-state=reloading]:before{background:linear-gradient(90deg,#e8f7ffad,#e8f7ff)}.resource-bars--engine i[data-state=hot]:before,.resource-bars--engine i[data-state=dash]:before,.resource-bars--engine i[data-state=critical]:before{background:linear-gradient(90deg,#ffd166,#ff3b30);box-shadow:0 0 16px #ff3b30bd}.resource-bars--engine i[data-state=dash]{border-color:#58d4ff;box-shadow:0 0 18px #53f3ff8f,inset 0 0 12px #06080be0}.resource-bars--engine i[data-state=critical]{border-color:#ff3b30;animation:.42s steps(2,end) infinite criticalCell}.resource-bars--engine i[data-state=overdrive]:before{background:linear-gradient(90deg,#ff3b30,#ffd166 52%,#ff3b30);box-shadow:0 0 22px #ff3b30e6}.resource-bars--engine i[data-state=cooling]{background:#ff3b301f;border-color:#53f3ff80}.resource-bars--engine i[data-state=cooling]:before{background:linear-gradient(90deg,#2d6cff,#53f3ff 72%,#6cf3a4);box-shadow:0 0 18px #53f3ffc7}.resource-bars.is-kicking{animation:.22s ease-out resourceKick}.resource-bars.is-ready{animation:.42s ease-out resourceReady}.resource-bars.is-overdriving{animation:.34s ease-out resourceOverdrive}.resource-bars.is-cooling-start{animation:.38s ease-out coolingStart}.resource-bars i.is-ready:after{animation:.46s ease-out cellSweep}.resource-bars i.is-spent{animation:.2s ease-out cellSpent}.resource-bars i.is-kicking,.resource-bars i.is-overdriving{animation:.24s ease-out cellKick}.resource-readout.is-control-shot{animation:.34s cubic-bezier(.17,.9,.24,1) controlShotKick}.resource-readout.is-control-engine{animation:.38s cubic-bezier(.13,.92,.2,1) controlEngineKick}.phase{color:#53f3ff;letter-spacing:.08em;border-left:3px solid #53f3ff;min-width:122px;padding:10px 0 10px 12px;font:900 1rem/1 Cascadia Mono,Consolas,monospace}.phase[data-phase=overdrive]{color:#ff3b30;text-shadow:0 0 18px #ff3b30db;border-color:#ff3b30}.phase[data-phase=burnout]{color:#ffd166;border-color:#ffd166}.mission-line{color:#e8f7ffdb;text-shadow:0 1px 12px #06080be0;width:min(680px,100vw - 36px);font-size:clamp(.88rem,1.4vw,1.08rem);line-height:1.45;position:absolute;bottom:94px;left:clamp(18px,3vw,42px)}.mission-line.is-flashing{animation:.45s ease-out flash-line}.overlay{z-index:8;opacity:0;pointer-events:none;background:linear-gradient(90deg,#06080bd1,#06080b75),repeating-linear-gradient(0deg,#e8f7ff0a,#e8f7ff0a 1px,#0000 1px 7px);place-items:center;padding:22px;transition:opacity .18s;display:grid;position:absolute;inset:0}.overlay.is-visible{opacity:1;pointer-events:auto}.overlay__panel{background:#06080bc7;border-left:6px solid #ff3b30;width:min(780px,100%);padding:clamp(22px,4vw,46px);box-shadow:0 24px 80px #00000073}.overlay h2{color:#e8f7ff;letter-spacing:0;text-transform:uppercase;font-size:clamp(2.3rem,8vw,6rem);line-height:.9}.overlay p:not(.kicker){color:#e8f7ffcc;max-width:680px;margin-top:20px;font-size:clamp(.98rem,1.8vw,1.18rem);line-height:1.65}.upgrade-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.upgrade-choices:empty{display:none}.upgrade-choices button{color:#e8f7ff;text-align:left;text-transform:none;background:#06080bb8;border-color:#6cf3a46b;gap:10px;min-height:128px;padding:16px;display:grid}.upgrade-choices button:hover{background:#6cf3a429;border-color:#6cf3a4}.upgrade-choices b{color:#6cf3a4;letter-spacing:.03em;font-size:.9rem;line-height:1.2}.upgrade-choices span{color:#e8f7ffb8;letter-spacing:0;font:700 .82rem/1.35 Bahnschrift,Aptos Display,Segoe UI,sans-serif}.overlay__actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.overlay__actions button:nth-child(2){color:#e8f7ff;background:0 0}.overlay__actions button:nth-child(2):hover{color:#06080b;background:#ffd166}@keyframes flash-line{0%{color:#ffd166;transform:translate(-8px)}to{color:#e8f7ffdb;transform:translate(0)}}@keyframes critical-aura{0%{filter:brightness()}to{filter:brightness(1.55)}}@keyframes burnout-aura{0%,to{filter:brightness(.9)saturate(.8)}50%{filter:brightness(1.25)saturate(1.15)}}@keyframes resourceKick{0%{filter:brightness();transform:translate(0)scale(1)}42%{filter:brightness(1.8);transform:translate(-3px)scale(1.08)}to{filter:brightness();transform:translate(0)scale(1)}}@keyframes controlShotKick{0%{filter:brightness();transform:translate(0,0)rotate(0)}18%{filter:brightness(1.65)drop-shadow(0 0 14px #e8f7ffb3);transform:translate(-7px,-2px)rotate(-1.8deg)}36%{transform:translate(5px,1px)rotate(1.2deg)}58%{transform:translate(-3px)rotate(-.8deg)}to{filter:brightness();transform:translate(0,0)rotate(0)}}@keyframes controlEngineKick{0%{filter:brightness();transform:translate(0,0)scale(1)}20%{filter:brightness(1.8)drop-shadow(0 0 16px #ff3b30b8);transform:translate(9px,-3px)scale(1.08)}42%{transform:translate(-4px,2px)scale(1.02)}64%{transform:translate(2px)scale(1.01)}to{filter:brightness();transform:translate(0,0)scale(1)}}@keyframes resourceReady{0%{filter:brightness()}34%{filter:brightness(2.1)drop-shadow(0 0 14px #6cf3a4d9)}to{filter:brightness()}}@keyframes resourceOverdrive{0%,to{filter:brightness()}50%{filter:brightness(2.2)drop-shadow(0 0 18px #ff3b30f2)}}@keyframes coolingStart{0%{filter:brightness(1.9)saturate(1.5)}to{filter:brightness()}}@keyframes cellSweep{0%{opacity:0;transform:translate(-120%)}12%{opacity:.9}to{opacity:0;transform:translate(120%)}}@keyframes cellSpent{0%{filter:brightness(2);transform:skew(-18deg)translateY(-2px)}to{filter:brightness();transform:skew(-18deg)translateY(0)}}@keyframes cellKick{0%{filter:brightness();transform:skew(-18deg)scale(1)}45%{filter:brightness(1.9);transform:skew(-18deg)scale(1.16)}to{filter:brightness();transform:skew(-18deg)scale(1)}}@keyframes criticalCell{0%{filter:brightness()}to{filter:brightness(1.75)}}@media (width<=760px){.game{min-height:560px}.hud{padding:62px 16px 16px}.variant-switch{top:12px;left:16px}.variant-switch button{min-height:32px;padding:0 9px;font-size:.62rem}.hud__top,.hud__bottom{gap:12px}.hud__bottom{flex-wrap:wrap;align-items:flex-end}.timer{min-width:92px}.meter-block{order:4;width:100%}.rogue-stats{order:3;grid-template-columns:repeat(4,minmax(0,auto));gap:8px;width:100%;min-width:0;padding-left:9px;font-size:.64rem}.phase{min-width:104px;padding-left:9px;font-size:.86rem}.readout{min-width:98px}.input-cue{gap:6px;min-height:26px}.input-cue img{width:26px;height:26px}.resource-bars{gap:5px}.resource-bars i{width:24px;height:14px}.mission-line{bottom:132px}.upgrade-choices{grid-template-columns:1fr}.upgrade-choices button{min-height:92px}}