:root{--accent:#4db2ff;--accent-soft:#4db2ff59;--good:#4ade80;--warn:#fbbf24;--bad:#f87171;--panel-bg:#0a101c8c;--panel-border:#a0c8ff2e;--text:#e8f1ff;--muted:#e8f1ff8c;--font:ui-sans-serif,system-ui,"Segoe UI",Roboto,sans-serif}html,body{overflow:hidden;background:#000;height:100%;margin:0;padding:0}#hud{position:fixed;pointer-events:none;color:var(--text);font:600 13px var(--font);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #0009;user-select:none;inset:0}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:10px;box-shadow:0 6px 24px #00000059,inset 0 1px #ffffff0f}.label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:10px}.muted{color:var(--muted);font-weight:500}.big{letter-spacing:.01em;font-size:34px;font-weight:800;line-height:1}.row{display:flex;align-items: center;gap:14px}#crosshair{position:absolute;--gap:6px;filter:drop-shadow(0 0 2px #000c);width:0;height:0;top:50%;left:50%}#crosshair .tick,#crosshair .dot{position:absolute;background:#fff;border-radius:1px}#crosshair .dot{opacity:.9;border-radius:50%;width:3px;height:3px;top:-1.5px;left:-1.5px}#crosshair .tick{transition:background .1s}#crosshair .t-up{left:-1px;top:calc(-9px - var(--gap));width:2px;height:9px}#crosshair .t-down{left:-1px;top:var(--gap);width:2px;height:9px}#crosshair .t-left{top:-1px;left:calc(-9px - var(--gap));width:9px;height:2px}#crosshair .t-right{top:-1px;left:var(--gap);width:9px;height:2px}#status{position:absolute;display:flex;border-radius:999px;align-items: center;gap:8px;padding:7px 12px;font-size:12px;top:16px;left:16px}#status .sep{background:var(--panel-border);width:1px;height:12px}.dot-status{background:var(--bad);box-shadow:0 0 8px var(--bad);border-radius:50%;width:8px;height:8px}.dot-status.on{background:var(--good);box-shadow:0 0 8px var(--good)}#health,#weapon{position:absolute;padding:12px 16px 14px;bottom:20px}#health{min-width:250px;left:20px}#healthValue{text-align:right;min-width:56px;transition:color .2s}#healthTrack{position:relative;overflow:hidden;-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 2px),#0000 calc(10% - 2px) 10%);mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 2px),#0000 calc(10% - 2px) 10%);background:#ffffff14;border-radius:4px;flex:1;height:14px}#healthFill,#healthGhost{position:absolute;border-radius:4px;width:100%;inset:0 auto 0 0}#healthFill{background:linear-gradient(90deg,var(--good),#86efac);transition:width .12s ease-out,background .2s}#healthGhost{background:#ffffff8c;transition:width .7s ease-out .25s}#health.low #healthFill{background:linear-gradient(90deg,var(--bad),#fca5a5)}#health.low #healthValue{color:var(--bad);animation:pulse .9s ease-in-out infinite}#health.mid #healthFill{background:linear-gradient(90deg,var(--warn),#fde68a)}@keyframes pulse{50%{opacity:.55}}#weapon{min-width:190px;right:20px}#weapon .name{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 14px var(--accent-soft);font-size:22px}#chargeTrack{overflow:hidden;background:#ffffff1a;border-radius:2px;height:4px;margin-top:10px}#chargeFill{background:var(--accent);box-shadow:0 0 8px var(--accent);width:100%;height:100%}#damage{position:absolute;opacity:0;background:radial-gradient(#0000 45%,#dc1e1e8c 100%);transition:opacity .45s ease-out;inset:0}#damage.hit{opacity:1;transition:none}#tabHint{position:absolute;color:var(--muted);letter-spacing:.06em;font-size:11px;bottom:18px;left:50%;transform:translate(-50%)}#scoreboard{position:absolute;display:none;background:#080c16c7;min-width:320px;max-width:90vw;padding:16px 20px 12px;top:50%;left:50%;transform:translate(-50%,-50%)}#scoreboard.show{display:block}#scoreList{list-style:none;overflow:hidden;max-height:50vh;margin:0;padding:0}#scoreList li{display:flex;border-top:1px solid #ffffff0f;align-items: center;gap:12px;padding:8px 6px;font-size:14px}#scoreList li:first-child{border-top:none}#scoreList .who{flex:1}#scoreList .you{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:10px}#scoreList li.me{background:linear-gradient(90deg,#4db2ff24,#0000);border-radius:6px}kbd{display:inline-block;font:600 11px var(--font);text-align:center;color:var(--text);background:#ffffff14;border:1px solid #ffffff40;border-bottom-width:2px;border-radius:5px;min-width:18px;margin:0 2px;padding:3px 7px}#overlay{position:fixed;display:flex;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;color:var(--text);font:500 14px var(--font);text-align:center;background:radial-gradient(#0a14288c,#000000d9);justify-content:center;align-items: center;inset:0}#overlay.hidden{display:none}#overlay .card{max-width:560px;padding:36px 48px}#overlay h1{font:900 56px var(--font);letter-spacing:.32em;text-indent:.32em;background:linear-gradient(180deg,#fff,var(--accent));color:#0000;filter:drop-shadow(0 0 18px var(--accent-soft));-webkit-background-clip:text;background-clip:text;margin:0 0 6px}#overlay .cta{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);animation:pulse 1.6s ease-in-out infinite;margin:0 0 28px;font-size:16px}#overlay .keys{display:grid;grid-template-columns:repeat(2,auto);text-align:left;color:var(--muted);justify-content:center;gap:10px 28px}.tag{display:inline-flex;align-items: center;gap:7px}.tag i{border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px}#hitmarker{position:absolute;opacity:0;filter:drop-shadow(0 0 3px #000c);width:0;height:0;top:50%;left:50%}#hitmarker i{position:absolute;background:#fff;border-radius:1px;width:10px;height:2px;top:-1px;left:-5px}#hitmarker i:first-child{transform:rotate(45deg)translate(13px)}#hitmarker i:nth-child(2){transform:rotate(135deg)translate(13px)}#hitmarker i:nth-child(3){transform:rotate(225deg)translate(13px)}#hitmarker i:nth-child(4){transform:rotate(315deg)translate(13px)}#hitmarker.kill i{background:var(--bad);width:13px;left:-6.5px}#hitmarker.show{animation:hitmarker .25s ease-out}@keyframes hitmarker{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.25)}}#killfeed{position:absolute;display:flex;flex-direction:column;align-items: flex-end;gap:6px;top:16px;right:16px}#killfeed .entry{display:flex;background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:slide-in .2s ease-out;border-radius:8px;align-items: center;gap:10px;padding:6px 12px;transition:opacity .5s;font-size:13px}#killfeed .entry.mine{border-color:var(--accent);box-shadow:0 0 14px var(--accent-soft)}#killfeed .entry.fade{opacity:0}#killfeed .arrow{color:var(--bad);font-size:18px;line-height:1}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}}#death{position:absolute;display:none;text-align:center;background:radial-gradient(#50000040,#280000bf);flex-direction:column;justify-content:center;align-items: center;gap:10px;inset:0}#death.show{display:flex;animation:fade-in .5s ease-out}#death h2{font:900 64px var(--font);letter-spacing:.3em;text-indent:.3em;color:var(--bad);text-shadow:0 0 30px #f8717180,0 2px 4px #000c;margin:0}#death .by{display:flex;color:var(--muted);align-items: center;gap:8px;font-size:18px}#death .by .tag{color:var(--text);font-weight:700}#death .respawn{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);opacity:0;margin-top:18px;font-size:15px}#death.ready .respawn{opacity:1;animation:pulse 1.4s ease-in-out infinite}@keyframes fade-in{0%{opacity:0}}#scoreList .tag{font-weight:600}#scoreList .who{display:flex;align-items: center;gap:12px}#scoreList .stat{text-align:right;width:36px}#scoreList li.head{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding-bottom:4px;font-size:10px}