html,body{color:#e8e8e8;-webkit-user-select:none;user-select:none;background:#1a1c20;height:100%;margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;overflow:hidden}#game{width:100vw;height:100vh;display:block}#hud{pointer-events:none;position:fixed;inset:0}.hidden{display:none!important}#crosshair{--gap:8px;--len:7px;width:0;height:0;position:absolute;top:50%;left:50%}#crosshair .dot{background:#fff;border-radius:50%;width:3px;height:3px;position:absolute;top:-1.5px;left:-1.5px;box-shadow:0 0 2px #000}#crosshair .l{background:#fff;position:absolute;box-shadow:0 0 2px #000}#crosshair .t,#crosshair .b{width:2px;height:var(--len);left:-1px}#crosshair .lf,#crosshair .rt{height:2px;width:var(--len);top:-1px}#crosshair .t{top:calc(-1 * var(--gap) - var(--len))}#crosshair .b{top:var(--gap)}#crosshair .lf{left:calc(-1 * var(--gap) - var(--len))}#crosshair .rt{left:var(--gap)}#hitmarker{opacity:0;--c:#fff;width:0;height:0;position:absolute;top:50%;left:50%}#hitmarker div{background:var(--c);transform-origin:50%;width:2px;height:9px;position:absolute;top:-4.5px;left:-1px;box-shadow:0 0 2px #000}#hitmarker .a{transform:translate(-7px,-7px)rotate(45deg)}#hitmarker .b{transform:translate(7px,-7px)rotate(-45deg)}#hitmarker .c{transform:translate(-7px,7px)rotate(-45deg)}#hitmarker .d{transform:translate(7px,7px)rotate(45deg)}#vignette{opacity:0;background:radial-gradient(#c8000000 40%,#a00000d9 100%);transition:opacity .15s;position:absolute;inset:0}#damagedir{opacity:0;border:6px solid #0000;border-top-color:#ff2828e6;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute;top:50%;left:50%;transform:rotate(0)}#scope{background:radial-gradient(circle,#0000 0 38vmin,#000 39vmin);display:none;position:absolute;inset:0}#scope .h,#scope .v{background:#000;position:absolute;top:50%;left:50%}#scope .h{width:78vmin;height:1px;transform:translate(-50%,-50%)}#scope .v{width:1px;height:78vmin;transform:translate(-50%,-50%)}#minimap{background:#00000059;border-radius:50%;width:168px;height:168px;position:absolute;top:12px;left:12px}#compass{width:320px;height:22px;position:absolute;top:34px;left:50%;transform:translate(-50%)}#nametags{position:absolute;inset:0}.nametag{color:#8ad0ff;white-space:nowrap;text-shadow:0 0 3px #000;background:#00000059;border-radius:3px;padding:1px 5px;font-size:12px;position:absolute;top:0;left:0}.nametag.enemy{color:#ff5a4a}#popup{text-align:center;color:#ffd070;text-shadow:0 0 8px #000,0 0 8px #000;font-size:26px;font-weight:700;position:absolute;top:40%;left:0;right:0}#popup small{color:#e8e8e8;font-size:14px;font-weight:400;display:block}#scoreboard .summary{color:#cfd6dd;border-top:1px solid #333;margin-top:10px;padding-top:8px;line-height:1.5}#breath{text-align:center;width:120px;position:absolute;top:calc(50% + 46px);left:50%;transform:translate(-50%)}#breath .bar{background:#fff3;border-radius:2px;height:4px;overflow:hidden}#breath .fill{transform-origin:0;background:#cfe8ff;width:100%;height:100%}#breath.exhausted .fill{background:#ff6a5a}#breath .hint{color:#ffffffb3;text-shadow:0 0 3px #000;margin-top:4px;font-size:11px}#breath.holding .hint,#breath.exhausted .hint{visibility:hidden}#netgraph{color:#cfd6dd;text-shadow:0 0 3px #000,0 0 3px #000;margin:0;font-size:12px;line-height:1.35;position:absolute;top:190px;left:10px}#status{color:#cfd6dd;text-shadow:0 0 3px #000,0 0 3px #000;margin:0;font-size:13px;line-height:1.35;position:absolute;bottom:10px;left:10px}#killfeed{text-align:right;text-shadow:0 0 3px #000,0 0 3px #000;font-size:13px;line-height:1.5;position:absolute;top:10px;right:14px}#killfeed div{transition:opacity .5s}#killfeed .you{color:#ffd070}#ammo{text-align:right;text-shadow:0 0 4px #000,0 0 4px #000;position:absolute;bottom:16px;right:20px}#ammo-count{font-size:34px;font-weight:700;line-height:1}#ammo-count span{color:#b8c0c8;font-size:18px;font-weight:400}#ammo-count.low{color:#ff5a4a}#ammo-name{color:#b8c0c8;margin-top:4px;font-size:12px}#death{text-align:center;text-shadow:0 0 6px #000,0 0 6px #000;font-size:22px;position:absolute;top:32%;left:0;right:0}#matchhud{white-space:pre;text-align:center;text-shadow:0 0 4px #000,0 0 4px #000;font-size:15px;position:absolute;top:10px;left:50%;transform:translate(-50%)}#matchhud .red{color:#ff8a80}#matchhud .blue{color:#8ab4ff}#matchhud .me{text-decoration:underline}#banner{text-align:center;text-shadow:0 0 10px #000,0 0 10px #000;font-size:40px;font-weight:700;position:absolute;top:22%;left:0;right:0}#banner small{margin-top:6px;font-size:16px;font-weight:400;display:block}#scoreboard{background:#0e1014e0;border:1px solid #444;border-radius:6px;min-width:420px;padding:14px 18px;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#scoreboard h2{color:#cfd6dd;margin:0 0 8px;font-size:14px;font-weight:600}#scoreboard table{border-collapse:collapse;width:100%}#scoreboard th,#scoreboard td{text-align:left;padding:3px 8px}#scoreboard th{color:#8b95a0;border-bottom:1px solid #333;font-weight:400}#scoreboard td.num,#scoreboard th.num{text-align:right}#scoreboard tr.me td{color:#ffd070}#scoreboard tr.red td:first-child{border-left:3px solid #e05a5a}#scoreboard tr.blue td:first-child{border-left:3px solid #5a8ae0}#lobby{pointer-events:auto;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#lobby .panel,#overlay .panel{text-align:center;background:#14161aeb;border:1px solid #444;border-radius:6px;min-width:320px;padding:24px 40px}#lobby h1,#overlay h1{margin:0 0 14px;font-size:20px;font-weight:600}#lobby .field{margin:8px 0 14px;display:block}#lobby .row,#overlay .row{justify-content:center;gap:8px;margin:8px 0;display:flex}#lobby input,#lobby select,#lobby button,#overlay button{font:inherit;color:#e8e8e8;background:#23262b;border:1px solid #555;border-radius:4px;padding:6px 10px}#lobby input{width:140px}#lobby-code{text-transform:uppercase;letter-spacing:3px;width:110px}#lobby button,#overlay button{cursor:pointer;pointer-events:auto}#lobby button:hover,#overlay button:hover{background:#2f333a}#lobby-error{color:#ff7a6a;min-height:1.2em;margin:8px 0 0;font-size:12px}#overlay-room{color:#b8c0c8;margin:0 0 10px;font-size:13px}#overlay{pointer-events:auto;cursor:pointer;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#overlay.hidden{display:none}#overlay p{margin:6px 0}#overlay .keys{color:#9aa3ad;font-size:12px;line-height:1.6}.lil-gui{--width:300px;--font-size:11px;--input-font-size:11px}body.clean #overlay,body.clean .lil-gui{display:none!important}