:root{--accent:#f2c23a;--danger:#e6443a;--fg:#f2f2ee;--muted:#a9ada4;--panel:#0c0e0cc7;--font:"Barlow Condensed", "Arial Narrow", "Helvetica Neue", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--fg);font-family:var(--font);background:#0c0e0c;margin:0;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}#menu{z-index:10;background:radial-gradient(at 50% 40%,#0c0e0c59,#0c0e0ce0);place-items:center;padding:16px;display:grid;position:fixed;inset:0}#menu .panel{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff14;width:min(560px,100%);padding:32px 32px 24px}h1{text-align:center;margin:-8px 0 0;line-height:0}h1 .logo{filter:drop-shadow(0 6px 18px #0000008c);width:min(420px,100%);height:auto}.sub{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;text-align:center;margin:6px 0 22px;font-size:14px}label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}input,select{font:inherit;color:var(--fg);text-transform:none;letter-spacing:0;background:#ffffff0f;border:1px solid #ffffff26;outline:none;padding:8px 10px;font-size:20px}input:focus,select:focus{border-color:var(--accent)}input[type=range]{accent-color:var(--accent);height:38px;padding:0}.row{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.modes{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.modes button{width:100%;font:inherit;letter-spacing:.1em;background:var(--accent);color:#151510;cursor:pointer;border:0;flex-direction:column;align-items:center;padding:10px 12px;font-size:24px;font-weight:800;display:flex}.modes button small{letter-spacing:.08em;opacity:.7;text-transform:uppercase;font-size:12px;font-weight:600}.modes button.secondary{color:var(--fg);outline-offset:-2px;background:0 0;outline:2px solid #ffffff4d}.modes button:hover{filter:brightness(1.08)}.modes button.secondary:hover{outline-color:var(--accent)}.modes button:disabled{opacity:.45;cursor:not-allowed}#status{min-height:20px;color:var(--muted);margin-top:10px;font-size:15px}#loading .bar,#health .bar{background:#ffffff1a;height:6px;overflow:hidden}#loading .fill{background:var(--accent);width:0;height:100%;transition:width .2s}#loading .msg{color:var(--muted);margin-top:8px;font-size:15px}.keys{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin-top:22px;font-size:14px;display:flex}.keys b{color:var(--fg);font-weight:600}.credits{color:#fff6;margin-top:18px;font-size:11px;line-height:1.5}#hud{pointer-events:none;z-index:5;text-shadow:0 1px 2px #0009;position:fixed;inset:0}#crosshair{--gap:6px;width:0;height:0;transition:opacity .15s;position:absolute;top:50%;left:50%}#crosshair i{background:#ffffffeb;position:absolute;box-shadow:0 0 1px #000000e6}#crosshair .t,#crosshair .b{width:2px;height:9px;left:-1px}#crosshair .l,#crosshair .r{width:9px;height:2px;top:-1px}#crosshair .t{bottom:var(--gap)}#crosshair .b{top:var(--gap)}#crosshair .l{right:var(--gap)}#crosshair .r{left:var(--gap)}#crosshair.ads{opacity:0}#hitmarker{opacity:0;color:#fff;background:linear-gradient(45deg,#0000 46%,currentColor 46% 54%,#0000 54%),linear-gradient(-45deg,#0000 46%,currentColor 46% 54%,#0000 54%);width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 5px,#000 6px);mask:radial-gradient(circle,#0000 5px,#000 6px)}#hitmarker.show{animation:.22s ease-out hm}#hitmarker.kill{color:var(--danger)}@keyframes hm{0%{opacity:1;transform:scale(1.25)}to{opacity:0;transform:scale(1)}}#dmg-indicator{opacity:0;border-top:6px solid #e6443ae6;border-radius:50%;width:280px;height:280px;margin:-140px 0 0 -140px;transition:opacity .6s;position:absolute;top:50%;left:50%}#vignette{opacity:0;background:radial-gradient(#0000 55%,#aa00008c 100%);transition:opacity .25s;position:absolute;inset:0}#minimap{background:#222;border:2px solid #ffffff40;border-radius:50%;width:200px;height:200px;position:absolute;top:16px;right:16px;box-shadow:0 2px 12px #0006}#killfeed{flex-direction:column;align-items:flex-end;gap:4px;font-size:17px;display:flex;position:absolute;top:16px;right:232px}#killfeed div{white-space:nowrap;background:#00000073;padding:3px 10px;animation:6s forwards kf}#killfeed .w{color:var(--muted);margin:0 8px;font-size:14px}#killfeed .hs{color:var(--danger);margin-left:6px;font-size:13px}#killfeed .me{outline:1px solid var(--accent)}@keyframes kf{0%,85%{opacity:1}to{opacity:0}}#health{width:260px;position:absolute;bottom:22px;left:24px}#health .label{letter-spacing:.15em;color:var(--muted);font-size:13px}#health .bar{height:8px;margin-top:4px}#health .fill{background:var(--fg);width:100%;height:100%;transition:width .15s}#health.low .fill{background:var(--danger)}#health .num{margin-top:4px;font-size:40px;font-weight:700;line-height:1}#ammo{text-align:right;position:absolute;bottom:22px;right:24px}#ammo .weapon{letter-spacing:.15em;color:var(--muted);font-size:13px}#ammo .mag{font-size:56px;font-weight:700;line-height:1}#ammo .sep,#ammo .max{color:var(--muted);margin-left:4px;font-size:24px}#ammo.empty .mag{color:var(--danger)}#ammo .reload{color:var(--accent);letter-spacing:.15em;font-size:15px}#toast{letter-spacing:.08em;opacity:0;color:var(--accent);text-align:center;font-size:28px;font-weight:700;transition:opacity .3s;position:absolute;top:22%;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#death{background:radial-gradient(#3c000033,#28000099);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#death .title{letter-spacing:.12em;color:var(--danger);font-size:64px;font-weight:800}#death .by{margin-top:4px;font-size:24px}#death .count{color:var(--muted);margin-top:12px;font-size:18px}#scoreboard{background:var(--panel);width:min(640px,100% - 32px);padding:20px 24px;position:absolute;top:14%;left:50%;transform:translate(-50%)}#scoreboard h2{letter-spacing:.15em;margin:0 0 10px;font-size:22px}#scoreboard table{border-collapse:collapse;width:100%;font-size:19px}#scoreboard th{text-align:left;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:4px 6px;font-size:13px;font-weight:500}#scoreboard td{border-top:1px solid #ffffff14;padding:5px 6px}#scoreboard td:not(:first-child),#scoreboard th:not(:first-child){text-align:right;width:90px}#scoreboard tr.me td{color:var(--accent)}#scoreboard .dot{border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}#bigmap{background:#0009;place-items:center;display:grid;position:absolute;inset:0}#bigmap canvas{border:2px solid #fff3;width:min(88vh,92vw);height:min(88vh,92vw)}#bigmap .hint{color:var(--muted);position:absolute;bottom:12px}#netinfo{color:#ffffff8c;font-variant-numeric:tabular-nums;font-size:13px;position:absolute;top:10px;left:12px}@media (width<=700px){#killfeed{top:232px;right:16px}.row,.modes{grid-template-columns:1fr}}#gattrib{z-index:11;pointer-events:none;color:#ffffffd9;text-shadow:0 1px 2px #000c;white-space:nowrap;font:11px/1.2 system-ui,sans-serif;position:fixed;bottom:4px;left:50%;transform:translate(-50%)}#gattrib:not(:empty):before{content:"Google · ";font-weight:600}#weapons{gap:6px;display:flex;position:absolute;bottom:112px;right:24px}#weapons div{letter-spacing:.06em;color:var(--muted);background:#0006;border-bottom:2px solid #0000;padding:4px 9px;font-size:14px}#weapons div b{color:var(--fg);margin-right:6px;font-weight:700}#weapons div.on{color:var(--fg);border-bottom-color:var(--accent);background:#0009}#crosshair[data-kind=melee] i{width:3px;height:3px}#crosshair[data-kind=rocket]{border:2px solid #fffc;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px}#crosshair[data-kind=rocket] i{display:none}#chat{pointer-events:none;width:min(420px,100% - 48px);position:absolute;bottom:110px;left:24px}#chat .log{flex-direction:column;gap:2px;font-size:16px;line-height:1.3;display:flex}#chat .log div{overflow-wrap:anywhere;background:#0006;width:fit-content;max-width:100%;padding:2px 8px;transition:opacity .6s}#chat .log div.old{opacity:0}#chat.open .log div{opacity:1}#chat .log .sys{color:var(--muted);font-style:italic}#chat .log b{margin-right:6px;font-weight:600}#chat input{pointer-events:auto;background:#000000a6;width:100%;margin-top:6px;padding:6px 8px;font-size:16px}#radar-ind{letter-spacing:.12em;background:#00000073;align-items:center;gap:8px;width:200px;padding:4px 10px;font-size:14px;display:flex;position:absolute;top:224px;right:16px;overflow:hidden}#radar-ind b{color:var(--fg);letter-spacing:0;border:1px solid #fff6;padding:0 5px}#radar-ind .st{color:var(--accent);margin-left:auto}#radar-ind.cd .st{color:var(--muted)}#radar-ind.on .st{color:var(--danger)}#radar-ind .bar{background:var(--accent);width:100%;height:2px;position:absolute;bottom:0;left:0}#radar-ind.cd .bar{background:var(--muted)}#radar-ind.on .bar{background:var(--danger)}#markers{position:absolute;inset:0;overflow:hidden}.marker{color:#ff5a4a;text-align:center;text-shadow:0 0 3px #000,0 0 6px #000c;white-space:nowrap;font-size:13px;font-weight:700;position:absolute;transform:translate(-50%,-100%)}.marker:before{content:"";background:#ff3b2f;width:12px;height:12px;margin:0 auto 2px;display:block;transform:rotate(45deg);box-shadow:0 0 8px #ff3b2fcc}