html,body{background:#111;height:100%;margin:0;overflow:hidden}canvas{display:block}#hud{color:#cfc;white-space:pre;pointer-events:none;background:#0000008c;padding:6px 8px;font:12px/1.4 ui-monospace,monospace;position:fixed;bottom:8px;left:8px}#pause{cursor:pointer;color:#fff;text-align:center;background:#00000073;place-items:center;font-family:system-ui,sans-serif;display:grid;position:fixed;inset:0}#pause[hidden]{display:none}#connection{z-index:10;color:#fff;text-align:center;background:#000000d9;place-items:center;font:18px system-ui,sans-serif;display:grid;position:fixed;inset:0}#connection[hidden]{display:none}#connection button{font:inherit;cursor:pointer;padding:6px 16px}#pause h1{letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:40px}#pause .action{margin:0 0 20px;font-size:18px}#pause .keys{opacity:.75;margin:0;font-size:13px}#crosshair{pointer-events:none;--gap:4px;position:fixed;top:50%;left:50%}#ads-reticle{opacity:0;pointer-events:none;background:#ff4940;border-radius:50%;width:3px;height:3px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #f43}#crosshair i{background:#6f6;position:absolute;box-shadow:0 0 1px #000}#crosshair i:first-child{width:2px;height:8px;left:-1px;bottom:var(--gap)}#crosshair i:nth-child(2){width:2px;height:8px;left:-1px;top:var(--gap)}#crosshair i:nth-child(3){width:8px;height:2px;top:-1px;right:var(--gap)}#crosshair i:nth-child(4){width:8px;height:2px;top:-1px;left:var(--gap)}#status{pointer-events:none;color:#fff;text-shadow:0 1px 2px #000;gap:28px;font:600 24px/1 ui-monospace,monospace;display:flex;position:fixed;bottom:12px;right:16px}#status[hidden]{display:none}#status .heart{color:#ff4d5e;margin-right:6px}#vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 55%,#0000008c 100%);position:fixed;inset:0}#damage-vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#be0c14d9 100%);position:fixed;inset:0}#settings{cursor:default;justify-content:center;gap:10px;margin:0 0 22px;font-size:15px;display:grid}#settings label{text-align:right;grid-template-columns:9em 200px 3.5em;align-items:center;gap:12px;display:grid}#settings input{cursor:pointer}#settings button{font:inherit;cursor:pointer;padding:4px 10px}#settings output{text-align:left;font-variant-numeric:tabular-nums}#killfeed{pointer-events:none;color:#fff;text-align:right;font:14px system-ui,sans-serif;position:fixed;top:170px;right:12px}#killfeed div{background:#00000080;margin-bottom:4px;padding:3px 8px}#death{pointer-events:none;color:#f66;text-align:center;text-shadow:0 1px 3px #000;font:600 28px system-ui,sans-serif;position:fixed;top:30%;left:0;right:0}.damage{pointer-events:none;transform-origin:bottom;color:#ffd24a;text-shadow:0 2px 3px #000;background:radial-gradient(#1812055c 30%,#0000 72%);border-radius:50%;padding:4px 10px;font:800 31.2px/1 system-ui,sans-serif;position:fixed;top:0;left:0}.damage.head{color:#ff4a4a;font-size:39px}.damage.chest{color:#ffd24a}.damage.stomach{color:#ff9f43}.damage.arm{color:#68d9ff}.damage.leg{color:#c4a0ff}#reload-ring{width:44px;height:44px;display:none;position:absolute;top:-22px;left:-22px;transform:rotate(-90deg)}#reload-ring circle{fill:none;stroke-width:3px}#reload-ring .track{stroke:#fff3}#reload-ring .bar{stroke:#fff;stroke-dasharray:1;stroke-dashoffset:var(--left,1)}body.reloading #reload-ring{display:block}body.reloading #crosshair i{opacity:.25}#ammo.empty{color:#ff4d5e}