:root{--hud-cyan: #8be9ff;--hud-green: #86efac;--hud-amber: #fbbf24;--hud-red: #fb7185;color:#f8fafc;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{min-height:42px;border:1px solid rgb(255 255 255 / 18%);border-radius:6px;color:#f8fafc;background:#0f172ad1;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}button:hover:not(:disabled){transform:translateY(-1px);border-color:#ffffff6b;background:#1e293beb}button:disabled{cursor:not-allowed;opacity:.42}input{min-height:42px;width:100%;border:1px solid rgb(255 255 255 / 18%);border-radius:6px;color:#f8fafc;background:#020617c2;padding:0 12px;outline:none}input:focus{border-color:#67e8f9}.shell,.viewport{width:100%;height:100%}.viewport{display:block;cursor:crosshair}.shell[data-phase=playing] .viewport{cursor:none}.hitbox-qa-shell{width:100%;height:100%}.hitbox-qa-overlay{position:fixed;left:16px;bottom:16px;display:grid;gap:4px;max-width:min(620px,calc(100vw - 32px));padding:10px 12px;border:1px solid rgb(139 233 255 / 26%);border-radius:6px;color:#e2fafff0;background:#020a16ad;box-shadow:inset 0 0 18px #8be9ff12;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;pointer-events:none;z-index:20}.hitbox-qa-overlay strong{color:var(--hud-cyan);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.hitbox-qa-overlay span{color:#bef2ffc2;font-size:.72rem}.debug-overlay{position:fixed;inset:18px 18px auto auto;width:min(520px,calc(100vw - 36px));max-height:calc(100vh - 36px);padding:10px 12px 12px;overflow:hidden auto;border:1px solid rgb(139 233 255 / 30%);border-radius:8px;color:#e2fafff0;background:#020a16bd;box-shadow:inset 0 0 20px #8be9ff14,0 12px 42px #0000002e;backdrop-filter:blur(12px);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;pointer-events:none;scrollbar-gutter:stable;z-index:30}.debug-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.debug-column{display:grid;align-content:start}.debug-header,.debug-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.debug-header{margin-bottom:10px}.debug-header strong{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.debug-header span{color:var(--hud-cyan);font-size:.72rem}.debug-section{display:grid;gap:4px;padding:8px 0;border-top:1px solid rgb(139 233 255 / 14%)}.debug-section h2{margin:0 0 2px;color:#8be9ffdb;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.debug-row span,.debug-empty{color:#bef2ffb3;font-size:.72rem}.debug-row strong{color:#f8fafc;font-size:.76rem;font-variant-numeric:tabular-nums}.debug-empty{margin:0}.debug-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:4px}.debug-shortcut{display:flex;min-height:24px;align-items:center;justify-content:center;gap:5px;border:1px solid rgb(139 233 255 / 24%);border-radius:4px;color:#e2faffeb;background:#041828c7;font:inherit;font-size:.62rem;line-height:1}.debug-shortcut kbd{color:var(--hud-cyan);font:inherit;font-weight:800}.debug-shortcut[data-disabled=true]{opacity:.42}@media(max-width:760px){.debug-overlay{width:min(280px,calc(100vw - 36px))}.debug-body{grid-template-columns:1fr}}.hud{position:fixed;inset:18px auto auto 18px;width:min(310px,calc(100vw - 36px));padding:12px;border:1px solid rgb(139 233 255 / 28%);border-radius:8px;background:linear-gradient(180deg,#061c2a94,#02061770);box-shadow:inset 0 0 22px #8be9ff12;backdrop-filter:blur(10px);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;pointer-events:none}.hud.threat{border-color:#f87171b8;box-shadow:inset 0 0 24px #f8717124,0 0 22px #f871712e;animation:threat-pulse .52s ease-in-out infinite alternate}.hud-top,.flight-readout{display:flex;align-items:center;justify-content:space-between;gap:14px}.status-stack{display:grid;gap:2px}.status-stack strong{font-size:.84rem;letter-spacing:0}.status-stack span,.bars span,.flight-readout span{color:#bef2ffd6;font-size:.74rem;text-transform:uppercase}.timer{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800}.bars{display:grid;gap:8px;margin:14px 0 12px}.bars label{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:8px}meter{width:100%;height:12px;accent-color:var(--hud-cyan)}.flight-readout{font-variant-numeric:tabular-nums}.flight-director{position:fixed;inset:0;z-index:2;color:#bef2ffd1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;pointer-events:none;text-shadow:0 0 12px rgb(139 233 255 / 28%)}.heading-tape{position:fixed;left:50%;top:16px;min-width:116px;padding:5px 10px;border:1px solid rgb(139 233 255 / 34%);border-radius:4px;display:flex;justify-content:space-between;gap:12px;transform:translate(-50%);background:#0206174d}.heading-tape span,.hud-scale span{color:#bef2ffad;font-size:.68rem;letter-spacing:.08em}.heading-tape strong,.hud-scale strong{color:var(--hud-cyan);font-size:.96rem}.hud-scale{position:fixed;top:44%;display:grid;min-width:68px;padding:7px 9px;border-block:1px solid rgb(139 233 255 / 34%);background:linear-gradient(90deg,transparent,rgb(2 6 23 / 24%),transparent)}.hud-scale-left{left:28%;text-align:right}.hud-scale-right{right:28%}.annunciators{position:fixed;left:50%;top:58px;display:flex;gap:8px;transform:translate(-50%)}.annunciators strong{padding:3px 8px;border:1px solid currentColor;border-radius:3px;background:#02061757;font-size:.72rem;letter-spacing:.1em}.annunciators .active{color:var(--hud-amber)}.annunciators .danger{color:var(--hud-red);animation:threat-pulse .36s ease-in-out infinite alternate}.tactical-warnings{position:fixed;left:50%;bottom:clamp(104px,16vh,172px);z-index:5;display:grid;width:min(520px,calc(100vw - 32px));gap:8px;transform:translate(-50%);pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:center}.tactical-warning{justify-self:center;min-width:min(390px,100%);padding:9px 16px;border:1px solid rgb(248 113 113 / 84%);border-radius:4px;color:#fecaca;background:linear-gradient(90deg,transparent,rgb(127 29 29 / 52%) 18%,rgb(2 6 23 / 64%) 50%,rgb(127 29 29 / 52%) 82%,transparent);box-shadow:inset 0 0 18px #f8717124,0 0 24px #f871712e;font-size:clamp(.9rem,1.6vw,1.12rem);font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 16px rgb(248 113 113 / 72%);animation:tactical-warning-pulse .52s ease-in-out infinite alternate}.tactical-warning.safe{border-color:#67e8f9c7;color:#cffafe;background:linear-gradient(90deg,transparent,rgb(21 94 117 / 46%) 18%,rgb(2 6 23 / 58%) 50%,rgb(21 94 117 / 46%) 82%,transparent);box-shadow:inset 0 0 18px #67e8f924,0 0 24px #67e8f924;text-shadow:0 0 16px rgb(103 232 249 / 58%);animation:none}.tactical-warning.caution{border-color:#fbbf24d1;color:#fde68a;background:linear-gradient(90deg,transparent,rgb(146 64 14 / 46%) 18%,rgb(2 6 23 / 60%) 50%,rgb(146 64 14 / 46%) 82%,transparent);box-shadow:inset 0 0 18px #fbbf2424,0 0 24px #fbbf2429;text-shadow:0 0 16px rgb(251 191 36 / 58%);animation:none}.missile-direction{--missile-bearing: 0rad;justify-self:center;display:inline-flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid rgb(248 113 113 / 72%);border-radius:4px;color:#fecaca;background:#020617b8;box-shadow:inset 0 0 14px #f8717129,0 0 22px #f8717129;font-size:.86rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 14px rgb(248 113 113 / 64%)}.missile-direction i{position:relative;width:30px;height:30px;border:1px solid rgb(254 202 202 / 54%);border-radius:50%;background:radial-gradient(circle at center,rgb(248 113 113 / 16%) 0 18%,transparent 20%);transform:rotate(var(--missile-bearing))}.missile-direction i:before{position:absolute;left:50%;top:3px;width:0;height:0;border-right:5px solid transparent;border-bottom:13px solid #fecaca;border-left:5px solid transparent;content:"";transform:translate(-50%);filter:drop-shadow(0 0 8px rgb(248 113 113 / 72%))}.aim-overlay{--reticle-color: rgb(2 6 23 / 88%);--reticle-contrast: rgb(255 255 255 / 42%);--reticle-glow: rgb(255 255 255 / 18%);--reticle-x: 50%;--reticle-y: 50%;--lead-x: 50%;--lead-y: 50%;--lead-size: 30px;position:fixed;inset:0;opacity:0;pointer-events:none;transition:opacity .12s ease}.aim-overlay[data-visible=true]{opacity:1}.reticle{position:fixed;left:var(--reticle-x, 50%);top:var(--reticle-y, 50%);width:36px;height:36px;transform:translate(-50%,-50%)}.reticle span{position:absolute;background:var(--reticle-color);box-shadow:0 0 0 1px var(--reticle-contrast),0 0 8px var(--reticle-glow)}.reticle span:nth-child(1),.reticle span:nth-child(2){top:50%;width:11px;height:2px;transform:translateY(-50%)}.reticle span:nth-child(1){left:0}.reticle span:nth-child(2){right:0}.reticle span:nth-child(3),.reticle span:nth-child(4){left:50%;width:2px;height:11px;transform:translate(-50%)}.reticle span:nth-child(3){top:0}.reticle span:nth-child(4){bottom:0}.reticle b{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%);color:var(--reticle-color);font-size:.72rem;font-weight:800;font-style:normal;letter-spacing:.08em;text-shadow:0 0 12px var(--reticle-glow);white-space:nowrap}.lead-pip{position:fixed;left:var(--lead-x, 50%);top:var(--lead-y, 50%);width:var(--lead-size, 30px);height:var(--lead-size, 30px);border:1px solid rgb(253 224 71 / 86%);border-radius:50%;opacity:0;transform:translate(-50%,-50%);box-shadow:0 0 12px #fde0475c,inset 0 0 10px #fde0472e}.lead-pip span{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;transform:translate(-50%,-50%);background:#fef08a;box-shadow:0 0 10px #fde047b3}.lead-pip:after{content:"LEAD";position:absolute;left:50%;top:calc(100% + 4px);transform:translate(-50%);color:#fef08a;font-size:.58rem;font-weight:900;letter-spacing:.08em;text-shadow:0 0 10px rgb(253 224 71 / 54%)}.aim-overlay[data-lead-visible=true] .lead-pip{opacity:1}.mouse-aim{position:fixed;left:var(--mouse-aim-x, 50%);top:var(--mouse-aim-y, 50%);width:46px;height:46px;opacity:.9;transform:translate(-50%,-50%)}.mouse-aim span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mouse-aim-ring{width:38px;height:38px;border:2px solid rgb(2 6 23 / 72%);border-radius:50%;box-shadow:0 0 0 1px #ffffff57,0 0 10px #ffffff2e,inset 0 0 0 1px #ffffff2e}.mouse-aim-center{width:3px;height:3px;border-radius:50%;background:#020617d6;box-shadow:0 0 0 1px #ffffff5c,0 0 7px #ffffff38}.mouse-aim-tick{opacity:var(--mouse-turn-opacity, 0);background:#020617d6;box-shadow:0 0 0 1px #ffffff5c,0 0 8px #ffffff29}.mouse-aim-tick-top,.mouse-aim-tick-bottom{width:2px;height:11px}.mouse-aim-tick-right,.mouse-aim-tick-left{width:11px;height:2px}.mouse-aim-tick-top{transform:translate(-50%,calc(-50% - var(--mouse-turn-offset, 3px)))}.mouse-aim-tick-right{transform:translate(calc(-50% + var(--mouse-turn-offset, 3px)),-50%)}.mouse-aim-tick-bottom{transform:translate(-50%,calc(-50% + var(--mouse-turn-offset, 3px)))}.mouse-aim-tick-left{transform:translate(calc(-50% - var(--mouse-turn-offset, 3px)),-50%)}.target-overlay{position:fixed;inset:0;z-index:5;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.target-label{--target-color: rgb(248 113 113 / 92%);--target-glow: rgb(248 113 113 / 38%);--target-screen-x: 50%;--target-screen-y: 50%;--target-opacity: 1;--travel-angle: 0rad;--travel-width: 0px;position:fixed;left:var(--target-screen-x);top:var(--target-screen-y);width:84px;height:84px;opacity:0;transform:translate(-50%,-50%);color:var(--target-color);font-weight:900;letter-spacing:.04em;text-shadow:0 0 10px var(--target-glow);transition:opacity 90ms linear}.target-label[data-visible=true]{opacity:var(--target-opacity)}.target-label[data-lock-state=locking]{--target-color: rgb(253 224 71 / 94%);--target-glow: rgb(253 224 71 / 42%)}.target-label[data-lock-state=locked]{--target-color: rgb(134 239 172 / 96%);--target-glow: rgb(134 239 172 / 50%)}.target-label-copy{position:absolute;left:50%;bottom:calc(100% + 8px);display:grid;justify-items:center;gap:3px;min-width:112px;transform:translate(-50%)}.target-label-copy strong,.target-label-copy span,.target-label-copy em{max-width:190px;overflow:hidden;color:var(--target-color);font-style:normal;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.target-label-copy strong{font-size:.72rem}.target-label-copy span{font-size:.66rem}.target-label-copy em{display:none;font-size:.62rem}.target-label[data-lock-state=locking] .target-label-copy em,.target-label[data-lock-state=locked] .target-label-copy em{display:block}.target-lock-box{position:absolute;inset:0;opacity:0}.target-label[data-lock-state=locking] .target-lock-box,.target-label[data-lock-state=locked] .target-lock-box{opacity:1}.target-lock-box i{position:absolute;width:23px;height:23px;border-color:var(--target-color);filter:drop-shadow(0 0 9px var(--target-glow))}.target-lock-box i:nth-child(1){left:0;top:0;border-left:2px solid;border-top:2px solid}.target-lock-box i:nth-child(2){right:0;top:0;border-right:2px solid;border-top:2px solid}.target-lock-box i:nth-child(3){right:0;bottom:0;border-right:2px solid;border-bottom:2px solid}.target-lock-box i:nth-child(4){left:0;bottom:0;border-left:2px solid;border-bottom:2px solid}.target-lock-box b{position:absolute;left:50%;bottom:-12px;width:calc(100% * var(--target-progress, 0));height:3px;background:var(--target-color);box-shadow:0 0 10px var(--target-glow);transform:translate(-50%)}.target-travel-vector{position:absolute;left:50%;top:50%;display:none;width:var(--travel-width);height:2px;background:var(--target-color);box-shadow:0 0 10px var(--target-glow);transform:translate(8px,-50%) rotate(var(--travel-angle));transform-origin:0 50%}.target-travel-vector:after{position:absolute;right:-1px;top:50%;width:7px;height:7px;border-right:2px solid var(--target-color);border-top:2px solid var(--target-color);content:"";transform:translateY(-50%) rotate(45deg)}.target-label[data-lock-state=locking] .target-travel-vector,.target-label[data-lock-state=locked] .target-travel-vector{display:block}.combat-feedback{position:fixed;inset:0;pointer-events:none;z-index:6}.combat-message-stack{position:fixed;left:50%;top:calc(50% + 72px);display:grid;justify-items:center;gap:6px;transform:translate(-50%)}.combat-message{min-width:112px;padding:5px 12px;border:1px solid rgb(255 255 255 / 40%);border-radius:4px;background:#0206177a;font-size:.74rem;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase;animation:combat-message 1.1s ease-out forwards}.combat-message.hit{border-color:#fde04799;color:#fef08a;text-shadow:0 0 14px rgb(253 224 71 / 48%)}.combat-message.kill,.combat-message.damage{border-color:#f87171b8;color:#fecaca;background:#7f1d1d70;text-shadow:0 0 16px rgb(248 113 113 / 58%)}.damage-flash{position:fixed;inset:0;color:#fecaca;background:radial-gradient(circle at center,transparent 42%,rgb(127 29 29 / 42%) 100%),#7f1d1d1a;animation:damage-flash 1.1s ease-out forwards}@keyframes combat-message{0%{opacity:0;transform:translateY(8px) scale(.92)}18%{opacity:1;transform:translateY(0) scale(1.05)}to{opacity:0;transform:translateY(-18px) scale(1)}}@keyframes damage-flash{0%{opacity:0}16%{opacity:1}to{opacity:0}}@keyframes threat-pulse{0%{opacity:.72}to{opacity:1}}@keyframes tactical-warning-pulse{0%{opacity:.76;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.radar{position:fixed;right:18px;bottom:18px;width:128px;height:128px;border:1px solid rgb(139 233 255 / 30%);border-radius:50%;background:radial-gradient(circle,transparent 58%,rgb(139 233 255 / 10%) 59%,transparent 61%),linear-gradient(rgb(139 233 255 / 14%) 1px,transparent 1px),linear-gradient(90deg,rgb(139 233 255 / 14%) 1px,transparent 1px),#041c2794;background-size:100% 100%,50% 50%,50% 50%,100% 100%;backdrop-filter:blur(14px);box-shadow:inset 0 0 28px #8be9ff1a,0 0 20px #02061747}.radar:before{content:"";position:absolute;left:50%;top:7px;width:0;height:0;transform:translate(-50%);border-right:5px solid transparent;border-bottom:9px solid rgb(139 233 255 / 78%);border-left:5px solid transparent}.radar b{position:absolute;inset:12px;border:1px solid rgb(139 233 255 / 16%);border-radius:50%}.radar i{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y)));background:var(--pilot)}.radar i.self{width:10px;height:10px;background:var(--hud-cyan);clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%)}.radar i.enemy{box-shadow:0 0 0 4px #f8717133,0 0 12px #f871713d}.scoreboard{position:fixed;top:18px;right:18px;width:min(390px,calc(100vw - 36px));padding:10px;border:1px solid rgb(139 233 255 / 24%);border-radius:8px;color:#e2f8ff;background:linear-gradient(180deg,#081a2dd6,#020617bd);backdrop-filter:blur(14px);box-shadow:inset 0 0 22px #8be9ff12,0 16px 48px #00000038;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.scoreboard-title,.final-scores div{display:grid;align-items:center;gap:8px;min-height:30px}.scoreboard-title{grid-template-columns:1fr auto;padding:2px 4px 8px;border-bottom:1px solid rgb(139 233 255 / 18%);font-size:.82rem;letter-spacing:.05em;text-transform:uppercase}.scoreboard-title span{color:#bef2ffb8;font-size:.72rem}.scoreboard-grid{display:grid;gap:4px;padding-top:8px}.scoreboard-row{display:grid;grid-template-columns:14px minmax(0,1fr) 38px 38px 64px;align-items:center;gap:8px;min-height:32px;padding:0 8px}.scoreboard-row:not(.scoreboard-head){border:1px solid rgb(139 233 255 / 10%);border-radius:6px;background:#081a2d70}.scoreboard-row strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scoreboard-row em{color:#f8fafc;font-style:normal;font-variant-numeric:tabular-nums;text-align:right}.scoreboard-head{min-height:22px;color:#bef2ffbd;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase}.scoreboard-head span{text-align:right}.scoreboard-head span:first-child,.scoreboard-head span:nth-child(2){text-align:left}.scoreboard-status,.player-list span,.final-scores span{width:10px;height:10px;border-radius:50%;background:var(--pilot)}.scoreboard-status{box-shadow:0 0 0 3px #ffffff12,0 0 12px color-mix(in srgb,var(--pilot),transparent 60%)}.scoreboard-status.dead{opacity:.42;box-shadow:none}.scoreboard-status.lobby{opacity:.72}.overlay{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:linear-gradient(180deg,#07111f47,#07111f94)}.panel{width:min(480px,100%);border:1px solid rgb(255 255 255 / 14%);border-radius:8px;padding:20px;background:#020617b8;backdrop-filter:blur(18px);box-shadow:0 28px 90px #00000057}.panel.compact{width:min(420px,100%)}.brand-row,.room-code,.lobby-actions,.join-row{display:flex;align-items:center;gap:10px}.brand-row,.room-code{justify-content:space-between}h1,h2{margin:0;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.05}.brand-row span,.room-code span,.pilot-card label,.status-line,.player-list em,.final-scores em{color:#cbd5e1;font-size:.82rem;font-style:normal}.player-list em.ready{color:#86efac}.pilot-card,.room-grid,.room-card{display:grid;gap:12px;margin-top:18px}.join-row input{text-transform:uppercase}.lobby-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.player-list{display:grid;gap:8px;list-style:none;margin:0;padding:0}.player-list li{display:grid;grid-template-columns:12px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:34px;padding:0 2px}.player-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-list-action{min-width:58px;min-height:26px;padding:0 8px;font-size:.72rem}i.player-list-action{visibility:hidden}.status-line{min-height:20px;margin:14px 0 0}.final-scores{display:grid;gap:6px;margin:18px 0}.final-scores div{grid-template-columns:18px 1fr auto}.hidden{display:none!important}@media(max-width:680px){.hud{inset:12px 12px auto;width:auto}.radar{width:106px;height:106px;right:12px;bottom:12px}.heading-tape{top:152px}.annunciators{top:194px}.hud-scale-left{left:14px}.hud-scale-right{right:14px}.lobby-actions,.join-row{grid-template-columns:1fr;display:grid}}