:root{--accent:#ffb000;--accent2:#ff6a00;--panel:#101420d1;--panel2:#1e2436e6;--line:#ffffff1f;--text:#f4f6fb;--muted:#9aa3b8;--good:#4cd964;--bad:#ff3b30;--font:"Trebuchet MS", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;touch-action:none;background:#1b2233;margin:0;overflow:hidden}#game{width:100vw;height:100vh;image-rendering:pixelated;display:block;position:fixed;inset:0}.hidden{display:none!important}button{cursor:pointer;font-family:inherit}input{font-family:inherit}#hud{pointer-events:none;position:fixed;inset:0}#crosshair{--gap:6px;width:0;height:0;transition:opacity 80ms;position:absolute;top:50%;left:50%}#crosshair i{background:#fff;position:absolute;box-shadow:0 0 0 1px #0009}#crosshair .c-t,#crosshair .c-b{width:2px;height:9px;left:-1px}#crosshair .c-l,#crosshair .c-r{width:9px;height:2px;top:-1px}#crosshair .c-t{bottom:var(--gap)}#crosshair .c-b{top:var(--gap)}#crosshair .c-l{right:var(--gap)}#crosshair .c-r{left:var(--gap)}#crosshair .c-dot{width:2px;height:2px;top:-1px;left:-1px}#hitmarker{opacity:0;position:absolute;top:50%;left:50%}#hitmarker.show{opacity:1}#hitmarker i{background:#fff;width:10px;height:2px;position:absolute;box-shadow:0 0 2px #000}#hitmarker i:first-child{transform:translate(-16px,-12px)rotate(45deg)}#hitmarker i:nth-child(2){transform:translate(6px,-12px)rotate(-45deg)}#hitmarker i:nth-child(3){transform:translate(-16px,10px)rotate(-45deg)}#hitmarker i:nth-child(4){transform:translate(6px,10px)rotate(45deg)}#hitmarker.head i{background:#ffd23f}#hitmarker.kill i{background:var(--bad);width:14px}#scope{opacity:0;background:radial-gradient(circle,#0000 0 34vmin,#000 34.4vmin);transition:opacity 50ms;position:absolute;inset:0}#scope.on{opacity:1}#scope:before,#scope:after{content:"";background:#000;position:absolute}#scope:before{width:2px;top:0;bottom:0;left:50%;transform:translate(-1px)}#scope:after{height:2px;top:50%;left:0;right:0;transform:translateY(-1px)}#vignette{opacity:0;background:radial-gradient(circle,#0000 45%,#c80000bf);position:absolute;inset:0}#dmg-ring{position:absolute;top:50%;left:50%}.dmg-arrow{width:80px;height:80px;animation:.9s forwards fade;position:absolute;top:-40px;left:-40px}.dmg-arrow:before{content:"";border:14px solid #0000;border-bottom:26px solid #ff2828d9;position:absolute;top:-60px;left:50%;transform:translate(-50%)}@keyframes fade{to{opacity:0}}#top-bar{text-align:center;text-shadow:0 2px #000;position:absolute;top:12px;left:50%;transform:translate(-50%)}#timer{letter-spacing:1px;font-size:30px;font-weight:900}#leader{color:#e8ecf5;margin-top:2px;font-size:14px}#leader .me{color:var(--accent)}#killfeed{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:12px;right:14px}.feed-item{background:#00000073;border-radius:3px;padding:4px 10px;font-size:14px;font-weight:700}.feed-item i{color:#ffd23f;padding:0 4px;font-size:12px;font-style:normal}.feed-item .hs{color:var(--bad);font-size:11px}.feed-item.mine{border-left:3px solid var(--accent)}.feed-item.me{border-left:3px solid var(--bad)}#kill-banner{color:#fff;text-shadow:0 2px #000,0 0 12px #ffb000cc;opacity:0;white-space:nowrap;font-size:22px;font-weight:900;position:absolute;top:62%;left:50%;transform:translate(-50%)}#kill-banner.show{animation:1.6s ease-out forwards banner}@keyframes banner{0%{opacity:0;transform:translate(-50%,10px)scale(1.2)}12%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0}}#streak{color:var(--accent);text-shadow:0 2px #000;font-weight:900;position:absolute;top:68%;left:50%;transform:translate(-50%)}#center-msg{text-align:center;text-shadow:0 2px #000;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.death{font-size:26px;font-weight:800}.death small{color:var(--muted);margin-top:6px;font-size:15px;display:block}.results{background:var(--panel);min-width:360px;text-shadow:none;border:1px solid var(--line);border-radius:6px;padding:18px 26px}.results h2{color:var(--accent);letter-spacing:2px;margin:0 0 12px}.res-row{border-bottom:1px solid var(--line);text-align:left;grid-template-columns:28px 1fr 70px 110px;gap:8px;padding:5px 0;display:grid}.res-row.me{color:var(--accent)}.sol{color:#14f195}#health{align-items:center;gap:10px;display:flex;position:absolute;bottom:18px;left:18px}#hp-text{text-shadow:0 2px #000;min-width:60px;font-size:34px;font-weight:900}#hp-bar{background:#00000080;border:2px solid #ffffff40;width:220px;height:14px}#hp-fill{background:var(--good);width:100%;height:100%;transition:width .1s}#ammo-box{text-align:right;text-shadow:0 2px #000;position:absolute;bottom:16px;right:22px}#ammo b{font-size:42px}#ammo span{color:#d0d6e2;font-size:20px}#ammo .reloading{color:var(--accent);font-size:20px;font-weight:900}#weapon-name{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:13px}#chat{pointer-events:auto;width:340px;position:absolute;bottom:70px;left:18px}#chat-log div{background:#00000059;border-radius:2px;margin-top:2px;padding:2px 6px;font-size:13px}#chat-input{border:1px solid var(--line);color:#fff;opacity:0;pointer-events:none;background:#0009;width:100%;margin-top:4px;padding:6px 8px}#chat-input.open{opacity:1;pointer-events:auto}#netstat{color:#ffffffb3;text-shadow:0 1px #000;font-size:11px;position:absolute;top:8px;left:10px}#scoreboard{background:var(--panel);border:1px solid var(--line);border-radius:6px;min-width:min(560px,94vw);padding:14px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sb-head{justify-content:space-between;margin-bottom:8px;display:flex}.sb-head span{color:var(--muted)}#scoreboard table{border-collapse:collapse;width:100%;font-size:14px}#scoreboard th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:4px;font-weight:600}#scoreboard td{border-bottom:1px solid #ffffff0d;padding:5px 4px}#scoreboard tr.me td{color:var(--accent)}#scoreboard small{color:#14f195}#pause-btn{pointer-events:auto;color:#fff;border:1px solid var(--line);background:#00000080;border-radius:4px;width:40px;height:36px;font-size:18px;position:absolute;top:10px;left:50%;transform:translate(150px)}#touch{pointer-events:auto;position:absolute;inset:0}.t-look{width:60%;height:100%;position:absolute;top:0;right:0}.t-stick{left:max(24px, env(safe-area-inset-left));z-index:2;background:#ffffff14;border:2px solid #ffffff40;border-radius:50%;width:130px;height:130px;position:absolute;bottom:28px}.t-knob{background:#ffffff73;border-radius:50%;width:50px;height:50px;position:absolute;top:40px;left:40px}.t-btn{z-index:3;color:#fff;background:#00000059;border:2px solid #ffffff59;border-radius:50%;width:64px;height:64px;font-size:12px;font-weight:800;position:absolute}.t-btn.on{background:#ffb0008c}.t-fire{background:#ff3b3066;width:84px;height:84px;bottom:120px;right:30px}.t-fire2{background:#ff3b3059;width:56px;height:56px;bottom:150px;left:180px}.t-ads{bottom:190px;right:130px}.t-jump{bottom:40px;right:120px}.t-crouch{width:70px;height:70px;bottom:30px;right:30px}.t-reload{width:50px;height:50px;bottom:100px;right:200px}.t-swap{width:50px;height:50px;font-size:18px;bottom:230px;right:40px}@media (pointer:coarse){#chat{display:none}#health{bottom:10px;left:50%;transform:translate(-50%)}#hp-bar{width:140px}#hp-text{min-width:36px;font-size:22px}#ammo-box{top:54px;bottom:auto;right:14px}#ammo b{font-size:26px}#pause-btn{inset:10px 12px auto auto;transform:none}#killfeed{align-items:flex-start;top:54px;left:10px;right:auto}.feed-item{font-size:11px}}#menu{background:linear-gradient(#0a0e188c,#0a0e1833 40%,#0a0e18a6);grid-template-rows:auto auto 1fr auto;display:grid;position:fixed;inset:0;overflow:auto}.m-top{justify-content:space-between;align-items:center;gap:10px;padding:14px 22px;display:flex}.logo{letter-spacing:2px;text-shadow:0 4px #000;font-size:clamp(30px,6vw,54px);font-style:italic;font-weight:900}.logo span{color:var(--accent)}.m-wallet{align-items:center;gap:10px;display:flex}#wallet-balance{color:#14f195;text-shadow:0 2px #000;font-weight:800}.m-nav{flex-wrap:wrap;gap:6px;padding:0 22px;display:flex}.m-nav button{background:var(--panel);border:1px solid var(--line);color:var(--text);text-transform:uppercase;letter-spacing:1px;border-radius:4px;padding:9px 16px;font-size:13px;font-weight:800}.m-nav button.on{background:var(--accent);color:#1b1300;border-color:var(--accent)}.m-body{padding:18px 22px}.m-body>section{max-width:980px;display:none}.m-body>section.on{display:block}.m-body h2{text-shadow:0 2px #000;margin:0 0 12px}.panel-head{align-items:center;gap:12px;display:flex}.panel-head h2{margin:0}.play-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:12px;max-width:440px;padding:22px;display:flex}#name-input,.field{border:1px solid var(--line);color:#fff;-webkit-user-select:text;user-select:text;background:#00000073;border-radius:4px;padding:12px 14px;font-size:18px;font-weight:700}.btn{background:linear-gradient(180deg, var(--accent), var(--accent2));color:#1b1300;letter-spacing:1px;border:0;border-radius:4px;padding:11px 18px;font-size:15px;font-weight:900;box-shadow:0 3px #8a3c00}.btn:active{transform:translateY(2px);box-shadow:0 1px #8a3c00}.btn.big{padding:16px;font-size:30px}.btn.ghost{color:var(--text);box-shadow:none;border:1px solid var(--line);background:#ffffff14}.btn.small{padding:7px 12px;font-size:12px}.btn.sol{color:#04241a;background:linear-gradient(#14f195,#0bb877);box-shadow:0 3px #076646}.btn:disabled{opacity:.45;cursor:default}.err{color:#ff8a80;min-height:1em;margin:0;font-weight:700}.hint{color:var(--muted);margin:0;font-size:12px}#class-chip{color:var(--muted);font-weight:700}#class-chip b{color:var(--text)}.cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.card{background:var(--panel);border:2px solid var(--line);text-align:left;color:var(--text);border-radius:6px;padding:12px}.card.on{border-color:var(--accent)}.card h3{margin:0 0 4px}.card p{color:var(--muted);margin:0;font-size:13px}.card .swatch{border-radius:2px;height:8px;margin-bottom:8px}.srv{background:var(--panel);border:1px solid var(--line);border-radius:4px;grid-template-columns:90px 1fr 90px 90px 90px;align-items:center;gap:10px;margin-top:6px;padding:10px 12px;display:grid}.srv .tag{text-align:center;background:#33415e;border-radius:3px;padding:3px 6px;font-size:11px;font-weight:800}.srv .tag.wager{color:#c9ffe9;background:#0e6b4c}.muted{color:var(--muted)}.settings{background:var(--panel);border:1px solid var(--line);border-radius:6px;grid-template-columns:minmax(140px,220px) 1fr 60px;align-items:center;gap:10px 14px;max-width:620px;padding:16px;display:grid}.settings input[type=range]{width:100%}.m-foot{color:var(--muted);padding:10px 22px;font-size:12px}.m-foot a{color:var(--muted)}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.skin{background:var(--panel);border:2px solid var(--line);border-radius:6px;padding:10px;position:relative}.skin img{aspect-ratio:2;object-fit:cover;width:100%;image-rendering:pixelated;border-radius:3px;display:block}.skin h4{margin:8px 0 2px;font-size:13px}.skin .r{text-transform:uppercase;font-size:11px;font-weight:800}.skin .actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.skin.equipped{box-shadow:0 0 0 2px var(--accent) inset}.case{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:18px;padding:16px;display:flex}.case-art{text-shadow:0 2px #000;background:linear-gradient(135deg,#ffb000,#ff3d7f 60%,#6b2cff);border-radius:6px;place-items:center;width:150px;height:110px;font-size:22px;font-weight:900;display:grid}.odds{grid-template-columns:auto auto;gap:2px 14px;font-size:13px;display:grid}.reel{background:#00000080;border-radius:6px;height:120px;margin-top:14px;position:relative;overflow:hidden}.reel-strip{will-change:transform;gap:6px;display:flex;position:absolute;top:10px;left:0}.reel-item{background:var(--panel2);text-align:center;border-bottom:4px solid;border-radius:4px;flex:none;width:120px;height:100px;padding:6px;font-size:10px}.reel-item img{object-fit:cover;width:100%;height:56px;image-rendering:pixelated}.reel:after{content:"";background:var(--accent);width:3px;box-shadow:0 0 8px var(--accent);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.notice{background:#ffb0001f;border:1px solid #ffb00066;border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}#modal{z-index:10;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:#151b2a;border-radius:8px;width:min(520px,94vw);max-height:90vh;padding:20px;position:relative;overflow:auto}.modal-x{color:var(--muted);background:0 0;border:0;font-size:24px;position:absolute;top:6px;right:8px}.wallet-opt{background:var(--panel2);border:1px solid var(--line);width:100%;color:var(--text);border-radius:6px;align-items:center;gap:10px;margin-top:6px;padding:10px;font-weight:700;display:flex}.wallet-opt img{width:28px;height:28px}@media (max-width:640px){.srv{grid-template-columns:70px 1fr 60px}.srv .hide-sm{display:none}.m-nav button{padding:7px 10px;font-size:11px}}