:root{color-scheme:dark;--bg: rgba(10, 12, 16, .9);--panel: rgba(20, 24, 32, .95);--border: rgba(255, 255, 255, .1);--text: #eef2f8;--muted: #9aa6b8;--accent: #5b9dff;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--text)}#app{position:absolute;top:0;right:0;bottom:0;left:0}#app canvas{display:block;width:100%;height:100%}#cornerHud{position:absolute;top:12px;left:12px;width:min(280px,calc(100vw - 24px));display:flex;flex-direction:column;gap:8px;z-index:10;pointer-events:none}#cornerHud .corner-card,#cornerHud .hud-fab{pointer-events:auto}.corner-card{background:#0c1018b8;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 28px #00000059}.corner-card label{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:5px}.hud-fab{align-self:flex-start;border:1px solid rgba(255,255,255,.16);background:#141c2ad9;color:var(--text);border-radius:999px;padding:7px 14px;font-size:.78rem;font-weight:600;cursor:pointer;letter-spacing:.02em}.hud-fab:hover{background:#283852f2;border-color:#78aaff73}#hud.hud-menu{position:absolute;top:12px;left:12px;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:14px;z-index:12;box-shadow:0 12px 40px #00000073;transition:opacity .15s ease,transform .15s ease}body.hud-collapsed #hud.hud-menu{opacity:0;pointer-events:none;transform:translate(-12px);visibility:hidden}body:not(.hud-collapsed) #openHudBtn{visibility:hidden;pointer-events:none}body:not(.hud-collapsed) #hud.hud-menu{left:calc(22px + min(280px,calc(100vw - 24px)));width:min(340px,calc(100vw - min(280px,calc(100vw - 24px)) - 34px))}@media(max-width:720px){body:not(.hud-collapsed) #hud.hud-menu{left:12px;top:auto;bottom:12px;width:min(360px,calc(100vw - 24px));max-height:min(52vh,calc(100vh - 24px))}}.hud-menu-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:4px}.hud-menu-header h1{margin:0;font-size:1.1rem}.hud-close{flex:0 0 auto;width:34px;height:34px;padding:0;border-radius:10px;border:1px solid var(--border);background:#1a2230;color:var(--text);font-size:1.35rem;line-height:1;cursor:pointer}.hud-close:hover{background:#2a3548;border-color:#ff787873}header h1{margin:0;font-size:1.1rem}header .sub,.hud-menu-header .sub{margin:4px 0 12px;color:var(--muted);font-size:.82rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px;margin-bottom:10px}.panel label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px}select{width:100%;border-radius:8px;border:1px solid var(--border);background:#0d1016;color:var(--text);padding:8px 10px;font-size:.9rem}input{border-radius:8px;border:1px solid var(--border);background:#0d1016;color:var(--text);padding:10px 12px;font:inherit}button{border:1px solid var(--border);background:#1a2230;color:var(--text);border-radius:8px;padding:8px 10px;cursor:pointer;font-size:.85rem}button.full{width:100%;margin-top:8px;background:linear-gradient(180deg,#2a5fff,#1a3fbf);border-color:transparent;font-weight:600}button.full.secondary{background:#243044;border:1px solid var(--border)}.hint{margin:8px 0 0;font-size:.78rem;line-height:1.4;color:var(--muted)}kbd{background:#0d1016;border:1px solid var(--border);border-radius:4px;padding:0 4px;font-size:.72rem}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.versus-row,.score-line{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.versus-row div{display:grid;gap:2px}.versus-row span,.score-line{color:var(--muted);font-size:.68rem}.versus-row strong{font-size:.84rem}.align-right{text-align:right}.health-line{height:7px;background:#090b10;overflow:hidden;border-radius:8px;margin-top:8px}.health-fill{height:100%;width:100%;transition:width .18s ease}.health-fill.local{background:linear-gradient(90deg,#4dd884,#d5ff7d)}.health-fill.remote{background:linear-gradient(90deg,#ffbe55,#ff4d58);margin-left:auto}.score-line{margin-top:7px}.combat-roster{display:grid;gap:4px;margin-top:9px}.roster-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;font-size:.66rem;color:var(--muted)}.roster-row strong{color:#eef4ff;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-row.dead{opacity:.46}.team-dot{width:7px;height:7px;border-radius:50%;background:#ff685d;box-shadow:0 0 5px currentColor}.team-dot.blue{color:#55c7ff;background:#55c7ff}.team-dot.gold{color:#ffd166;background:#ffd166}.lobby{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;place-items:center;background:radial-gradient(circle at 50% 35%,#172e528c,#020409e0)}.lobby.show{display:grid}.lobby-card{width:min(520px,calc(100vw - 32px));padding:28px;border-radius:20px;background:#0c1018f5;border:1px solid rgba(130,185,255,.25);box-shadow:0 28px 80px #000000a6}.lobby-card h2{margin:4px 0 8px;font-size:1.7rem}.eyebrow{margin:0;color:#69bfff;letter-spacing:.16em;font-size:.7rem;font-weight:700}.lobby-copy{color:var(--muted);font-size:.86rem;line-height:1.5}.lobby-card label{display:block;color:var(--muted);font-size:.72rem;margin:0 0 6px}.lobby-card button.large{width:100%;padding:11px;margin-top:10px}.primary{background:linear-gradient(180deg,#2878ec,#1646a9);border-color:#4d94ff}.mode-picker{border:0;padding:0;margin:20px 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.mode-picker legend{color:var(--muted);font-size:.72rem;margin-bottom:7px}.mode-option{position:relative;display:grid!important;grid-template-columns:1fr auto;gap:8px;min-height:62px;padding:11px 12px;margin:0!important;border:1px solid var(--border);border-radius:11px;background:#070b12b8;cursor:pointer}.mode-option input{position:absolute;opacity:0;pointer-events:none}.mode-option span{display:grid;gap:4px}.mode-option strong{color:#f4f7ff;font-size:.8rem}.mode-option small{color:var(--muted);font-size:.64rem;line-height:1.3}.mode-option>b{align-self:center;color:#82c7ff;font-size:.67rem}.mode-option:has(input:checked){border-color:#4d94ff;background:linear-gradient(145deg,#2770d84d,#0d1930d1);box-shadow:inset 0 0 0 1px #5ba4ff33}.lobby-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px}.join-note{margin:8px 0 0;color:#738199;font-size:.65rem;text-align:center}.divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--muted);font-size:.72rem}.divider:before,.divider:after{content:"";height:1px;background:var(--border);flex:1}.join-row{display:grid;grid-template-columns:1fr auto;gap:8px}.join-row input{text-transform:uppercase;letter-spacing:.18em;font-weight:700}.lobby-message{min-height:18px;color:#8ecaff;font-size:.78rem}.quiet{width:100%;background:transparent;color:var(--muted);border:0}.waiting-room{position:fixed;z-index:38;left:50%;top:10%;transform:translate(-50%);width:min(390px,calc(100vw - 28px));padding:22px;border-radius:18px;text-align:center;background:#090e18f0;border:1px solid rgba(106,181,255,.35);box-shadow:0 24px 70px #0000008c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.waiting-room[hidden]{display:none}.waiting-room h2{margin:5px 0 14px;font-size:1.25rem}.waiting-code-label{margin:0;color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.13em}.room-code{margin:7px auto 14px;padding:7px 13px;border:0;background:transparent;color:#fff;font-size:1.45rem;font-weight:800;letter-spacing:.24em;text-shadow:0 0 18px rgba(88,177,255,.7)}.waiting-roster{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 12px;text-align:left}.waiting-slot{min-height:44px;padding:8px 10px;border-radius:9px;background:#ffffff0b;border:1px solid rgba(255,255,255,.07);display:grid;gap:3px}.waiting-slot strong{font-size:.72rem}.waiting-slot span{font-size:.62rem;color:var(--muted)}.waiting-slot.empty{border-style:dashed;opacity:.62;place-content:center}.round-banner{position:fixed;left:50%;top:20%;transform:translate(-50%);z-index:35;padding:14px 22px;border-radius:12px;background:#060a12e6;border:1px solid rgba(105,191,255,.45);font-weight:700;font-size:1.15rem}@media(max-width:720px){#hud.hud-menu,#cornerHud{width:min(300px,calc(100vw - 24px))}.mode-picker,.lobby-settings{grid-template-columns:1fr}.lobby-card{max-height:calc(100vh - 20px);overflow-y:auto;padding:20px}}.stats div{background:#0d1016;border-radius:8px;padding:8px}.stats span{display:block;font-size:.68rem;color:var(--muted)}.stats strong{font-size:.88rem}.honesty h2{margin:0 0 8px;font-size:.9rem}.honesty ul{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.78rem;line-height:1.45}.honesty strong{color:#d7e0ee}#crosshair{position:fixed;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;pointer-events:none;z-index:20;opacity:0;filter:drop-shadow(0 0 2px rgba(0,0,0,.95));background:radial-gradient(circle,#ffffff 0 1.5px,transparent 1.8px);transition:transform 80ms ease,filter 80ms ease}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#f5fbfff5;border-radius:2px}#crosshair:before{left:0;top:11px;width:7px;height:2px;box-shadow:17px 0 #f5fbfff5}#crosshair:after{left:11px;top:0;width:2px;height:7px;box-shadow:0 17px #f5fbfff5}body.pointer-locked #crosshair{opacity:1}body.precision-aim #crosshair{transform:scale(.84);filter:drop-shadow(0 0 3px rgba(0,0,0,.98)) drop-shadow(0 0 4px rgba(170,222,255,.52))}body.missile-ads:not(.precision-aim) #crosshair{transform:scale(.9);filter:drop-shadow(0 0 2px rgba(0,0,0,.95)) drop-shadow(0 0 3px rgba(255,140,90,.45))}body.precision-aim #crosshair:before{left:2px;width:6px;box-shadow:14px 0 #f5fbfff5}body.precision-aim #crosshair:after{top:2px;height:6px;box-shadow:0 14px #f5fbfff5}body.target-acquired #crosshair{background:radial-gradient(circle,#ff3a48 0 1.8px,transparent 2.1px);filter:drop-shadow(0 0 3px rgba(0,0,0,.95)) drop-shadow(0 0 5px rgba(255,38,55,.95))}body.target-acquired #crosshair:before,body.target-acquired #crosshair:after{background:#ff303efa}body.target-acquired #crosshair:before{box-shadow:17px 0 #ff303efa}body.target-acquired #crosshair:after{box-shadow:0 17px #ff303efa}body.precision-aim.target-acquired #crosshair:before{box-shadow:14px 0 #ff303efa}body.precision-aim.target-acquired #crosshair:after{box-shadow:0 14px #ff303efa}body.confirmed-hit #crosshair{transform:scale(1.18);filter:drop-shadow(0 0 5px #7effab)}.player-markers{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;pointer-events:none;overflow:hidden}.player-marker{position:absolute;left:0;top:0;transform:translate3d(-100px,-100px,0);will-change:transform;padding:3px 6px;border-radius:999px;color:#aee8ff;background:#071928c2;border:1px solid rgba(85,199,255,.72);box-shadow:0 0 10px #55c7ff42;font-size:.58rem;font-weight:800;letter-spacing:.08em}#damageNumbers{position:fixed;top:0;right:0;bottom:0;left:0;z-index:33;overflow:hidden;pointer-events:none}.damage-number{position:absolute;min-width:34px;color:#fff4d3;font-size:clamp(1.05rem,2vw,1.42rem);font-weight:900;line-height:1;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.02em;opacity:0;transform:translate(-50%,-50%) scale(.72);text-shadow:0 2px 3px rgba(0,0,0,.95),0 0 7px rgba(255,135,37,.72);will-change:transform,opacity}.damage-number.mitigated{color:#bdeaff;text-shadow:0 2px 3px rgba(0,0,0,.95),0 0 7px rgba(71,194,255,.78)}.damage-number.show{animation:damage-number-rise .9s cubic-bezier(.16,.78,.25,1) both}@keyframes damage-number-rise{0%{opacity:0;transform:translate(-50%,-42%) scale(.72)}14%{opacity:1;transform:translate(-50%,-58%) scale(1.14)}62%{opacity:.96;transform:translate(-50%,-105%) scale(1)}to{opacity:0;transform:translate(-50%,-155%) scale(.92)}}body.damage-flash:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:34;box-shadow:inset 0 0 115px 32px #ff202cad;animation:damage-vignette .36s ease-out both}body.damage-flash:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:35;background:radial-gradient(circle at 9% 22%,rgba(150,0,15,.78) 0 5px,transparent 7px),radial-gradient(circle at 16% 78%,rgba(190,0,22,.62) 0 8px,transparent 11px),radial-gradient(circle at 88% 30%,rgba(165,0,18,.72) 0 6px,transparent 9px),radial-gradient(circle at 80% 86%,rgba(130,0,12,.58) 0 10px,transparent 14px);animation:damage-spatter .36s ease-out both}@keyframes damage-vignette{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes damage-spatter{0%{opacity:0;transform:scale(.96)}20%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}body.round-winner .round-banner{border-color:#7effabcc;box-shadow:0 0 30px #4cdc8947}body.round-defeated .round-banner{border-color:#ff4e59cc;box-shadow:0 0 30px #ff304140}#loader{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(320px,80vw);background:#000000d9;border:1px solid var(--border);border-radius:12px;padding:16px;z-index:20;text-align:center;display:none}#loader.show{display:block}#loader .bar{height:6px;border-radius:4px;background:linear-gradient(90deg,#2a5fff,#5b9dff);width:10%;margin-bottom:10px;transition:width .15s ease}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:#000000e0;border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:10px;z-index:30;font-size:.9rem;max-width:min(480px,92vw);text-align:center}.fuel-bar{height:12px;border-radius:8px;background:#0d1016;border:1px solid var(--border);overflow:hidden}.fuel-fill{height:100%;width:100%;background:linear-gradient(90deg,#0a6b8f,#66e0ff 55%,#fff6a8);box-shadow:0 0 12px #66e0ff80;transition:width .1s linear}.fuel-row{display:flex;justify-content:space-between;margin-top:6px;font-size:.85rem}.fuel-row .muted{color:var(--muted);font-size:.75rem}.fuel-fill.charge{background:linear-gradient(90deg,#1a237e,#42a5f5 50%,#e3f2fd)}.ultimate-panel{border-color:#ffd35d57;background:linear-gradient(145deg,#241f12f0,#0d1823f0)}.ultimate-heading,.ultimate-text{display:flex;align-items:center;justify-content:space-between}.ultimate-heading span{color:#ffd96a;font-size:.7rem;letter-spacing:.13em}.ultimate-bar{height:8px;margin:9px 0 7px;overflow:hidden;border-radius:999px;background:#ffffff1a}.ultimate-fill{width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,#42d8ff,#fff6a1,#ffc83d);box-shadow:0 0 14px #ffd659b3;transition:width 90ms linear}.ultimate-text{min-height:1.2em;color:#ffeaa8;font-size:.73rem;letter-spacing:.055em}body.ultimate-active .ultimate-panel{animation:ultimatePulse .82s ease-in-out infinite alternate}@keyframes ultimatePulse{0%{box-shadow:inset 0 0 #60e1ff00,0 0 #ffd55c00}to{box-shadow:inset 0 0 18px #60e1ff1f,0 0 18px #ffd55c21}}.ability-list{margin:0;padding-left:0;list-style:none;font-size:.78rem;color:var(--muted);line-height:1.35}.ability-list li{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.ability-list strong{color:var(--text)}.ability-list .bind{color:var(--accent);font-size:.72rem}.ability-list .desc{font-size:.72rem}