html,body{margin:0;height:100%;background:#07090c;overflow:hidden;font-family:Segoe UI,-apple-system,Helvetica Neue,Arial,sans-serif;color:#e8e6e0;-webkit-user-select:none;user-select:none}#game{display:block;width:100vw;height:100vh}#hud,#ui{position:fixed;top:0;right:0;bottom:0;left:0}#hud{pointer-events:none}#ui:empty{display:none}.hidden{display:none!important}.hud-el{position:absolute;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.6)}#xhair{left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%)}#xhair:before,#xhair:after{content:"";position:absolute;background:#fff;box-shadow:0 0 2px #000}#xhair:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}#xhair:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-50%)}#xhair.gap:before,#xhair.gap:after{display:none}#xhair .dot{position:absolute;left:50%;top:50%;width:3px;height:3px;background:#fff;transform:translate(-50%,-50%)}#xhair.hit{--hit: #fff}#hitmark{left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%) rotate(45deg);opacity:0;transition:opacity .12s}#hitmark:before,#hitmark:after{content:"";position:absolute;background:#fff}#hitmark:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}#hitmark:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-50%)}#hitmark.on{opacity:1}#hitmark.head:before,#hitmark.head:after{background:#ff4d3d}#hitmark.kill:before,#hitmark.kill:after{background:#ffd23f}#vignette{top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#c8000000 45%,#c80000bf);opacity:0;transition:opacity .15s}#dmgdir{left:50%;top:50%;width:0;height:0}#dmgdir .arc{position:absolute;left:-120px;top:-120px;width:240px;height:240px;border-radius:50%;border:6px solid transparent;border-top-color:#ff3c28e6;opacity:0}#status{left:24px;bottom:24px}#status .hp{width:220px;height:12px;background:#0000008c;border:1px solid rgba(255,255,255,.3)}#status .hp i{display:block;height:100%;background:#2ecc71;width:100%;transition:width .1s}#status .hp i.low{background:#e74c3c}#status .grenades{margin-top:6px;font-size:13px;color:#ccc;letter-spacing:1px}#status .perks{margin-top:6px;display:flex;gap:4px;flex-wrap:wrap;width:260px}#status .perks span{font-size:10px;background:#0009;border:1px solid #555;padding:1px 5px;border-radius:3px;color:#ffd23f}#ammo{right:24px;bottom:24px;text-align:right}#ammo .name{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#ccc}#ammo .count{font-size:36px;font-weight:700;line-height:1}#ammo .count small{font-size:18px;color:#aaa;font-weight:400}#ammo .reload{font-size:12px;color:#ffd23f;height:14px}#points{right:24px;top:24px;text-align:right}#points .pts{font-size:30px;font-weight:700;color:#ffd23f}#points .wave{font-size:14px;color:#ddd;letter-spacing:2px;text-transform:uppercase}#points .wave b{color:#ff4d3d;font-size:18px}#points .power{font-size:13px;color:#7fdbff;font-weight:700;letter-spacing:1px}#objective{left:50%;top:20px;transform:translate(-50%);width:420px;text-align:center}#objective .title{font-size:14px;letter-spacing:3px;text-transform:uppercase}#objective .title b{color:#ff9f1c}#objective .bar{margin:6px auto 0;width:300px;height:8px;background:#0009;border:1px solid rgba(255,255,255,.35)}#objective .bar i{display:block;height:100%;width:0;background:#ff9f1c;transition:width .2s}#objective .bar i.contested{background:#ff3b3b}#objective .sub{font-size:12px;color:#ccc;margin-top:3px;letter-spacing:1px}#objective .sub.warn{color:#ff5c5c;font-weight:700}#team{left:24px;top:96px;font-size:13px}#team .row{display:flex;align-items:center;gap:8px;margin-bottom:5px}#team .row .n{width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#team .row .b{width:90px;height:7px;background:#0000008c;border:1px solid rgba(255,255,255,.3)}#team .row .b i{display:block;height:100%;background:#2ecc71}#team .row.down .n{color:#ff5c5c}#team .row.dead .n{color:#777;text-decoration:line-through}#team .row.out .n{color:#7fdbff}#team .row .s{font-size:11px;color:#aaa;width:60px}#notices{left:50%;top:68px;transform:translate(-50%);text-align:center;font-size:14px}#notices div{margin:2px 0;opacity:.95}#notices .pts{color:#ffd23f;font-weight:700}#big{left:50%;top:34%;transform:translate(-50%);font-size:30px;font-weight:800;letter-spacing:4px;text-transform:uppercase;text-align:center;opacity:0;transition:opacity .3s;white-space:nowrap}#big.on{opacity:1}#prompt{left:50%;bottom:120px;transform:translate(-50%);text-align:center;font-size:15px;background:#0000008c;padding:6px 14px;border-radius:4px;border:1px solid rgba(255,255,255,.2)}#prompt b{color:#ffd23f}#prompt.no b{color:#ff5c5c}#prompt .bar{height:4px;background:#333;margin-top:5px}#prompt .bar i{display:block;height:100%;background:#ffd23f;width:0}#marker{transform:translate(-50%,-100%);text-align:center;font-size:12px;font-weight:700;color:#ff9f1c}#marker .d{width:14px;height:14px;border:2px solid #ff9f1c;transform:rotate(45deg);margin:0 auto 4px;background:#ff9f1c40}#marker.lz{color:#7fdbff}#marker.lz .d{border-color:#7fdbff;background:#7fdbff40}#marker.down{color:#ff5c5c}#marker.down .d{border-color:#ff5c5c;background:#ff5c5c4d}#downed{top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#5a000033,#3c0000d9)}#downed h2{font-size:34px;letter-spacing:6px;margin:0;color:#ff5c5c}#downed p{font-size:16px;color:#eee}#netinfo{right:24px;top:104px;font-size:11px;color:#999;text-align:right}#dev{left:50%;bottom:6px;transform:translate(-50%);font-size:10px;color:#a33;letter-spacing:2px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#040609c7}.overlay.solid{background:#07090c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='4' height='4' fill='%2307090c'/%3E%3Crect width='1' height='1' fill='%230d1117'/%3E%3C/svg%3E")}.panel{width:min(760px,92vw);max-height:92vh;overflow:auto;background:#0c0f14f5;border:1px solid #2a2f38;border-radius:8px;padding:26px 30px;box-shadow:0 20px 60px #0009}.panel.narrow{width:min(460px,92vw)}h1.logo{margin:0 0 4px;font-size:54px;letter-spacing:10px;text-transform:uppercase;font-weight:900;color:#fff}h1.logo span{color:#e8452c}.tag{color:#9aa3ad;margin:0 0 22px;letter-spacing:1px}h2{margin:0 0 14px;font-size:20px;letter-spacing:3px;text-transform:uppercase}button{font:inherit;cursor:pointer;background:#1c2129;color:#eee;border:1px solid #3a4250;border-radius:4px;padding:10px 16px;letter-spacing:1px;text-transform:uppercase;font-size:14px}button:hover{background:#2a3140;border-color:#5a6578}button.primary{background:#e8452c;border-color:#e8452c;color:#fff;font-weight:700}button.primary:hover{background:#ff5a40}button:disabled{opacity:.4;cursor:default}button.small{padding:5px 10px;font-size:12px}input[type=text]{font:inherit;background:#0d1117;color:#eee;border:1px solid #3a4250;border-radius:4px;padding:9px 12px;font-size:15px}input[type=range]{width:200px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0}.menu-buttons{display:flex;flex-direction:column;gap:10px;width:280px}.menu-buttons button{text-align:left;padding:14px 18px;font-size:16px}.muted{color:#8b95a1;font-size:13px}.err{color:#ff6b5b;font-size:13px;min-height:16px}table.list{width:100%;border-collapse:collapse;font-size:14px}table.list td,table.list th{padding:7px 8px;border-bottom:1px solid #1f242c;text-align:left}table.list th{color:#8b95a1;font-weight:400;font-size:12px;text-transform:uppercase;letter-spacing:1px}table.list tr.click{cursor:pointer}table.list tr.click:hover{background:#151a22}.players{display:flex;flex-direction:column;gap:6px;margin:10px 0 16px}.players .p{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#0d1117;border:1px solid #1f242c;border-radius:4px}.players .p .name{flex:1}.players .p .ready{color:#2ecc71;font-size:12px;letter-spacing:1px}.players .p .host{color:#ffd23f;font-size:11px;letter-spacing:1px}.controls{columns:2;font-size:13px;color:#ccc;margin:10px 0}.controls div{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid #1f242c;break-inside:avoid}.controls div b{color:#fff;font-weight:600}.draft{display:flex;gap:14px;margin:16px 0}.card{flex:1;background:#10141b;border:1px solid #3a4250;border-radius:6px;padding:18px 16px;cursor:pointer;transition:transform .1s,border-color .1s}.card:hover{transform:translateY(-4px);border-color:#ffd23f}.card .k{font-size:11px;color:#8b95a1;letter-spacing:2px}.card h3{margin:6px 0;font-size:18px;color:#ffd23f}.card p{margin:0;font-size:13px;color:#ccc}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:14px 0}.stats div{background:#0d1117;border:1px solid #1f242c;padding:10px;border-radius:4px}.stats b{display:block;font-size:24px;color:#ffd23f}.stats span{font-size:11px;color:#8b95a1;text-transform:uppercase;letter-spacing:1px}.result.won h2{color:#2ecc71}.result.lost h2{color:#ff5c5c}.kbd{display:inline-block;padding:1px 6px;border:1px solid #555;border-radius:3px;background:#1a1f27;font-size:12px}