:root{--bg: #04060c;--cyan: #34e2ff;--magenta: #ff48c4;--amber: #ffd277;--red: #ff315f;--green: #76ffb2;--text: #d8f4ff;--dim: #6d8a9d;--line: rgba(52,226,255,.22)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:IBM Plex Mono,ui-monospace,monospace;overflow:hidden;touch-action:none}#stage{position:fixed;inset:0;width:100vw;height:100vh}.scan{position:fixed;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.16) 2px 4px)}.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 54%,rgba(0,0,0,.68) 100%)}.hurt{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(120% 90% at 50% 50%,transparent 42%,rgba(255,56,96,.55) 100%);transition:opacity .13s ease}.hud{position:fixed;inset:0;z-index:4;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(14px,2.5vw,26px)}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.mark{font-family:Orbitron,sans-serif;font-weight:900;letter-spacing:.42em;font-size:15px;color:#fff;text-shadow:0 0 18px var(--cyan);text-transform:lowercase}.status{display:flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.mission-progress{position:absolute;top:clamp(50px,8vw,72px);left:50%;width:min(430px,56vw);transform:translate(-50%)}.mission-copy,.boss-copy{display:flex;justify-content:space-between;gap:16px;margin-bottom:5px;color:var(--dim);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.mission-track,.boss-track{height:5px;border:1px solid rgba(52,226,255,.24);background:#040810ad}#level-progress-fill{width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--magenta));box-shadow:0 0 11px #34e2ffb3;transition:width .2s ease}.boss-hud{position:absolute;top:clamp(94px,13vw,118px);left:50%;width:min(520px,66vw);transform:translate(-50%)}.boss-copy{color:var(--magenta);font-weight:700;align-items:end}.boss-identity{display:grid;gap:3px}.boss-identity b{font:inherit;color:#fff;letter-spacing:.2em}.boss-identity em{font-style:normal;color:var(--amber);font-size:8px;letter-spacing:.18em}.boss-hud.vulnerable .boss-identity em{color:var(--green);text-shadow:0 0 12px var(--green)}.boss-track{height:8px;border-color:#ff48c470}#boss-health-fill{width:100%;height:100%;background:linear-gradient(90deg,#ff315f,var(--magenta),var(--amber));box-shadow:0 0 18px #ff48c4b8;transition:width .12s linear}.bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.systems{display:grid;gap:7px;width:min(330px,48vw)}.meter-row{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:center;color:var(--dim);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase}.meter{height:7px;border:1px solid var(--line);background:#040810a8}.meter>div{height:100%;transition:width .15s ease}#hull-fill{width:100%;background:linear-gradient(90deg,#ff365f,var(--magenta),var(--cyan));box-shadow:0 0 10px var(--cyan)}#rig-fill{width:0;background:linear-gradient(90deg,#5a6dff,var(--cyan),#d6fbff);box-shadow:0 0 12px var(--cyan)}.readout{max-width:48vw;text-align:right;font-size:10px;line-height:1.6;letter-spacing:.15em;text-transform:uppercase;color:var(--dim)}.mission-banner{position:fixed;z-index:5;top:25%;left:50%;min-width:min(520px,78vw);transform:translate(-50%,-8px) scale(.96);opacity:0;pointer-events:none;text-align:center;transition:.22s ease}.mission-banner.show{opacity:1;transform:translate(-50%) scale(1)}.mission-banner strong,.mission-banner span{display:block;font-family:Orbitron,sans-serif;text-transform:uppercase}.mission-banner strong{color:#fff;font-size:clamp(22px,4.5vw,46px);letter-spacing:.22em;text-shadow:0 0 24px var(--cyan)}.mission-banner span{margin-top:10px;color:var(--amber);font-size:clamp(10px,1.5vw,14px);letter-spacing:.3em}.pickup-notice{position:fixed;z-index:5;left:50%;bottom:22%;transform:translate(-50%,12px);opacity:0;color:#fff;font:700 11px Orbitron,sans-serif;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 16px currentColor;pointer-events:none;transition:.18s ease}.pickup-notice.show{opacity:1;transform:translate(-50%)}.pickup-notice.frame,.pickup-notice.weapon{color:var(--cyan)}.pickup-notice.special.spread{color:var(--magenta)}.pickup-notice.special.missiles{color:var(--amber)}.pickup-notice.special.seekers{color:var(--red)}.pickup-notice.special.laser{color:var(--green)}.pickup-notice.tech{color:var(--amber)}.colophon{text-align:center;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);opacity:.65;line-height:1.8}.colophon p{margin:0}.colophon a{color:var(--dim);pointer-events:auto}.colophon a:hover{color:var(--cyan)}.overlay{position:fixed;inset:0;z-index:6;display:grid;place-items:center;padding:24px;background:radial-gradient(120% 90% at 50% 38%,#04060cd1 30%,#000000f2);backdrop-filter:blur(4px);transition:opacity .4s ease}.overlay.gone{opacity:0;pointer-events:none}.overlay-card{max-width:640px;text-align:center;display:flex;flex-direction:column;gap:17px;align-items:center}.eyebrow{margin:0;color:var(--magenta);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase}.overlay-card h1{margin:0;font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(30px,6vw,54px);letter-spacing:.32em;color:#fff;text-shadow:0 0 26px var(--cyan);text-transform:lowercase}.overlay-sub{margin:0;color:var(--text);line-height:1.75;font-size:clamp(13px,1.8vw,15px);opacity:.92}.part-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 14px;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase}.part-legend span{border:1px solid currentColor;padding:7px 9px;background:#0408109e}.frame-part,.weapon-part{color:var(--cyan)}.special-part{color:var(--magenta)}.tech-part{color:var(--amber)}.overlay-controls{margin:0;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.overlay-card button{border:1px solid var(--cyan);background:transparent;color:var(--cyan);font:inherit;font-size:12px;letter-spacing:.3em;text-transform:uppercase;padding:13px 34px;cursor:pointer;box-shadow:0 0 26px #34e2ff38;transition:.15s ease}.overlay-card button:hover{color:#fff;box-shadow:0 0 40px #34e2ff66}.overlay-fineprint{margin:0;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);opacity:.7;line-height:1.8}.nowebgl{display:none;position:fixed;inset:0;z-index:7;place-items:center;background:var(--bg);color:var(--dim);font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-align:center;padding:24px}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){.dot{animation:none}.overlay,.mission-banner,.pickup-notice{transition:none}}.mobile-flight-controls{display:none}@media (hover: none),(pointer: coarse){.hud{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) calc(154px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.colophon{display:none}.mission-progress{top:max(52px,calc(env(safe-area-inset-top) + 44px));width:min(430px,70vw)}.boss-hud{top:max(88px,calc(env(safe-area-inset-top) + 80px));width:min(520px,74vw)}.mobile-flight-controls{position:fixed;left:0;right:0;bottom:0;z-index:5;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;min-height:142px;padding:10px max(18px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));pointer-events:none;background:linear-gradient(180deg,transparent,rgba(4,6,12,.9) 34%)}.weapon-actions{display:flex;align-items:center;gap:10px;pointer-events:none}.special-status{width:92px;min-height:58px;display:grid;place-content:center;border:1px solid color-mix(in srgb,var(--special-color, var(--cyan)) 68%,transparent);border-radius:12px;background:color-mix(in srgb,var(--special-color, var(--cyan)) 14%,rgba(4,8,16,.72));color:var(--special-color, var(--cyan));font-family:Orbitron,sans-serif;box-shadow:0 0 22px color-mix(in srgb,var(--special-color, var(--cyan)) 22%,transparent);pointer-events:none;text-align:center}.special-status.none{opacity:.5}.special-status span,.special-status b{display:block}.special-status span{font-size:7px;letter-spacing:.16em;opacity:.72}.special-status b{margin-top:5px;font-size:10px;letter-spacing:.08em}.flight-pad{position:relative;width:118px;height:118px;border-radius:50%;border:1px solid rgba(52,226,255,.4);background:#0408108f;box-shadow:inset 0 0 28px #34e2ff14,0 0 22px #0006;pointer-events:auto;touch-action:none}.flight-pad i{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px;border-radius:50%;background:#34e2ff59;border:1px solid rgba(255,255,255,.4);box-shadow:0 0 18px #34e2ff73}.flight-pad span{position:absolute;left:50%;bottom:-2px;transform:translate(-50%,100%);white-space:nowrap;color:var(--dim);font-size:8px;letter-spacing:.16em;text-transform:uppercase}.fire-button{width:88px;height:88px;border-radius:50%;border:1px solid rgba(255,72,196,.65);background:#ff48c447;color:#fff;font:700 13px Orbitron,sans-serif;letter-spacing:.16em;box-shadow:0 0 24px #ff48c438;pointer-events:auto;touch-action:none}.fire-button.active{transform:scale(.94);background:#ff48c48c}.overlay{align-items:start;overflow-y:auto;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))}.overlay-card{margin:auto}.overlay-card button{min-height:50px;touch-action:manipulation}}@media (max-width: 560px){.top{gap:6px}.mark{font-size:13px;letter-spacing:.28em}.status{font-size:8px;letter-spacing:.1em}.mission-copy,.boss-copy{font-size:7.5px;letter-spacing:.1em}.bottom{align-items:flex-end;flex-direction:column;gap:7px}.systems{width:min(280px,76vw)}.readout{max-width:80vw;font-size:8.5px}.overlay-card{gap:12px}.overlay-card h1{font-size:34px;letter-spacing:.2em}.overlay-sub{font-size:11.5px;line-height:1.5}.part-legend{font-size:8px;gap:5px}.overlay-controls{font-size:8.5px;gap:6px 10px}.overlay-fineprint{display:none}}@media (hover: none) and (orientation: landscape){.hud{padding:max(10px,env(safe-area-inset-top)) 150px max(12px,env(safe-area-inset-bottom)) 150px}.mission-progress{top:max(12px,env(safe-area-inset-top));width:min(360px,48vw)}.boss-hud{top:max(44px,calc(env(safe-area-inset-top) + 32px));width:min(430px,52vw)}.mobile-flight-controls{inset:0;min-height:0;display:block;padding:0;background:none}.flight-pad{position:fixed;left:max(26px,env(safe-area-inset-left));top:50%;transform:translateY(-50%);width:104px;height:104px;background:#00000024;backdrop-filter:blur(2px)}.weapon-actions{position:fixed;right:max(22px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);flex-direction:column-reverse;gap:8px}.special-status{width:82px;min-height:46px;background:#04081094;backdrop-filter:blur(2px)}.fire-button{position:static;transform:none;width:78px;height:78px}.fire-button.active{transform:scale(.94)}.overlay{place-items:start center;overflow-y:auto;padding:max(8px,env(safe-area-inset-top)) 12px max(8px,env(safe-area-inset-bottom))}.overlay-card{margin:auto;gap:7px}.overlay-card h1{font-size:clamp(20px,9vh,32px);letter-spacing:.2em}.overlay-sub{font-size:10px;line-height:1.4}.part-legend{font-size:7px}.overlay-controls{font-size:7.5px;gap:4px 10px}#launch,#again{min-height:40px;padding-block:8px}}