:root{--t: #e8b04a;--ct: #5aa0ff;--ink: #f4efe3;--panel: rgba(10, 12, 14, .62);--line: rgba(255, 255, 255, .14)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0d10;color:var(--ink);font-family:Segoe UI,Roboto,Arial,sans-serif;-webkit-user-select:none;user-select:none}#view{position:fixed;inset:0;width:100%;height:100%;display:block}[hidden]{display:none!important}button{font:inherit;cursor:pointer}button,select{touch-action:manipulation}select{color:var(--ink);background:#24272c;border:1px solid var(--line);padding:8px;border-radius:6px}#lobby,#menu{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;padding:16px;background:radial-gradient(ellipse at center,#080a0c59,#080a0cd9)}.brand{display:flex;align-items:center;gap:14px}.brand h1{margin:0;font:900 clamp(44px,9vw,86px)/.9 "Arial Black",Arial,sans-serif;letter-spacing:2px;text-shadow:0 4px 0 #000a}.brand h1 span{color:var(--t)}.logo{width:54px;height:54px;display:grid;grid-template-columns:1fr 1fr;gap:4px;transform:rotate(8deg)}.logo i{background:#c9a35c;box-shadow:inset -4px -4px #0003}.logo i:nth-child(2){background:#8a6a3a}.logo i:nth-child(3){background:#6d7a86}.logo i:nth-child(4){background:var(--t)}.tag{margin:0;max-width:520px;text-align:center;color:#d8d2c4;font-size:16px;text-shadow:0 2px 6px #000}.card{width:min(460px,100%);background:#0c0e11e0;border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:10px;box-shadow:0 20px 60px #0008}.card label{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#a9a294;display:grid;gap:6px}.card input:not([type=range]){width:100%;padding:11px 12px;border-radius:8px;border:1px solid var(--line);background:#0006;color:#fff;font-size:16px}.teams{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.teams button,.ghost{padding:9px;border-radius:8px;border:1px solid var(--line);background:#ffffff0d;color:#ddd;font-weight:700;font-size:13px;text-decoration:none;text-align:center}.teams button.on{background:var(--t);color:#1a1408;border-color:transparent}.play{padding:14px;border:0;border-radius:9px;background:linear-gradient(#f2c25c,#d79a2c);color:#1a1408;font:900 24px Arial Black,Arial,sans-serif;letter-spacing:2px;box-shadow:inset 0 -4px #0003}.play:disabled{opacity:.7}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row span{font-size:13px;color:#a9a294}#share{display:grid;grid-template-columns:1fr auto auto;gap:6px}.keys{margin:0;font-size:12px;color:#a39d90;line-height:1.6}.keys b{color:#e9e2d0}.foot{margin:0;font-size:12px;color:#8a8478}.foot a{color:#c9a35c}#menu .card h2{margin:0 0 4px}#menu input[type=range]{width:100%}#hud{position:fixed;inset:0;pointer-events:none;font-weight:700;text-shadow:0 1px 2px #000,0 0 6px #0008}#hud .bm,#hud input,#hud #clickto,#hud button{pointer-events:auto}#top{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:6px}.teamsc{display:flex;align-items:center;gap:8px;padding:4px 12px;background:var(--panel);border-radius:6px;font-size:26px;min-width:120px}.teamsc.t{color:var(--t);justify-content:flex-end}.teamsc.ct{color:var(--ct)}.teamsc span{font-size:13px;letter-spacing:1px;opacity:.9}#timebox{background:var(--panel);border-radius:6px;padding:2px 16px;text-align:center;min-width:110px}#timer{font-size:28px;font-variant-numeric:tabular-nums}#timer.bomb{color:#ff4a3a;animation:pulse 1s infinite}#timer.freeze{color:#9fd3ff}#round{font-size:11px;letter-spacing:1px;color:#cfc7b6;text-transform:uppercase}@keyframes pulse{50%{opacity:.45}}#radarbox{position:absolute;top:12px;left:12px;display:grid;gap:4px}#radar{width:192px;height:192px;border-radius:8px;border:2px solid #0008;background:#0004;image-rendering:pixelated}#where{font-size:13px;color:#e7dcc4}#money{font-size:24px;color:#7ddc6a}#money.buy:after{content:"  B to buy";font-size:12px;color:#c8e8bd}#killfeed{position:absolute;top:12px;right:12px;display:grid;gap:4px;justify-items:end}.kf{background:#0000008c;padding:5px 10px;border-radius:4px;font-size:14px;display:flex;gap:8px;align-items:center}.kf.mine{outline:2px solid #d43b2f}.kf .t{color:var(--t)}.kf .ct{color:var(--ct)}.kf .w{color:#ddd;font-weight:600;font-size:12px}#crosshair{--gap: 5px;position:absolute;left:50%;top:50%}#crosshair i{position:absolute;background:#6dff6d;box-shadow:0 0 0 1px #000a}#crosshair .l,#crosshair .r{width:8px;height:2px;top:-1px}#crosshair .l{right:var(--gap)}#crosshair .r{left:var(--gap)}#crosshair .u,#crosshair .d{width:2px;height:8px;left:-1px}#crosshair .u{bottom:var(--gap)}#crosshair .d{top:var(--gap)}#crosshair .dot{width:2px;height:2px;left:-1px;top:-1px}#hitmarker{position:absolute;left:50%;top:50%;opacity:0;transition:opacity .12s}#hitmarker.on{opacity:1;transition:none}#hitmarker i{position:absolute;width:10px;height:2px;background:#fff}#hitmarker.head i{background:#ff5040}#hitmarker i:nth-child(1){transform:translate(6px,6px) rotate(45deg)}#hitmarker i:nth-child(2){transform:translate(-16px,6px) rotate(-45deg)}#hitmarker i:nth-child(3){transform:translate(6px,-8px) rotate(-45deg)}#hitmarker i:nth-child(4){transform:translate(-16px,-8px) rotate(45deg)}#dmgdir{position:absolute;left:50%;top:50%}#dmgdir i{position:absolute;left:-40px;top:-40px;width:80px;height:80px;border-radius:50%;border-top:6px solid rgba(255,40,30,.85);transform-origin:50% 50%}#scope{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0,transparent 34vh,#000 34.3vh)}#scope:before,#scope:after{content:"";position:absolute;background:#000}#scope:before{left:0;right:0;top:50%;height:1px}#scope:after{top:0;bottom:0;left:50%;width:1px}#flash{position:absolute;inset:0;background:#fff;opacity:0}#hint{position:absolute;left:50%;top:62%;transform:translate(-50%);font-size:16px;color:#fff}#progress{position:absolute;left:50%;top:66%;transform:translate(-50%);width:260px;text-align:center;font-size:13px}#progress .bar{height:8px;background:#0008;border-radius:4px;overflow:hidden;margin-top:4px}#progress-fill{height:100%;width:0;background:linear-gradient(90deg,#f2c25c,#ffe9a8)}#center-msg{position:absolute;left:50%;top:24%;transform:translate(-50%);text-align:center;display:grid;gap:4px}#center-msg b{font:900 34px Arial Black,Arial,sans-serif;letter-spacing:1px}#center-msg b.red{color:#ff5a4a}#center-msg b.blue{color:var(--ct)}#center-msg b.tan{color:var(--t)}#center-msg span{font-size:15px;color:#ddd}#chatlog{position:absolute;left:14px;bottom:120px;display:grid;gap:2px;font-size:14px;max-width:420px}#chatlog div{transition:opacity 1s}#chatlog div.old{opacity:0}#chatlog .sys{color:#ffd88a}#chatlog .t{color:var(--t)}#chatlog .ct{color:var(--ct)}#chatin{position:absolute;left:14px;bottom:90px;width:380px;padding:8px;background:#000a;color:#fff;border:1px solid var(--line);border-radius:6px;font:14px Arial}#bottom-left{position:absolute;left:14px;bottom:14px;display:flex;gap:10px}#bottom-left>div{display:flex;gap:8px;align-items:center;background:var(--panel);padding:6px 14px;border-radius:6px;font-size:30px}#bottom-left i{font-style:normal;font-size:20px;opacity:.85}#hp-box.low{color:#ff5040}#hotbar{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;gap:3px;padding:3px;background:#00000073;border:2px solid #000a}.slot{width:74px;height:54px;border:2px solid #8b8b8b55;background:#3c3c3c59;position:relative;display:grid;place-items:center;font-size:11px;text-align:center;padding:2px;line-height:1.1}.slot em{position:absolute;top:1px;left:4px;font-style:normal;font-size:11px;color:#ccc}.slot.sel{border-color:#fff;background:#ffffff29;box-shadow:0 0 0 2px #000}.slot.empty span{opacity:.25}.slot{color:var(--ink)}#block-picker{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;gap:4px;max-width:80vw;flex-wrap:wrap;justify-content:center}#block-picker button{background:#202329dd;color:#eee;border:1px solid #777;padding:10px;border-radius:6px}#block-picker button.sel{border-color:var(--t);color:var(--t)}#bottom-right{position:absolute;right:16px;bottom:14px;text-align:right}#wname{font-size:13px;color:#d9d2c2}#ammo{font-size:38px}#ammo b{font-variant-numeric:tabular-nums}#ammo span{font-size:20px;color:#cfc7b6;margin-left:6px}#dead{position:absolute;left:50%;bottom:90px;transform:translate(-50%);text-align:center;display:grid;gap:4px}#killer{font-size:18px;color:#ffb4a8}#spec{font-size:13px;color:#ddd}#clickto{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 26px;background:#000a;border-radius:8px;font-size:18px;cursor:pointer}#buymenu{position:absolute;inset:0;display:grid;place-items:center;background:#00000059}.bm{background:#0e1013f0;border:1px solid var(--line);border-radius:12px;padding:18px;width:min(1000px,96vw);text-shadow:none}.bm h2{margin:0 0 12px;font-size:20px}.bm h2 small{font-size:13px;color:#9fd38f;margin-left:10px}#buy-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.bc h4{margin:0 0 6px;font-size:12px;color:#a9a294;letter-spacing:1px;text-transform:uppercase}.bc button{display:flex;justify-content:space-between;width:100%;margin-bottom:5px;padding:9px 10px;border-radius:6px;border:1px solid var(--line);background:#ffffff0c;color:#eee;font-weight:700;font-size:13px}.bc button:hover:not(:disabled){background:#f2c25c;color:#1a1408}.bc button:disabled{opacity:.35;cursor:default}.bc button b{color:#7ddc6a}.bc button:hover:not(:disabled) b{color:#1a1408}.tip{margin:10px 0 0;font-size:12px;color:#8a8478;font-weight:400}#scoreboard{position:absolute;inset:0;display:grid;place-items:center;background:#0000004d}#score-body{display:grid;gap:10px;width:min(760px,94vw);text-shadow:none}.sb{background:#0c0e11e6;border-radius:10px;padding:10px 14px;border-left:4px solid var(--ct)}.sb.t{border-left-color:var(--t)}.sb h3{margin:0 0 6px;display:flex;justify-content:space-between}.sb.ct h3{color:var(--ct)}.sb.t h3{color:var(--t)}.sb table{width:100%;border-collapse:collapse;font-size:13px}.sb th{text-align:left;color:#8a8478;font-weight:600;padding:3px 6px}.sb td{padding:4px 6px;border-top:1px solid #ffffff10}.sb td:not(:first-child),.sb th:not(:first-child){text-align:right;width:54px}.sb tr.me td{color:#ffe08a}.sb tr.deadrow td{opacity:.45}.sb td i{color:#8a8478;font-size:11px}@media(max-width:760px){#radar{width:120px;height:120px}.slot{width:50px;height:42px;font-size:9px}#ammo{font-size:26px}#bottom-left>div{font-size:20px;padding:4px 8px}.teamsc{min-width:70px;font-size:18px}}#touch-controls{position:fixed;inset:0;pointer-events:none;z-index:3;touch-action:none}#touch-controls button{pointer-events:auto;touch-action:none;min-height:44px;color:#f4efe3;background:#17202ca6;border:1px solid #cbd6e459;border-radius:12px;font-size:12px;font-weight:800;text-shadow:0 1px 2px #000}#touch-controls button.held{background:#dba940a6;border-color:#ffe2a3}#aim-pad{position:absolute;top:0;right:0;width:54%;bottom:150px;pointer-events:auto;touch-action:none}#move-stick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:86px;width:118px;height:118px;border-radius:50%;background:#0b172354;border:2px solid #cbd6e440;pointer-events:auto;touch-action:none;display:grid;place-items:center}#stick-knob{width:46px;height:46px;border-radius:50%;background:#dce8f067;border:1px solid #e8f4fb70}#move-stick small{position:absolute;bottom:8px;color:#ffffff8a;font-size:9px}#touch-actions{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:80px;display:grid;grid-template-columns:repeat(3,58px);gap:6px}#touch-fire{border-color:#e4be69!important;color:#ffe4a9!important}#touch-utility{position:absolute;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));display:flex;gap:5px}#touch-utility button{padding:8px 12px}#landscape-hint{display:none}#menu{z-index:6}#menu .card,.bm,#scoreboard>div{max-height:92dvh;overflow-y:auto}.bm .close{float:right;margin-left:10px;min-height:44px}#scoreboard{pointer-events:auto}.touch-controls #radar{width:112px;height:112px}.touch-controls #money{font-size:18px}.touch-controls #money.buy:after{content:" · Buy"}.touch-controls #killfeed{top:64px}.touch-controls #bottom-left{bottom:max(12px,env(safe-area-inset-bottom))}.touch-controls #bottom-left>div{padding:5px 7px;font-size:20px;gap:4px}.touch-controls #hotbar .slot{width:44px;height:44px;font-size:9px}.touch-controls #hotbar{bottom:max(8px,env(safe-area-inset-bottom))}.touch-controls #ammo{font-size:24px}.touch-controls #ammo span{font-size:16px}.touch-controls #wname{font-size:11px;max-width:150px}.touch-controls #chatlog{display:none}.touch-controls #hint{font-size:13px;top:58%}.touch-controls #center-msg b{font-size:24px}.touch-controls #block-picker{bottom:60px}@media(max-height:500px){#lobby{padding:10px;gap:8px;grid-template-columns:auto minmax(280px,420px);align-content:center}#lobby .brand,#lobby .tag,#lobby .foot{grid-column:1}#lobby .brand h1{font-size:42px}#lobby .logo{width:32px;height:32px}#lobby .tag{max-width:260px;font-size:13px}#lobby .card{grid-column:2;grid-row:1 / 4;max-height:94dvh;overflow-y:auto;padding:12px;gap:6px}#lobby .keys{display:none}#lobby .play{padding:8px}.touch-controls #radar{width:84px;height:84px}.touch-controls #where{font-size:10px}.touch-controls .teamsc{font-size:18px;min-width:70px;padding:4px 7px}.touch-controls .teamsc span{font-size:9px}.touch-controls #timebox{padding:2px 8px;min-width:90px}.touch-controls #timer{font-size:22px}.touch-controls #round{font-size:8px}.touch-controls #killfeed .kf{font-size:11px;padding:3px 5px}#move-stick{width:104px;height:104px;bottom:70px}#touch-actions{bottom:68px}#block-picker button{padding:6px}}@media(orientation:portrait){#landscape-hint{display:block;position:absolute;top:85px;left:50%;transform:translate(-50%);font-size:11px;background:#0008;padding:6px;white-space:nowrap}}