:root{--slate:#12161f;--slate-deep:#0b0e14;--steel:#9aa7bd;--paper:#e8edf6;--signal:#ff8a3c;--signal-deep:#e2601c;--frost:#6fd3e8;--threat:#ff4f5e;--chip:#0e121bdb;--edge:#9aa7bd47;--shadow:0 6px 24px #04060c8c;--radius:10px;font-family:Avenir Next Condensed,Arial Narrow,ui-rounded,SF Pro Rounded,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--slate-deep);height:100%;overflow:hidden}#app{position:fixed;inset:0}#game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}#hud{pointer-events:none;color:var(--paper);position:absolute;inset:0}#damage-vignette{opacity:0;background:radial-gradient(#0000 46%,#e22e428c 100%);position:absolute;inset:0}#hud.low-hp #damage-vignette{animation:1.1s ease-in-out infinite lowhp}@keyframes lowhp{0%,to{opacity:.22}50%{opacity:.5}}#crosshair{background:radial-gradient(circle, var(--signal) 0 1.6px, transparent 2.4px);filter:drop-shadow(0 0 2px #000000e6);width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%}#crosshair:before,#crosshair:after{content:"";position:absolute}#crosshair:before{background:linear-gradient(180deg, var(--paper) 0 7px, transparent 7px 15px, var(--paper) 15px 22px);width:2px;height:22px;top:0;left:10px}#crosshair:after{background:linear-gradient(90deg, var(--paper) 0 7px, transparent 7px 15px, var(--paper) 15px 22px);width:22px;height:2px;top:10px;left:0}#hud.player-down #crosshair{display:none}#hitmarker{opacity:0;width:26px;height:26px;margin:-13px 0 0 -13px;transition:opacity 90ms;position:absolute;top:50%;left:50%}#hitmarker:before,#hitmarker:after{content:"";background:var(--paper);width:2px;height:26px;position:absolute;top:0;left:12px;box-shadow:0 0 3px #000}#hitmarker:before{transform:rotate(45deg)}#hitmarker:after{transform:rotate(-45deg)}#hitmarker.kill:before,#hitmarker.kill:after{background:var(--threat)}#match-status{background:var(--chip);border:1px solid var(--edge);box-shadow:var(--shadow);letter-spacing:.06em;border-top-color:#ff8a3c80;border-radius:999px;align-items:baseline;gap:14px;padding:7px 18px;font-weight:800;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}#frag-line{font-size:15px}#match-clock{color:var(--signal);font-variant-numeric:tabular-nums;font-size:15px}#match-clock.closing{color:var(--threat)}#match-goal{text-transform:uppercase;opacity:.6;font-size:11px}#killfeed{letter-spacing:.04em;flex-direction:column;align-items:flex-end;gap:5px;font-size:13px;font-weight:700;display:flex;position:absolute;top:14px;right:14px}#killfeed .feed-entry{background:var(--chip);border:1px solid var(--edge);box-shadow:var(--shadow);border-radius:7px;padding:4px 10px;animation:4.2s forwards feedfade}#killfeed .feed-entry .you{color:var(--frost)}#killfeed .feed-entry .bot{color:var(--signal)}#killfeed .feed-entry .hs{color:var(--threat);font-size:11px}@keyframes feedfade{0%{opacity:0;transform:translate(10px)}6%,82%{opacity:1;transform:none}to{opacity:0}}#health-panel{background:var(--chip);border:1px solid var(--edge);border-radius:var(--radius);border-left:4px solid var(--frost);box-shadow:var(--shadow);flex-direction:column;gap:3px;min-width:252px;padding:8px 16px 10px;display:flex;position:absolute;bottom:14px;left:16px}#health-panel .panel-label{letter-spacing:.22em;text-transform:uppercase;color:var(--steel);font-size:11px;font-weight:800}#health-panel .health-row{align-items:center;gap:12px;display:flex}#health-num{font-variant-numeric:tabular-nums;text-shadow:0 2px 10px #000000b3;min-width:78px;font-size:44px;font-weight:800;line-height:1}.health-bar{background:#9aa7bd2e;border-radius:5px;flex:1;height:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}#health-fill{background:linear-gradient(#8fe3a8,#4dbd72);border-radius:4px;width:100%;transition:width .12s;position:absolute;inset:0}.health-bar:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0b0e148c 0 1px,#0000 1px 10%);position:absolute;inset:0}#health-panel.hurt{border-left-color:var(--signal);border-color:#ff8a3c8c}#health-panel.hurt #health-num{color:var(--signal)}#health-fill.hurt{background:linear-gradient(#ffb066,#e2601c)}#health-panel.critical{border-left-color:var(--threat);box-shadow:var(--shadow), 0 0 26px #e02e4273;background:#340c12e6;border-color:#ff4f5ebf}#health-panel.critical #health-num,#health-panel.critical .panel-label{color:var(--threat)}#health-fill.critical{background:linear-gradient(#ff7a86,#e02e42)}#hud.low-hp #health-panel{animation:1.1s ease-in-out infinite hp-alarm}@keyframes hp-alarm{0%,to{box-shadow:var(--shadow), 0 0 18px #e02e4259}50%{box-shadow:var(--shadow), 0 0 40px #ff4f5ed9}}#ammo-panel{text-align:right;background:var(--chip);border:1px solid var(--edge);border-radius:var(--radius);border-right:3px solid var(--signal);box-shadow:var(--shadow);padding:9px 14px;position:absolute;bottom:14px;right:16px}#weapon-name{letter-spacing:.18em;text-transform:uppercase;color:var(--signal);font-size:11px;font-weight:800;display:block}#ammo-count{font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}#ammo-count small{opacity:.65;font-size:13px}#ammo-count.dry{color:var(--threat)}#ammo-note{color:var(--frost);font-size:11px;font-weight:700;display:block}#scoreboard{background:var(--chip);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow);min-width:300px;padding:14px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#scoreboard h3{text-transform:uppercase;letter-spacing:.2em;color:var(--steel);margin-bottom:8px;font-size:11px}#scoreboard table{border-collapse:collapse;width:100%;font-size:14px;font-weight:700}#scoreboard td{padding:4px 8px}#scoreboard td:nth-child(2),#scoreboard td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}#scoreboard tr.you td{color:var(--frost)}#scoreboard tr.lead td:first-child:after{content:" ◆";color:var(--signal)}#scoreboard .sb-hint{text-transform:uppercase;letter-spacing:.14em;opacity:.45;text-align:center;margin-top:8px;font-size:10px}#respawn-overlay{text-align:center;background:#0b0e1499;place-items:center;display:grid;position:absolute;inset:0}#respawn-overlay b{letter-spacing:.08em;color:var(--threat);text-shadow:0 2px 12px #000;font-size:30px;font-weight:800;display:block}#respawn-overlay span{color:var(--paper);opacity:.85;margin-top:8px;font-size:15px;font-weight:700;display:block}#toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:148px;left:50%;transform:translate(-50%)}#toasts .toast{background:var(--chip);border:1px solid var(--edge);box-shadow:var(--shadow);letter-spacing:.05em;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:700;animation:2.8s forwards toastfade}@keyframes toastfade{0%{opacity:0;transform:translateY(8px)}10%,80%{opacity:1;transform:none}to{opacity:0}}#hint-bar{white-space:nowrap;letter-spacing:.05em;color:var(--steel);text-shadow:0 1px 3px #000;font-size:11px;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}#hint-bar b{color:var(--paper)}#challenge-banner{z-index:4;color:var(--paper);letter-spacing:.04em;box-shadow:var(--shadow);pointer-events:none;text-align:center;background:linear-gradient(#ff8a3c29,#ff8a3c14);border:1px solid #ff8a3c8c;border-radius:999px;padding:7px 18px;font-size:13px;font-weight:700;position:absolute;top:58px;left:50%;transform:translate(-50%)}#challenge-banner b{color:var(--signal)}#ui-root .veil{z-index:6;backdrop-filter:blur(3px);background:#07090eb8;place-items:center;padding:20px 12px;display:grid;position:absolute;inset:0;overflow-y:auto}body:has(#ui-root .veil) #hud *,#app[data-paused] #hud *{animation-play-state:paused!important}#ui-root .panel{border:1px solid var(--edge);box-shadow:var(--shadow);color:var(--paper);text-align:center;background:linear-gradient(#171c28,#10141d);border-radius:16px;width:min(560px,94vw);max-height:100%;padding:30px 28px 26px;position:relative;overflow:hidden auto}#ui-root .panel>.btn.primary{z-index:2;position:sticky;bottom:0;box-shadow:0 -6px 16px 10px #10141d}#ui-root .panel>:has(>.btn.primary){z-index:2;background:#10141d;padding-top:6px;position:sticky;bottom:0;box-shadow:0 -6px 16px 10px #10141d}#ui-root .panel:before{content:"";opacity:.8;background:repeating-linear-gradient(-55deg, var(--signal) 0 10px, #0000 10px 22px);height:5px;position:absolute;inset:0 0 auto}#ui-root .panel:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#9aa7bd0b 0 1px,#0000 1px 28px),repeating-linear-gradient(90deg,#9aa7bd0b 0 1px,#0000 1px 28px);position:absolute;inset:0}.panel .sigil{filter:drop-shadow(0 2px 10px #ff8a3c4d);margin:2px auto 4px;display:block}.panel .title-logo{letter-spacing:.3em;margin-bottom:2px;font-size:54px;font-weight:800}.panel .title-logo .kry{color:var(--paper)}.panel .title-logo .ve{color:var(--signal)}.panel h2{letter-spacing:.08em;margin-bottom:8px;font-size:24px}.panel .sub{color:var(--steel);margin:6px 0 12px;font-size:14px;line-height:1.55}.panel .sub b{color:var(--paper)}.setup-row{align-items:center;gap:8px;margin:8px 0;display:flex}.setup-row .setup-label{text-align:right;text-transform:uppercase;letter-spacing:.12em;width:92px;color:var(--steel);flex:none;font-size:11px;font-weight:800}.setup-row .opts{flex:1;gap:6px;display:flex}.setup-row .opt{border:1px solid var(--edge);color:var(--paper);font:inherit;cursor:pointer;letter-spacing:.04em;background:#9aa7bd14;border-radius:8px;flex:1;padding:8px 0;font-size:13px;font-weight:800}.setup-row .opt.active{background:var(--signal);border-color:var(--signal);color:#16100a}.btn{border:1px solid var(--edge);color:var(--paper);font:inherit;letter-spacing:.08em;cursor:pointer;background:#9aa7bd1a;border-radius:10px;margin:6px 4px;padding:11px 22px;font-size:15px;font-weight:800;display:inline-block}.btn:hover{background:#9aa7bd33}.btn.primary{background:var(--signal);border-color:var(--signal);color:#16100a}.btn.primary:hover{background:#ffa05e}.btn.frost{color:var(--frost);background:#6fd3e824;border-color:#6fd3e880}.btn.warn{color:var(--threat);background:#ff4f5e1f;border-color:#ff4f5e73}.btn.small{padding:7px 14px;font-size:12px}.controls-table{border-collapse:collapse;text-align:left;margin:10px auto 4px;font-size:13px}.controls-table td{color:var(--steel);padding:3px 10px}.controls-table td:first-child{color:var(--signal);text-align:right;white-space:nowrap;font-weight:800}.report-headline{letter-spacing:.1em;margin:2px 0 4px;font-size:32px;font-weight:800}.report-headline.win{color:var(--signal)}.report-headline.loss{color:var(--threat)}.report-headline.draw{color:var(--steel)}.report-stats{color:var(--steel);letter-spacing:.06em;justify-content:center;gap:18px;margin:8px 0 4px;font-size:12px;font-weight:700;display:flex}.report-stats b{color:var(--paper);font-variant-numeric:tabular-nums;font-size:19px;display:block}.panel img.report-card{border:1px solid var(--edge);border-radius:10px;width:100%;margin:10px 0 6px}.report-table{border-collapse:collapse;width:100%;margin:6px 0;font-size:14px;font-weight:700}.report-table td{border-bottom:1px solid #9aa7bd1f;padding:4px 10px}.report-table td:nth-child(2),.report-table td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}.report-table tr.you td{color:var(--frost)}.report-table tr.winner td:first-child:after{content:" ◆";color:var(--signal)}#cross-promo{color:var(--paper);background:#6fd3e814;border:1px solid #6fd3e866;border-radius:10px;margin-top:14px;padding:12px 16px;font-size:14px;font-weight:700;text-decoration:none;display:block}#cross-promo:hover{background:#6fd3e829}#cross-promo small{color:var(--steel);margin-top:3px;font-size:12px;font-weight:600;display:block}#cross-promo b{color:var(--frost)}#boot-status{text-align:center;color:var(--steel);letter-spacing:.2em;text-transform:uppercase;font:700 14px Avenir Next Condensed,system-ui,sans-serif;position:fixed;inset:auto 0 40vh}