*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:#0b0e13;font-family:system-ui,sans-serif}#app{position:fixed;inset:0}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0}#crosshair .line{position:absolute;background:#4ade80;box-shadow:0 0 2px #000}#crosshair.hit .line{background:#f87171}#crosshair .dot{position:absolute;left:-1px;top:-1px;width:2px;height:2px;background:#4ade80;box-shadow:0 0 2px #000}#ammo{position:absolute;right:28px;bottom:22px;color:#e5e7eb;text-align:right;text-shadow:0 2px 4px #000}#ammo .cur{font-size:42px;font-weight:800;line-height:1}#ammo .max{font-size:20px;opacity:.6}#ammo .reloading{color:#fbbf24;font-size:14px;letter-spacing:1px}#ammo .rbar{height:5px;width:120px;margin:4px 0 0 auto;background:#00000080;border-radius:3px;overflow:hidden;visibility:hidden}#ammo .rbar>div{height:100%;width:0;background:linear-gradient(90deg,#f59e0b,#fbbf24)}#stats{position:absolute;left:18px;top:14px;color:#cbd5e1;font-size:13px;line-height:1.7;text-shadow:0 1px 2px #000}#stats b{color:#4ade80;font-size:17px}#stats .fps{color:#94a3b8}#stats #dbg{color:#fbbf24}#stats .ping.good{color:#4ade80}#stats .ping.mid{color:#fbbf24}#stats .ping.bad{color:#f87171}#health{position:absolute;left:24px;bottom:26px;width:240px}#health .bar{height:16px;background:#00000080;border:1px solid #334155;border-radius:4px;overflow:hidden}#health .fill{height:100%;width:100%;background:linear-gradient(90deg,#16a34a,#4ade80);transition:width .12s}#health .fill.low{background:linear-gradient(90deg,#b91c1c,#f87171)}#health .lbl{color:#e5e7eb;font-size:12px;text-shadow:0 1px 2px #000;margin-bottom:3px}#health .lbl.st{margin-top:6px;color:#93c5fd}#health .bar.st{height:9px}#health .bar.st .fill{background:linear-gradient(90deg,#0284c7,#38bdf8)}#health .bar.st .fill.low{background:linear-gradient(90deg,#a16207,#fbbf24)}#health .bar.st .fill.empty{background:linear-gradient(90deg,#b91c1c,#f87171);animation:stPulse .6s ease-in-out infinite alternate}@keyframes stPulse{0%{opacity:.45}to{opacity:1}}#weapons{position:absolute;right:24px;bottom:92px;text-align:right}#weapons .w{color:#64748b;font-size:14px;text-shadow:0 1px 2px #000;line-height:1.5}#weapons .w.active{color:#fbbf24;font-weight:700}#weapons .w b{color:#334155}#weapons .w.active b{color:#fbbf24}#scope{position:absolute;inset:0;opacity:0;transition:opacity .1s}#scope.on{opacity:1}#scope:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0 30%,rgba(0,0,0,.9) 40%,#000 60%)}#scope .cross-h{position:absolute;left:50%;top:50%;width:60vmin;height:2px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent 0,rgba(0,0,0,.85) 12%,rgba(0,0,0,.85) 44%,transparent 48%,transparent 52%,rgba(0,0,0,.85) 56%,rgba(0,0,0,.85) 88%,transparent 100%)}#scope .cross-v{position:absolute;left:50%;top:50%;width:2px;height:60vmin;transform:translate(-50%,-50%);background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.85) 12%,rgba(0,0,0,.85) 44%,transparent 48%,transparent 52%,rgba(0,0,0,.85) 56%,rgba(0,0,0,.85) 88%,transparent 100%)}#scope .dot{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background:#e11d48;border-radius:50%;box-shadow:0 0 4px #000}#radar{position:absolute;right:18px;top:14px;width:150px;height:150px;border:1px solid #334155;border-radius:6px;background:#080c128c}#killfeed{position:absolute;right:180px;top:16px;text-align:right}#killfeed .k{color:#f87171;font-size:13px;text-shadow:0 1px 2px #000;margin-bottom:3px;animation:kfade 4s forwards}@keyframes kfade{0%{opacity:0;transform:translate(12px)}8%,70%{opacity:1;transform:none}to{opacity:0}}.dmg{position:absolute;font-weight:800;font-size:18px;color:#fde68a;text-shadow:0 2px 3px #000;pointer-events:none;animation:dmgup .75s forwards}.dmg.head{color:#fca5a5;font-size:24px}@keyframes dmgup{0%{opacity:1;transform:translate(-50%) scale(.7)}15%{transform:translate(-50%,-6px) scale(1.1)}to{opacity:0;transform:translate(-50%,-48px) scale(1)}}#smokeveil{position:fixed;inset:0;z-index:9;pointer-events:none;background:#6f747b;opacity:0}#hitflash{position:fixed;inset:0;z-index:15;pointer-events:none;background:#dc2626;opacity:0}#burnveil{position:fixed;inset:0;z-index:16;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#ff780000 42%,#ff600080 78%,#b42800d9)}#flash{position:fixed;inset:0;z-index:17;pointer-events:none;background:#fff;opacity:0}#overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#06090ed9;backdrop-filter:blur(4px);color:#e5e7eb;text-align:center;cursor:pointer}#overlay.hidden{display:none}#overlay .card{max-width:500px;padding:28px 36px}#overlay h1{font-size:25px;margin-bottom:6px;color:#fff}#overlay p{opacity:.8;margin-bottom:16px;font-size:13px}#overlay .keys{display:grid;grid-template-columns:auto 1fr;gap:5px 16px;text-align:left;font-size:13px;margin:0 auto 18px;width:max-content}#overlay .keys kbd{background:#1e293b;border:1px solid #334155;border-radius:5px;padding:2px 8px;font-family:ui-monospace,monospace;color:#93c5fd}#overlay .go{display:inline-block;background:#16a34a;color:#fff;padding:11px 26px;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer}#overlay .go:hover{background:#22c55e}#overlay .nick{margin-bottom:16px}#overlay .nick input{width:260px;padding:10px 14px;font-size:15px;text-align:center;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e5e7eb;outline:none;font-family:inherit}#overlay .nick input:focus{border-color:#4ade80}#overlay .nick input.bad{border-color:#f87171}#overlay .nick .err{color:#f87171;font-size:12px;margin-top:6px;height:14px;visibility:hidden}#overlay .nick .err.on{visibility:visible}#overlay .transport{margin:0 auto 16px;max-width:380px;text-align:left}#overlay .transport .t-title{font-size:12px;color:#64748b;margin-bottom:6px;text-align:center}#overlay .transport .t-opt{display:grid;grid-template-columns:auto auto 1fr;gap:2px 8px;align-items:center;padding:7px 10px;margin-bottom:5px;cursor:pointer;background:#0f172a;border:1px solid #1e293b;border-radius:6px}#overlay .transport .t-opt:hover{border-color:#334155}#overlay .transport .t-name{font-size:14px;color:#e2e8f0}#overlay .transport .t-ping{font-size:13px;color:#64748b;justify-self:end;font-variant-numeric:tabular-nums}#overlay .transport .t-ping.good{color:#4ade80}#overlay .transport .t-ping.mid{color:#fbbf24}#overlay .transport .t-ping.bad{color:#f87171}#overlay .transport .t-hint{grid-column:2 / -1;font-size:11px;color:#64748b}#overlay .transport .t-opt.down{opacity:.5}#overlay .transport.warn .t-opt{border-color:#f87171}#overlay .transport.locked{opacity:.55;pointer-events:none}#overlay .diff{margin:0 auto 16px;max-width:380px;text-align:left}#overlay .diff .t-title{font-size:12px;color:#64748b;margin-bottom:6px;text-align:center}#overlay .diff .d-opt{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;padding:7px 10px;margin-bottom:5px;cursor:pointer;background:#0f172a;border:1px solid #1e293b;border-radius:6px}#overlay .diff .d-opt:hover{border-color:#334155}#overlay .diff .d-name{font-size:14px;color:#e2e8f0}#overlay .diff .d-hint{grid-column:2 / -1;font-size:11px;color:#64748b}#overlay .diff .d-opt:has(input:checked){border-color:#334155;background:#111d33}#overlay .diff .d-opt[data-d="2"]:has(input:checked){border-color:#fbbf24}#overlay .diff .d-opt[data-d="3"]:has(input:checked){border-color:#f87171}#overlay .diff.locked{opacity:.55;pointer-events:none}#overlay .netline{margin-top:14px;font-size:12px;color:#64748b}#overlay .netline .ok{color:#4ade80}#overlay .netline .bad{color:#f87171}#overlay .card>div.hidden{display:none}#overlay h2{font-size:21px;color:#fff;margin-bottom:10px}#overlay .scr-note{font-size:12px;color:#94a3b8;max-width:420px;margin:0 auto 14px;line-height:1.5}#overlay .scr-info{font-size:13px;color:#cbd5e1;margin-bottom:8px}#overlay .go.ghost{background:#1e293b;margin-left:8px}#overlay .go.ghost:hover{background:#334155}#overlay .go.off{opacity:.45;pointer-events:none}#lobbyTabs{display:flex;gap:8px;justify-content:center;margin-bottom:14px}#lobbyTabs .tab{padding:8px 18px;border-radius:8px 8px 0 0;cursor:pointer;background:#0f172a;border:1px solid #1e293b;border-bottom:none;font-size:14px;color:#94a3b8}#lobbyTabs .tab.on{background:#111d33;color:#e2e8f0;border-color:#334155}.dm-list{max-height:46vh;overflow-y:auto;text-align:left}.dm-room{background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:10px 12px;margin-bottom:8px}.dm-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:8px}.dm-head .dm-state{color:#94a3b8;font-size:12px}.dm-team{display:flex;align-items:center;gap:6px;margin-bottom:5px}.dm-team .dm-name{width:150px;font-size:12px}.dm-team.t0 .dm-name{color:#fbbf24}.dm-team.t1 .dm-name{color:#60a5fa}.dm-slot{width:24px;height:24px;line-height:22px;text-align:center;border-radius:5px;border:1px solid #334155;background:#111d33;font-size:13px;cursor:pointer;color:#64748b}.dm-slot.free:hover{border-color:#4ade80;color:#4ade80}.dm-slot.busy{color:#4ade80;border-color:#166534;cursor:default}.dm-slot.off{opacity:.5;pointer-events:none}.dm-team .dm-hint{font-size:11px;color:#475569;margin-left:6px}.over-score{font-size:30px;font-weight:800;color:#fff;margin:6px 0 10px;font-variant-numeric:tabular-nums}.over-table{display:flex;gap:14px;justify-content:center;margin:12px 0}table.sb{border-collapse:collapse;font-size:12px;min-width:190px}table.sb caption{font-size:12px;color:#94a3b8;padding-bottom:4px}table.sb caption.t0{color:#fbbf24}table.sb caption.t1{color:#60a5fa}table.sb th{color:#64748b;font-weight:600;padding:2px 8px;border-bottom:1px solid #1e293b}table.sb td{padding:2px 8px;color:#cbd5e1;text-align:center}table.sb td:first-child{text-align:left}table.sb tr.me td{color:#4ade80;font-weight:700}table.sb tr.dead td{opacity:.5}table.sb i{color:#64748b;font-style:normal;font-size:10px}#scoreboard{position:fixed;left:50%;top:12%;transform:translate(-50%);z-index:17;display:flex;gap:16px;flex-direction:column;align-items:center;pointer-events:none;background:#06090ed1;border:1px solid #1e293b;border-radius:10px;padding:14px 20px}#scoreboard.hidden{display:none}#scoreboard .sb-time{font-size:16px;color:#e2e8f0;font-variant-numeric:tabular-nums}#scoreboard>:is(table,div){pointer-events:none}#scoreboard{flex-direction:row;flex-wrap:wrap;justify-content:center}#scoreboard .sb-time{width:100%;text-align:center}#matchbar{position:absolute;left:50%;top:10px;transform:translate(-50%);display:none;align-items:center;gap:14px;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000}#matchbar.on{display:flex}#matchbar .mb-us,#matchbar .mb-them{font-size:22px;font-weight:800;min-width:34px;text-align:center}#matchbar .mb-us{color:#4ade80}#matchbar .mb-them{color:#f87171}#matchbar .mb-time{font-size:18px;color:#e2e8f0;background:#06090e80;padding:2px 10px;border-radius:6px}#dead{position:fixed;inset:0;z-index:18;display:none;align-items:center;justify-content:center;background:#50000059;color:#fff;font-size:32px;font-weight:800;text-shadow:0 2px 8px #000}#dead.on{display:flex}#touch{position:fixed;inset:0;z-index:12;display:none}#touch.on{display:block}#touch .btn{position:absolute;pointer-events:auto;width:66px;height:66px;border-radius:50%;background:#1e293b80;border:2px solid rgba(148,163,184,.5);color:#e5e7eb;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700}#touch .btn:active{background:#475569b3}#btnFire{right:30px;bottom:110px;width:88px;height:88px;background:#dc262666;border-color:#f8717199}#btnJump{right:120px;bottom:60px}#btnReload{right:130px;bottom:150px;width:54px;height:54px;font-size:11px}#btnAds{right:40px;bottom:210px;width:54px;height:54px;font-size:11px}#btnWeap{right:110px;bottom:230px;width:50px;height:50px;font-size:18px}#btnCrouch{left:30px;bottom:40px;width:60px;height:44px;border-radius:10px;font-size:12px}#btnCrouch.on{background:#2563eb8c;border-color:#60a5fa}#btnProne{left:100px;bottom:40px;width:60px;height:44px;border-radius:10px;font-size:12px}#btnProne.on{background:#2563eb8c;border-color:#60a5fa}#btnNade{right:210px;bottom:110px;width:60px;height:60px;font-size:22px}#btnNadeType{right:215px;bottom:180px;width:50px;height:44px;border-radius:10px;font-size:22px}#stick{position:absolute;width:120px;height:120px;border-radius:50%;border:2px solid rgba(148,163,184,.35);background:#1e293b4d;display:none}#stick .knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#94a3b899}