:root{color:#f2f0df;background:#111813;font-family:Avenir Next Condensed,Arial Narrow,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--ink: #f2f0df;--muted: rgba(242, 240, 223, .58);--oxide: #b4272b;--engine: #5fe04a;--lattice: #a15cff;--amber: #f7c757}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:#111813}#app{position:relative;isolation:isolate}#game-canvas{display:block;width:100vw;height:100vh;outline:none;touch-action:none}#grade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,13,10,.28),transparent 17%,transparent 83%,rgba(7,13,10,.28)),radial-gradient(circle at 50% 46%,transparent 48%,rgba(8,14,12,.48) 112%);mix-blend-mode:multiply}#hud{position:absolute;inset:0;pointer-events:none;text-transform:uppercase}#mission-header{position:absolute;top:max(18px,env(safe-area-inset-top));left:50%;width:min(560px,calc(100vw - 32px));display:flex;justify-content:space-between;align-items:flex-end;transform:translate(-50%);filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}#mission-header strong{display:block;margin-top:1px;font-size:clamp(1rem,2vw,1.5rem);letter-spacing:.12em}.eyebrow{color:var(--muted);font-size:.63rem;font-weight:700;letter-spacing:.16em}#timer-value{min-width:4.5ch;font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:800;letter-spacing:.08em;text-align:right}#stage-progress{position:absolute;top:max(62px,calc(env(safe-area-inset-top) + 48px));left:50%;width:min(560px,calc(100vw - 32px));height:2px;overflow:hidden;transform:translate(-50%);background:#f2f0df2e}#stage-progress-fill{width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--oxide),var(--amber));box-shadow:0 0 12px #f7c757cc}#objective-line{position:absolute;top:max(72px,calc(env(safe-area-inset-top) + 58px));left:50%;width:min(560px,calc(100vw - 32px));color:#f2f0dfc2;transform:translate(-50%);font-size:.7rem;font-weight:700;letter-spacing:.1em}.hud-cluster{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:8px;filter:drop-shadow(0 2px 9px rgba(0,0,0,.55))}#left-cluster{left:max(18px,env(safe-area-inset-left))}#right-cluster{right:max(18px,env(safe-area-inset-right))}.hud-metric{min-width:112px;padding-left:10px;border-left:2px solid rgba(242,240,223,.42)}.hud-metric.compact{min-width:86px}.hud-metric span{display:block;color:var(--muted);font-size:.58rem;font-weight:700;letter-spacing:.12em}.hud-metric strong{display:block;margin-top:1px;font-variant-numeric:tabular-nums;font-size:1rem;letter-spacing:.1em}#lives-value{color:var(--oxide)}#bombs-value{color:var(--amber)}#trim-state{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.12em}#trim-state i{width:9px;height:9px;border:1px solid var(--ink);border-radius:50%;box-shadow:0 0 0 3px #a15cff2e}#trim-state.active{color:#fff}#trim-state.active i{background:#fff;box-shadow:0 0 0 4px #a15cff70,0 0 18px var(--lattice)}#state-overlay{position:absolute;inset:0;display:grid;place-content:center;padding:24px;opacity:0;pointer-events:none;text-align:center;background:#080c0a9e;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:opacity .24s ease}#state-overlay.visible{opacity:1}#state-overlay h1{margin:8px 0 4px;font-size:clamp(2rem,7vw,5rem);letter-spacing:.09em}#state-overlay p{max-width:35rem;margin:0 auto;color:#f2f0dfc2;line-height:1.5}#control-legend{position:absolute;right:max(18px,env(safe-area-inset-right));top:50%;display:grid;gap:4px;color:#f2f0df6b;transform:translateY(-50%);font-size:.55rem;font-weight:700;letter-spacing:.12em;text-align:right;pointer-events:none}#touch-controls{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(70px,calc(env(safe-area-inset-bottom) + 62px));left:max(18px,env(safe-area-inset-left));display:none;justify-content:space-between;align-items:flex-end;pointer-events:none}#touch-stick{position:relative;width:clamp(96px,24vw,132px);aspect-ratio:1;border:1px solid rgba(242,240,223,.3);border-radius:50%;background:#0c120e52;pointer-events:auto;touch-action:none}#touch-knob{position:absolute;top:50%;left:50%;width:36%;aspect-ratio:1;border:1px solid rgba(242,240,223,.7);border-radius:50%;background:#b4272bc7;box-shadow:0 0 24px #b4272b70;transform:translate(-50%,-50%)}#focus-button{width:clamp(76px,18vw,98px);aspect-ratio:1;border:1px solid rgba(242,240,223,.38);border-radius:50%;color:var(--ink);background:#3a1c4db8;font-weight:800;pointer-events:auto;touch-action:none}@media(pointer:coarse),(max-width:760px){#control-legend{display:none}#touch-controls{display:flex}.hud-cluster{bottom:max(14px,env(safe-area-inset-bottom))}.hud-metric{min-width:84px}.hud-metric.compact{min-width:70px}#trim-state{display:none}}#weapon-state{display:flex;flex-direction:column;align-items:flex-end;gap:3px;padding:6px 10px 7px;border-right:2px solid var(--weapon-tint, #d92b2b);background:linear-gradient(90deg,transparent,rgba(0,0,0,.42));transition:border-color .18s ease}#weapon-state.hailstorm{--weapon-tint: #e03b2a}#weapon-state.arclight{--weapon-tint: #3f86e8}#weapon-name{font:700 13px/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.16em;color:var(--weapon-tint);text-shadow:0 0 12px color-mix(in srgb,var(--weapon-tint) 60%,transparent)}#weapon-bars{display:flex;gap:3px}#weapon-bars i{width:12px;height:3px;background:#ffffff29;transition:background .14s ease,box-shadow .14s ease}#weapon-bars i.lit{background:var(--weapon-tint);box-shadow:0 0 7px var(--weapon-tint)}#weapon-hint{font:500 9px/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.12em;color:#e8e6df80}#weapon-state.swapped{animation:weaponSwap .46s ease-out}@keyframes weaponSwap{0%{transform:scale(1.16);filter:brightness(2.4)}to{transform:scale(1);filter:brightness(1)}}#boss-panel{position:absolute;top:92px;left:50%;transform:translate(-50%,-12px);width:min(430px,62%);opacity:0;pointer-events:none;transition:opacity .32s ease,transform .32s ease}#boss-panel.visible{opacity:1;transform:translate(-50%)}#boss-name{font:700 12px/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.34em;text-align:center;color:#ffb020;text-shadow:0 0 14px rgba(255,74,16,.65);margin-bottom:5px}#boss-integrity{height:5px;background:#0000008c;border:1px solid rgba(255,176,32,.34);overflow:hidden}#boss-integrity-fill{height:100%;background:linear-gradient(90deg,#ff4a10,#ffb020);transform-origin:left center;transition:transform .12s linear,background .4s ease}#boss-integrity-fill.exposed{background:linear-gradient(90deg,#fff0b8,#ff4a10);box-shadow:0 0 14px #ff7814e6}#boss-parts{display:flex;gap:5px;margin-top:5px}#boss-parts .part{flex:1;height:3px;background:#ffffff24;position:relative;overflow:hidden}#boss-parts .part i{position:absolute;inset:0;background:#9fe8c8;transform-origin:left center;transition:transform .12s linear}#boss-parts .part.dead i{background:#4a2a24}#boss-parts .part.dead{opacity:.4}#title-screen{position:absolute;inset:0;display:grid;place-items:center;z-index:40;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#1c303c8c,#060a0cf2 68%),linear-gradient(180deg,#0a1216,#05080a);opacity:1;transition:opacity .62s ease,visibility .62s}#title-screen.dismissed{opacity:0;visibility:hidden;pointer-events:none}#title-film{position:absolute;inset:0;z-index:0}#title-film video{width:100%;height:100%;object-fit:cover;object-position:center 62%;transform:scale(1.08);animation:filmDrift 48s ease-in-out infinite alternate;filter:saturate(1.12) contrast(1.06) brightness(.92)}@keyframes filmDrift{0%{transform:scale(1.08) translate3d(-1.2%,-.8%,0)}to{transform:scale(1.14) translate3d(1.2%,.8%,0)}}#title-film-scrim{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#04080a00 38%,#04080a57 76%,#030507b8),linear-gradient(180deg,#04080a9e,#04080a4d 18%,#04080a1f 34%,#04080a6b 62%,#030507cc)}#title-film-grain{position:absolute;inset:-50%;opacity:.045;pointer-events:none;background-image:repeating-conic-gradient(from 0deg at 50% 50%,#fff 0deg 1deg,#000 1deg 2deg);background-size:3px 3px;animation:grainShift .9s steps(3) infinite}@keyframes grainShift{0%{transform:translateZ(0)}33%{transform:translate3d(-1%,1%,0)}66%{transform:translate3d(1%,-1%,0)}to{transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){#title-film video{animation:none;transform:scale(1.04)}#title-film-grain{animation:none;opacity:.03}}#title-inner{position:relative;z-index:1;text-align:center;padding:0 28px;max-width:640px}#title-eyebrow{font:600 10px/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.42em;color:#9fe8c8b3;margin-bottom:20px}#title-name{margin:0;font:800 clamp(46px,11vw,92px)/.92 var(--hud-font, system-ui),sans-serif;letter-spacing:.1em;color:#f2efe6;text-shadow:0 0 26px rgba(255,176,32,.42),0 0 62px rgba(63,134,232,.28),0 3px 0 rgba(0,0,0,.55);animation:titleIn .9s cubic-bezier(.16,1,.3,1) both}@keyframes titleIn{0%{opacity:0;transform:translateY(14px) scale(.97);letter-spacing:.24em}to{opacity:1;transform:none;letter-spacing:.1em}}#title-sub{margin-top:10px;font:600 clamp(15px,3.2vw,26px)/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.38em;text-indent:.38em;color:#ffb020;text-shadow:0 0 22px rgba(255,176,32,.38),0 2px 0 rgba(0,0,0,.5);animation:fadeUp .7s .15s ease-out both}#title-rule{width:190px;height:2px;margin:18px auto 20px;background:linear-gradient(90deg,transparent,#ffb020,#ff4a10,transparent);animation:ruleIn .7s .22s ease-out both}@keyframes ruleIn{0%{width:0;opacity:0}to{width:190px;opacity:1}}#title-tagline{margin:0 0 26px;font:400 clamp(13px,1.9vw,15px)/1.75 var(--hud-font, system-ui),sans-serif;letter-spacing:.06em;color:#e8e6dfbd;animation:fadeUp .7s .38s ease-out both}@keyframes fadeUp{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}#title-stage{font:600 10px/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.3em;color:#ffb020d1;margin-bottom:30px;animation:fadeUp .7s .52s ease-out both}#title-start{appearance:none;cursor:pointer;padding:13px 34px;background:transparent;border:1px solid rgba(255,176,32,.5);color:#f2efe6;font:700 12px/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.26em;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;animation:fadeUp .7s .64s ease-out both,titlePulse 2.4s 1.4s ease-in-out infinite}#title-start:hover,#title-start:focus-visible{background:#ffb02021;border-color:#ffb020;box-shadow:0 0 26px #ffb02047;outline:none}@keyframes titlePulse{0%,to{border-color:#ffb02080}50%{border-color:#ffb020f2}}#title-controls{margin-top:26px;font:500 9px/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.2em;color:#e8e6df57;animation:fadeUp .7s .76s ease-out both}#title-menu{display:flex;flex-direction:column;gap:9px;align-items:center;margin-bottom:22px}.title-option{appearance:none;cursor:pointer;width:250px;padding:11px 0;background:transparent;border:1px solid rgba(255,176,32,.28);color:#f2efe6d1;font:700 11px/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.26em;transition:all .16s ease;animation:fadeUp .7s .64s ease-out both}.title-option:hover,.title-option:focus-visible,.title-option.selected{background:#ffb02024;border-color:#ffb020;color:#fff;box-shadow:0 0 22px #ffb02038;outline:none}.title-option[disabled]{opacity:.3;cursor:not-allowed}#control-table{margin:0 auto;border-collapse:collapse;font:500 9px/1.9 var(--hud-font, system-ui),sans-serif;letter-spacing:.14em;color:#e8e6df6b}#control-table td{padding:0 12px;text-align:left}#control-table td:first-child{color:#ffb020b8;text-align:right}#stage-intro{position:absolute;inset:0;z-index:35;display:grid;place-items:center;background:linear-gradient(180deg,#05090bf0,#080e11e0);transition:opacity .7s ease,visibility .7s}#stage-intro.hidden{opacity:0;visibility:hidden;pointer-events:none}#intro-inner{text-align:center;padding:0 30px}#intro-stage{font:700 10px/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.5em;color:#ffb020d9;margin-bottom:12px}#intro-title{margin:0 0 14px;font:800 clamp(34px,7vw,58px)/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.14em;color:#f2efe6;text-shadow:0 0 30px rgba(255,176,32,.3)}#intro-place,#intro-date{font:600 9px/1.9 var(--hud-font, system-ui),sans-serif;letter-spacing:.28em;color:#e8e6df80}#intro-brief{margin:26px auto 18px;max-width:460px;font:400 13px/1.85 var(--hud-font, system-ui),sans-serif;color:#e8e6dfcc}.intro-order{color:#ffb020;font-weight:700;letter-spacing:.08em}#intro-signoff{font:600 9px/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.24em;color:#9fe8c88c}#pause-overlay{position:absolute;inset:0;z-index:38;display:grid;place-items:center;background:#05090bc7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .22s ease,visibility .22s}#pause-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}#pause-inner{text-align:center}#pause-inner h2{margin:0 0 10px;font:800 40px/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.3em;color:#f2efe6}#pause-inner p{margin:0;font:500 10px/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.24em;color:#e8e6df73}#crossfire-callout{position:absolute;top:128px;left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:9px;opacity:0;pointer-events:none}#crossfire-callout.fire{animation:crossfirePop .9s ease-out}@keyframes crossfirePop{0%{opacity:0;transform:translate(-50%,6px) scale(.9)}18%{opacity:1;transform:translate(-50%) scale(1.06)}70%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-10px) scale(1)}}#crossfire-label{font:800 13px/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.34em;color:#bfe6ff;text-shadow:0 0 16px rgba(120,190,255,.85)}#crossfire-count{font:700 12px/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.1em;color:#ffd24a;text-shadow:0 0 12px rgba(255,210,74,.6)}#difficulty-select{margin-bottom:24px;animation:fadeUp .7s .56s ease-out both}#difficulty-label{font:700 9px/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.4em;color:#e8e6df6b;margin-bottom:9px}#difficulty-options{display:flex;gap:6px;justify-content:center}.diff-option{appearance:none;cursor:pointer;padding:8px 16px;background:transparent;border:1px solid rgba(232,230,223,.16);color:#e8e6df8c;font:700 10px/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.2em;transition:all .15s ease}.diff-option:hover{border-color:#ffb02080;color:#f2efe6}.diff-option.selected{background:#ffb02029;border-color:#ffb020;color:#fff;box-shadow:0 0 18px #ffb02038}#difficulty-blurb{margin-top:9px;font:500 9px/1 var(--hud-font, system-ui),sans-serif;letter-spacing:.14em;color:#9fe8c89e;min-height:11px}