:root{color-scheme:dark;--hud-scale: 1.18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101820;color:#edf6ff}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#game{display:block;width:100%;height:100%}#game.dead{filter:grayscale(.85) brightness(.65);transition:filter .35s ease}.hidden{display:none!important}.overlay,.hud{position:fixed;z-index:5;pointer-events:none;color:#edf6ff;text-shadow:0 1px 12px rgba(0,0,0,.45)}.top-left{top:18px;left:18px}.top-right{top:18px;right:18px;text-align:right}.bottom-left{bottom:22px;left:22px;display:flex;gap:10px;transform:scale(var(--hud-scale));transform-origin:bottom left}.bottom-right{right:22px;bottom:22px;text-align:right;transform:scale(var(--hud-scale));transform-origin:bottom right}.brand{font-size:18px;font-weight:800}.combat-score{margin-top:8px;font-size:38px;font-weight:900;letter-spacing:.06em;color:#fff;text-shadow:0 0 18px rgba(114,214,255,.35)}.combat-score:before{content:"K / D  ";font-size:14px;font-weight:700;color:#72d6ff;letter-spacing:.12em}#status,#stats,#ping,#position{margin-top:4px;font-size:13px;color:#cce4f5}#stats{font-size:15px;font-weight:700;color:#fff}#killfeed{position:fixed;top:130px;left:18px;z-index:5;display:flex;flex-direction:column;gap:6px;align-items:flex-start;pointer-events:none}.feed-entry{padding:8px 14px;border-radius:6px;background:#080e16d1;border:1px solid rgba(114,214,255,.18);font-size:18px;font-weight:600;color:#dceaf5;transition:opacity .6s ease}.feed-entry strong{color:#fff}.feed-entry .feed-weapon{color:#ffd470;font-size:11px}.feed-entry.fading{opacity:0}.training-hud{top:92px;left:18px;min-width:220px;padding:10px 12px;border-radius:8px;background:#0d141cc7;border:1px solid rgba(100,160,255,.25);font-size:12.5px;line-height:1.45;color:#cce4f5;pointer-events:none}.training-hud .training-title{font-weight:800;font-size:13px;color:#72d6ff;margin-bottom:4px}#trainingParams{margin-top:4px;font-size:11px;color:#94b8d8}#leaderboard{margin-top:10px;min-width:210px;max-height:280px;overflow:hidden}.lb-row{display:flex;align-items:center;gap:8px;padding:4px 10px;margin-top:3px;border-radius:5px;background:#080e16ad;font-size:15px;color:#cce4f5}.lb-row.me{color:#72d6ff}.lb-rank{font-weight:800;color:#ffd470;width:12px}.lb-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-weight:700}#crosshair{position:fixed;left:50%;top:50%;z-index:4;width:18px;height:18px;transform:translate(-50%,-50%);pointer-events:none}#crosshair:before,#crosshair:after{position:absolute;content:"";background:#ffffffeb;box-shadow:0 0 8px #24dcffcc}#crosshair:before{left:8px;top:0;width:2px;height:18px}#crosshair:after{left:0;top:8px;width:18px;height:2px}#hitmarker{position:fixed;left:50%;top:50%;z-index:4;width:26px;height:26px;transform:translate(-50%,-50%) rotate(45deg);opacity:0;pointer-events:none}#hitmarker:before,#hitmarker:after{position:absolute;content:"";background:#fff}#hitmarker:before{left:12px;top:0;width:2px;height:26px}#hitmarker:after{left:0;top:12px;width:26px;height:2px}#hitmarker.show{opacity:.95;transition:opacity .16s ease-out}#hitmarker.headshot:before,#hitmarker.headshot:after{background:#ff5a4a}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(214,40,40,.55) 100%)}#vignette.flash{animation:vignette-flash .45s ease-out}@keyframes vignette-flash{0%{opacity:1}to{opacity:0}}#protectFlash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(114,214,255,.3) 100%);transition:opacity .4s ease}#protectFlash.active{opacity:.6}#protectFlash.flash{animation:protect-flash .6s ease-out}@keyframes protect-flash{0%{opacity:1}to{opacity:.6}}#damageIndicator{position:fixed;left:50%;top:50%;z-index:4;width:220px;height:220px;transform:translate(-50%,-50%);pointer-events:none}#damageIndicator .arc{position:absolute;left:50%;top:0;width:90px;height:26px;transform:translate(-50%);border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 100%,rgba(232,60,40,.85),transparent 70%);opacity:0}#damageIndicator.flash .arc{animation:damage-arc .7s ease-out}@keyframes damage-arc{0%{opacity:1}to{opacity:0}}#scopeOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}#scopeOverlay .scope-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 0,transparent calc(42vmin - 4px),rgba(8,10,12,.65) calc(42vmin - 1px),#07090b 43vmin)}#scopeOverlay .scope-line{position:absolute;background:#0a0c0eeb}#scopeOverlay .scope-line.horizontal{left:50%;top:50%;width:84vmin;height:2px;transform:translate(-50%,-50%)}#scopeOverlay .scope-line.vertical{left:50%;top:50%;width:2px;height:84vmin;transform:translate(-50%,-50%)}.meter{min-width:240px;padding:16px;border:1px solid rgba(114,214,255,.22);border-radius:10px;background:linear-gradient(160deg,#0c1622e0,#080e16b8);box-shadow:0 8px 24px #00000047,inset 0 1px #ffffff0f}.meter-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.meter-header span:last-child{font-size:13px;color:#d4e8f7;text-transform:uppercase;letter-spacing:.06em}.meter-icon{width:14px;height:14px;border-radius:3px;flex-shrink:0}.health-icon{background:linear-gradient(135deg,#7ef29a,#3cb85a);box-shadow:0 0 8px #5ad66f73}.armor-icon{background:linear-gradient(135deg,#9fd0f5,#4a8fd4);box-shadow:0 0 8px #5aa8e873}.meter strong{display:block;margin-top:2px;font-size:42px;line-height:1}.bar{margin-top:10px;height:12px;border-radius:6px;background:#ffffff0f;overflow:hidden;box-shadow:inset 0 1px 3px #00000059}.bar-segmented{margin-top:10px;height:12px;border-radius:6px;background:repeating-linear-gradient(90deg,#ffffff14 0,#ffffff14 8px,#ffffff08 8px,#ffffff08 10px);overflow:hidden;box-shadow:inset 0 1px 3px #00000059}#healthBar{height:100%;width:100%;background:linear-gradient(90deg,#3cb85a,#7ef29a);box-shadow:0 0 12px #5ad66f80;transition:width .15s ease-out}.health-meter.low #healthBar{animation:healthPulse .9s ease-in-out infinite alternate}@keyframes healthPulse{0%{box-shadow:0 0 8px #e85a4a73}to{box-shadow:0 0 16px #e85a4ad9}}#armorBar{height:100%;width:0%;background:linear-gradient(90deg,#4a8fd4,#9fd0f5);box-shadow:0 0 12px #5aa8e880;transition:width .15s ease-out}.armor-meter strong{color:#9fd0f5}#weaponSlots{display:flex;gap:8px;justify-content:flex-end;margin-bottom:10px}.slot{min-width:108px;padding:7px 12px 8px;border:1px solid rgba(237,246,255,.18);border-radius:6px;background:#080e16ad;font-size:15px;color:#a9c5d9}.slot-row{display:flex;align-items:center;gap:5px}.slot.active{border-color:#72d6ff;color:#fff;background:#224054d1;box-shadow:0 0 12px #72d6ff2e}.slot-key{display:inline-block;font-weight:800;color:#72d6ff}.slot-name{flex:1;font-weight:700;font-size:14px}.slot-ammo{font-weight:800;font-size:16px;color:#edf6ff}.slot-ammo-bar{margin-top:5px;height:4px;border-radius:2px;background:#ffffff1f;overflow:hidden}.slot-ammo-fill{height:100%;width:100%;background:linear-gradient(90deg,#4ec5e8,#72d6ff);transition:width .15s ease-out}.slot.active .slot-ammo-fill{background:linear-gradient(90deg,#72d6ff,#b8ecff);box-shadow:0 0 8px #72d6ff73}.weapon{font-size:26px;font-weight:800}.ammo{margin-top:4px;color:#cce4f5;font-size:40px;font-weight:800}#reloadHint{min-height:18px;margin-top:2px;font-size:13px;color:#ffd470;letter-spacing:.02em}#reloadHint.ready{color:#8fe3a8;font-weight:700}#pickupToast{min-height:20px;margin-bottom:6px;font-size:14px;font-weight:700;color:#8fe3a8;opacity:0;transition:opacity .3s ease}#pickupToast.show{opacity:1}#emoteButton,#inspectButton{display:block;margin-bottom:8px;margin-left:auto;padding:6px 12px;border:1px solid rgba(114,214,255,.35);border-radius:6px;background:#080e16b8;color:#72d6ff;font-size:13px;font-weight:700;cursor:pointer}.emote-menu{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;margin-bottom:8px;max-width:220px;margin-left:auto}.emote-menu button{padding:5px 10px;border:1px solid rgba(237,246,255,.18);border-radius:6px;background:#080e16ad;color:#cce4f5;font-size:12px;font-weight:600;cursor:pointer}.emote-menu button:hover{border-color:#72d6ff;color:#fff}#scoreboard{position:fixed;left:50%;top:18%;z-index:8;transform:translate(-50%);min-width:420px;padding:14px 18px;border:1px solid rgba(237,246,255,.18);border-radius:8px;background:#0d141ce0;pointer-events:none}#scoreboard table{width:100%;border-collapse:collapse}#scoreboard th,#scoreboard td{padding:6px 12px;text-align:left;font-size:14px}#scoreboard th{color:#a9c5d9;text-transform:uppercase;font-size:11px;border-bottom:1px solid rgba(237,246,255,.14)}#scoreboard tr.me td{color:#72d6ff;font-weight:700}#deathOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;display:grid;place-content:center;text-align:center;gap:8px;background:#3c080873;pointer-events:none}.death-text{font-size:42px;font-weight:900;letter-spacing:2px;color:#ff6a5a;text-shadow:0 2px 24px rgba(0,0,0,.7)}#deathKiller{font-size:18px;color:#ffd9d4}.respawn-bar{width:280px;height:7px;margin:6px auto 0;border-radius:4px;background:#ffffff24;overflow:hidden}#respawnFill{height:100%;width:0%;background:#ff8a7a}#deathCountdown{font-size:15px;color:#cce4f5}#menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;overflow-y:auto;background:linear-gradient(180deg,#1018208c,#101820e0),radial-gradient(circle at 50% 40%,rgba(134,227,255,.18),transparent 42%)}.menu-panel{width:min(840px,calc(100vw - 36px));margin:24px 0;padding:26px 30px;border:1px solid rgba(237,246,255,.18);border-radius:10px;background:#0d141cdb;box-shadow:0 20px 80px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.menu-panel h1{margin:0;font-size:34px;line-height:1;text-align:center}.menu-header{display:grid;gap:12px;margin-bottom:18px}.menu-name-field{margin-bottom:0}.menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-body{margin-top:4px}.loadout-card{margin-bottom:0;padding:12px 14px;border:1px solid rgba(237,246,255,.16);border-radius:8px;background:#080d128c}.loadout-badge{display:inline-block;margin-bottom:8px;padding:3px 8px;border-radius:999px;background:#72d6ff1f;color:#72d6ff;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.loadout-card select{width:100%;padding:9px 11px;border:1px solid rgba(237,246,255,.2);border-radius:6px;background:#080d12cc;color:#edf6ff;font:inherit}.loadout-skin{grid-column:1 / -1}.menu-panel h2{margin:18px 0 10px;font-size:15px;text-transform:uppercase;letter-spacing:1px;color:#a9c5d9}.menu-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}@media(max-width:720px){.menu-columns{grid-template-columns:1fr}}.field{display:block;margin-bottom:14px}.field>span{display:block;margin-bottom:6px;font-size:13px;color:#a9c5d9}.field>span em{font-style:normal;color:#72d6ff;font-weight:700}.field input[type=text],.field input:not([type]){width:100%;padding:9px 11px;border:1px solid rgba(237,246,255,.2);border-radius:6px;background:#080d12cc;color:#edf6ff;font:inherit}.slider-field input[type=range]{width:100%;accent-color:#72d6ff}#playButton{width:100%;min-height:46px;border:0;border-radius:6px;background:#72d6ff;color:#0f1720;font:inherit;font-size:17px;font-weight:800;cursor:pointer}#playButton:hover{background:#a7e7ff}#spectateButton{width:100%}#spectateHud{bottom:24px;left:50%;transform:translate(-50%);padding:10px 18px;border-radius:8px;background:#081018b8;border:1px solid rgba(114,214,255,.35);color:#cce4f5;font-size:13px;pointer-events:none;text-align:center;white-space:nowrap}.menu-hint{margin:12px 0 4px;font-size:12.5px;color:#a9c5d9;text-align:center}.ghost-button{margin-top:10px;padding:8px 14px;border:1px solid rgba(237,246,255,.24);border-radius:6px;background:transparent;color:#cce4f5;font:inherit;font-size:13px;cursor:pointer}.ghost-button:hover{background:#edf6ff14}#bindList{display:flex;flex-direction:column;gap:5px;max-height:340px;overflow-y:auto;padding-right:6px}.bind-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.bind-row>span{font-size:13.5px;color:#cce4f5}.bind-button{min-width:110px;padding:5px 10px;border:1px solid rgba(237,246,255,.22);border-radius:5px;background:#080d12cc;color:#edf6ff;font:inherit;font-size:13px;cursor:pointer}.bind-button:hover{border-color:#72d6ff}.bind-button.capturing{border-color:#ffd470;color:#ffd470}.emote-wheel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;place-items:center;pointer-events:auto;background:#080e1659}.emote-wheel-overlay canvas{width:min(400px,70vw);height:min(400px,70vw)}.menu-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:18px}.menu-tab{padding:8px 18px;border:1px solid rgba(237,246,255,.2);border-radius:6px;background:#080d1299;color:#a9c5d9;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.menu-tab.active{border-color:#72d6ff;color:#fff;background:#72d6ff1f}.menu-tab-panel.hidden{display:none}.loadout-grid{display:grid;gap:12px}.loadout-field select,.loadout-card select{width:100%;padding:8px 10px;border:1px solid rgba(237,246,255,.2);border-radius:6px;background:#080d12cc;color:#edf6ff;font:inherit}.loadout-items{display:grid;grid-template-columns:1fr 1fr;gap:10px}#itemBar{display:flex;gap:8px;justify-content:flex-end;margin-bottom:8px}.item-slot{min-width:88px;padding:6px 10px;border:1px solid rgba(114,214,255,.25);border-radius:6px;background:#080e16b8;font-size:11px;color:#a9c5d9;text-align:center}.item-slot.empty{opacity:.45}.item-slot .item-key{display:block;font-size:10px;color:#72d6ff;margin-bottom:2px}.item-slot .item-name{display:block;font-weight:700;color:#edf6ff;font-size:12px}.item-slot .item-count{display:block;margin-top:2px;color:#8fe3a8}