:root{--bg: #0a0d0b;--panel: #151b17;--edge: #2a342d;--ink: #d7dcd4;--dim: #8a9489;--faint: #4f5a52;--signal: #c7d44a;--warn: #e8a544;--alert: #d85048;--hud: #7bb894}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:13px;letter-spacing:.02em;-webkit-font-smoothing:antialiased}#canvas{position:fixed;inset:0;display:block;outline:none}#menu{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at top,#151b17e6,#0a0d0bf2 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 3px);z-index:10}#menu-ping{position:absolute;top:20px;right:20px;display:flex;gap:.5rem;align-items:baseline;padding:.35rem .65rem;background:#0a0d0bb3;border:1px solid var(--edge);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-variant-numeric:tabular-nums}#menu-ping .label{color:var(--faint)}#menu-ping .value{color:var(--hud)}#menu .card{width:min(520px,92vw);border:1px solid var(--edge);background:var(--panel);padding:2.5rem 2.5rem 2rem;position:relative}#menu .card:before,#menu .card:after{content:"";position:absolute;width:20px;height:20px;border:2px solid var(--signal)}#menu .card:before{top:-1px;left:-1px;border-right:none;border-bottom:none}#menu .card:after{bottom:-1px;right:-1px;border-left:none;border-top:none}#menu .pretitle{font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:var(--signal);margin-bottom:.6rem;display:flex;align-items:center;gap:.75rem}#menu .pretitle:before{content:"";width:24px;height:1px;background:var(--signal);opacity:.6}#menu h1{font-family:Impact,Oswald,Arial Narrow,sans-serif;font-size:3.5rem;font-weight:900;text-transform:uppercase;line-height:.9;letter-spacing:-.01em;margin-bottom:.25rem}#menu h1 .split{color:var(--signal)}#menu .tag{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:1.6rem}#menu label{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--faint);display:block;margin-bottom:.4rem}#menu input[type=text]{flex:1;min-width:0;padding:.7rem .9rem;background:#0a0d0b;color:var(--ink);border:1px solid var(--edge);border-left:2px solid var(--signal);font:inherit;font-size:15px;letter-spacing:.05em;text-transform:uppercase;outline:none}#menu input[type=text]:focus{border-left-color:var(--warn)}#menu .callsign-row{display:flex;align-items:stretch;gap:.6rem;flex-wrap:wrap}#menu .launch-error{margin-top:.6rem;padding:.45rem .7rem;border:1px solid #6b2a2a;background:#6c2a2a2e;color:#e88e84;font-size:11px;letter-spacing:.05em}#menu .toggle{display:flex;align-items:center;gap:.5rem;padding:0 .7rem;background:#0a0d0b;border:1px solid var(--edge);cursor:pointer;user-select:none;letter-spacing:.15em;text-transform:uppercase;font-size:10px;color:var(--dim);white-space:nowrap}#menu .toggle:hover{color:var(--ink);border-color:var(--faint)}#menu .toggle input{position:absolute;opacity:0;pointer-events:none}#menu .toggle .box{width:14px;height:14px;border:1px solid var(--edge);display:inline-block;position:relative;background:#0a0d0b;flex-shrink:0}#menu .toggle input:checked+.box{background:var(--signal);border-color:var(--signal)}#menu .toggle input:checked+.box:after{content:"";position:absolute;left:3px;top:0;width:5px;height:9px;border:solid #0a0d0b;border-width:0 2px 2px 0;transform:rotate(45deg)}#menu .toggle input:focus-visible+.box{outline:1px solid var(--warn);outline-offset:1px}#menu button{margin-top:1.1rem;width:100%;padding:.9rem 0;background:var(--signal);color:#0a0d0b;border:none;font:inherit;font-weight:700;font-size:14px;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;transition:background .15s}#menu button:hover{background:#d4e056}#menu button:disabled{background:var(--faint);color:var(--panel);cursor:not-allowed}#menu button.secondary{margin-top:.6rem;background:transparent;color:var(--dim);border:1px solid var(--edge);padding:.55rem 0;font-size:11px;letter-spacing:.3em}#menu button.secondary:hover{background:transparent;color:var(--ink);border-color:var(--faint)}#menu .credits-card{max-height:88vh;overflow-y:auto}#menu .credits-card .credits-h{font-size:1.2rem;font-weight:600;letter-spacing:.02em;margin-bottom:1.4rem;color:var(--ink)}#menu .credits-section{margin-bottom:1.4rem;padding-top:1rem;border-top:1px solid var(--edge)}#menu .credits-section:first-of-type{padding-top:0;border-top:none}#menu .credits-section h3{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--faint);margin-bottom:.7rem}#menu .credits-note{font-size:12px;color:var(--dim);line-height:1.55;margin-bottom:.7rem}#menu .credits-list{list-style:none;display:grid;gap:.35rem;font-size:12px;color:var(--dim);line-height:1.5}#menu .credits-list li{padding-left:.85rem;position:relative}#menu .credits-list li:before{content:"›";position:absolute;left:0;color:var(--signal);opacity:.7}#menu .credits-card a{color:var(--hud);text-decoration:none;border-bottom:1px dotted var(--edge)}#menu .credits-card a:hover{color:var(--signal);border-bottom-color:var(--signal)}#menu .lb{margin-top:1.75rem;padding-top:1.2rem;border-top:1px solid var(--edge)}#menu .lb h3{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--faint);margin-bottom:.6rem}#menu .lb ol{list-style:none;display:grid;gap:.2rem}#menu .lb li{display:flex;justify-content:space-between;font-size:12px;color:var(--dim);padding:.2rem 0;border-bottom:1px dashed rgba(42,52,45,.5)}#menu .lb li .h{color:var(--hud);font-variant-numeric:tabular-nums}#menu .lb li .metrics{display:flex;gap:.9rem;align-items:baseline}#menu .lb li .kd{color:var(--faint);font-variant-numeric:tabular-nums;font-size:11px}#menu .lb .empty{font-size:11px;color:var(--faint);text-align:center;padding:.8rem 0}#menu .controls{margin-top:1.4rem;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--faint);text-align:center;line-height:1.8}#menu .controls kbd{padding:.15rem .4rem;background:#0a0d0b;border:1px solid var(--edge);border-bottom-width:2px;color:var(--signal);font-size:10px;margin:0 .1rem}#storm-tint{position:fixed;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at center,#6e2da01a,#6e2da05c);opacity:0;transition:opacity .5s ease-out}#storm-tint.active{opacity:1}#hud{position:fixed;inset:0;pointer-events:none;z-index:5;font-size:12px;letter-spacing:.05em}.hud-panel{position:absolute;padding:.75rem 1rem;background:#0a0d0bb3;border:1px solid var(--edge);backdrop-filter:blur(4px)}#hud .top-left{top:20px;left:20px;min-width:260px}#hud .top-right{top:20px;right:20px;min-width:200px;text-align:right}#hud .bottom-left{bottom:20px;left:20px;min-width:220px}#hud .bottom-right{bottom:20px;right:20px;min-width:200px}#info-panel{position:absolute;top:20px;left:50%;transform:translate(-50%);display:none;padding:.4rem .7rem;background:#0a0d0bb3;border:1px solid var(--edge);backdrop-filter:blur(4px);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);gap:1.2rem;font-variant-numeric:tabular-nums}#info-panel.visible{display:flex}#info-panel .info-row{display:flex;gap:.45rem;align-items:baseline}#info-panel .info-label{color:var(--faint)}#info-panel .info-val{color:var(--hud);text-transform:none}#hud .radar-panel{min-width:230px;padding:.75rem .85rem;text-align:left}#hud #radar{display:block;width:200px;height:200px;margin:0 auto .6rem}#hud .radar-panel .row{margin-top:.25rem;padding-top:.45rem;border-top:1px solid var(--edge)}#hud .row{display:flex;justify-content:space-between;gap:.8rem;padding:.25rem 0;color:var(--dim)}#hud .row .k{color:var(--faint);font-size:10px;letter-spacing:.25em;text-transform:uppercase;align-self:center}#hud .row .v{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}#hud .row .v.warn{color:var(--warn)}#hud .row .v.alert{color:var(--alert)}#hud .row .v.hud{color:var(--hud)}.hp-bar{margin-top:.5rem;position:relative;height:10px;background:#d8504840;border:1px solid var(--edge)}.hp-bar-fill{position:absolute;inset:0;width:100%;background:var(--hud);transition:width .18s,background .18s}.boost-bar{margin-top:.35rem;position:relative;height:6px;background:#c7d44a1f;border:1px solid var(--edge)}.boost-bar-fill{position:absolute;inset:0;width:100%;background:var(--signal);transition:width .1s linear,background .15s}.boost-bar.active{box-shadow:0 0 6px #d8504873}#killfeed{position:absolute;top:20px;right:270px;pointer-events:none;display:flex;flex-direction:column;gap:.3rem;align-items:flex-end;max-width:320px}.kf-line{padding:.3rem .7rem;background:#0a0d0bc7;border-left:2px solid var(--alert);font-size:12px;color:var(--ink);animation:kfIn .25s ease-out}.kf-line .k{color:var(--signal);font-weight:600}.kf-line .w{color:var(--warn);font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin:0 .35rem}.kf-line .v{color:var(--dim)}@keyframes kfIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}#reticle{position:absolute;width:140px;height:140px;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:width .12s,height .12s,opacity .12s}#reticle.visible{opacity:1}#reticle .corner{position:absolute;width:14px;height:14px;border:2px solid var(--warn)}#reticle .corner.tl{top:0;left:0;border-right:none;border-bottom:none}#reticle .corner.tr{top:0;right:0;border-left:none;border-bottom:none}#reticle .corner.bl{bottom:0;left:0;border-right:none;border-top:none}#reticle .corner.br{bottom:0;right:0;border-left:none;border-top:none}#reticle .label{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--warn);background:#0a0d0bb3;padding:.2rem .5rem;white-space:nowrap}#reticle.locked .corner{border-color:var(--alert)}#reticle.locked .label{color:var(--alert);border:1px solid var(--alert);animation:reticleLabelPulse .45s ease-in-out infinite}#reticle.locked:before{content:"";position:absolute;inset:-6px;border:1px solid var(--alert);animation:reticleOuterPulse .45s ease-in-out infinite;pointer-events:none}@keyframes reticleLabelPulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes reticleOuterPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.3;transform:scale(1.08)}}#msl-val.reloading,#flares-val.reloading{color:var(--alert);letter-spacing:.05em;animation:reloadPulse 1s ease-in-out infinite}@keyframes reloadPulse{0%,to{opacity:1}50%{opacity:.5}}#lock-warning{position:absolute;top:90px;left:50%;transform:translate(-50%);padding:.5rem 1.2rem;background:#d850482e;border:1px solid var(--alert);color:var(--alert);font-weight:700;letter-spacing:.35em;text-transform:uppercase;font-size:13px;opacity:0;pointer-events:none;transition:opacity .15s}#lock-warning.active{opacity:1;animation:lockWarnPulse .55s ease-in-out infinite}@keyframes lockWarnPulse{0%,to{opacity:1;box-shadow:0 0 #d850488c}50%{opacity:.55;box-shadow:0 0 22px 6px #d8504880}}#streak-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.7rem 1.8rem;background:#c7d44a1f;border:1px solid var(--signal);color:var(--signal);font-weight:700;letter-spacing:.4em;text-transform:uppercase;font-size:28px;opacity:0;pointer-events:none}#streak-banner.active{animation:streakBannerFlash 1.5s ease-out forwards}@keyframes streakBannerFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.25);box-shadow:0 0 32px 8px #c7d44a8c}30%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}#crosshair{position:absolute;width:28px;height:28px;margin-left:-14px;margin-top:-14px;pointer-events:none;opacity:.85;display:none}#crosshair.visible{display:block}#aim-reticle{position:absolute;width:22px;height:22px;margin-left:-11px;margin-top:-11px;border:2px solid rgba(255,220,100,.85);border-radius:50%;pointer-events:none;display:none;box-shadow:0 0 8px #ffdc6466}#aim-reticle.visible{display:block}#aim-reticle:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;margin-left:-2px;margin-top:-2px;background:#ffdc64f2;border-radius:50%}#crosshair:before,#crosshair:after{content:"";position:absolute;background:var(--signal)}#crosshair:before{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}#crosshair:after{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}#death{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#3c0a0aa6,#0a0d0bf2 70%);z-index:20}#death .death-card{width:min(420px,85vw);border:1px solid var(--alert);background:var(--panel);padding:2rem 2.25rem;text-align:center}#death h2{font-family:Impact,Oswald,sans-serif;font-size:3rem;text-transform:uppercase;letter-spacing:.06em;color:var(--alert);margin-bottom:.5rem}#death .line{color:var(--dim);margin:.3rem 0}#death .line .k{color:var(--ink);font-weight:600}#death .streak{margin-top:.6rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;font-size:13px;color:var(--signal)}#death .streak:empty{display:none}#death .my-stats{margin-top:.9rem;font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}#death .roster{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--edge);text-align:left}#death .roster h3{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--faint);margin-bottom:.6rem;text-align:center}#death .roster ol{list-style:none;display:grid;gap:.2rem}#death .roster li{display:flex;justify-content:space-between;font-size:12px;color:var(--dim);padding:.2rem 0;border-bottom:1px dashed rgba(42,52,45,.5)}#death .roster li .h{color:var(--hud);font-variant-numeric:tabular-nums}#death .roster .empty{font-size:11px;color:var(--faint);text-align:center;padding:.6rem 0}#death .actions{margin-top:1.5rem;display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}#death button{padding:.6rem 1.6rem;background:var(--signal);color:#0a0d0b;border:1px solid var(--signal);font:inherit;font-weight:700;letter-spacing:.25em;text-transform:uppercase;cursor:pointer}#death button:hover{background:#d4e056;border-color:#d4e056}#death button.secondary{background:transparent;color:var(--dim);border-color:var(--edge)}#death button.secondary:hover{color:var(--ink);border-color:var(--faint);background:#ffffff08}.hidden{display:none!important}@media(max-width:768px),(max-height:500px){#hud{font-size:10px}#hud .top-left{top:8px;left:8px;min-width:0}#hud .top-right{top:8px;right:8px;min-width:0}#hud .bottom-left{bottom:8px;left:8px;min-width:0}#hud .bottom-right{bottom:8px;right:8px;min-width:0}.hud-panel{padding:.4rem .55rem}#hud .radar-panel{min-width:0;padding:.4rem .45rem}#hud #radar{width:130px;height:130px;margin:0 auto .35rem}#hud .row{gap:.5rem;padding:.12rem 0}#hud .row .k{font-size:9px;letter-spacing:.15em}.hp-bar{height:6px;margin-top:.3rem}.boost-bar{height:4px;margin-top:.25rem}#killfeed{top:8px;right:160px;max-width:200px}.kf-line{padding:.18rem .45rem;font-size:10px}#lock-warning{top:56px;font-size:11px;padding:.35rem .85rem;letter-spacing:.25em}}#touch-overlay{position:fixed;inset:0;z-index:90;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:none}#touch-overlay .touch-stick-area{position:absolute;inset:0 50% 0 0;pointer-events:auto}#touch-overlay .touch-stick-base,#touch-overlay .touch-stick-knob{position:absolute;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity 80ms ease-out}#touch-overlay .touch-stick-base{width:160px;height:160px;border:2px solid var(--signal);background:#141c1659}#touch-overlay .touch-stick-knob{width:64px;height:64px;background:var(--signal);box-shadow:0 0 24px #c7d44a99}#touch-overlay .touch-stick-base.active,#touch-overlay .touch-stick-knob.active{opacity:.85}#touch-overlay .touch-btn{position:absolute;display:grid;place-items:center;border-radius:50%;border:2px solid var(--hud);background:#141c168c;color:var(--ink);font:700 13px JetBrains Mono,ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:transform 60ms ease-out,background 60ms ease-out}#touch-overlay .touch-btn.active{background:#c7d44a59;transform:scale(.94)}#touch-overlay .touch-btn.fire{right:32px;bottom:32px;width:110px;height:110px;border-color:#d85048;font-size:16px}#touch-overlay .touch-btn.fire.active{background:#d8504866}#touch-overlay .touch-btn.missile{right:152px;bottom:64px;width:80px;height:80px;border-color:#e8a544}#touch-overlay .touch-btn.boost{right:32px;top:32px;width:80px;height:80px;border-color:var(--signal)}#touch-overlay .touch-btn.flare{right:132px;top:56px;width:70px;height:70px;border-color:#f3d35c}#boot{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);z-index:100;color:var(--dim);letter-spacing:.25em;text-transform:uppercase;font-size:12px}