:root{--accent: #e0742b;--ink: #f6efe4;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0d0f14;font-family:Helvetica Neue,Arial,sans-serif}#game{width:100vw;height:100vh;display:block;outline:none;touch-action:none}#menu{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#0a0c128c,#05060ae0);color:var(--ink);z-index:10;backdrop-filter:blur(3px)}#menu[hidden]{display:none}.panel{width:min(460px,92vw);text-align:center}h1{font-size:clamp(34px,6vw,54px);letter-spacing:.14em;margin:0;font-weight:800}h1 span{color:var(--accent)}.tagline{margin:6px 0 26px;opacity:.7;letter-spacing:.18em;font-size:12px;text-transform:uppercase}button#play{font:inherit;font-weight:700;font-size:20px;letter-spacing:.12em;text-transform:uppercase;padding:14px 54px;border:2px solid var(--accent);background:var(--accent);color:#1a0f06;border-radius:4px;cursor:pointer;transition:transform .12s,filter .12s}button#play:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}button#play:disabled{opacity:.55;cursor:wait;background:transparent;color:var(--ink);border-color:#ffffff4d}.status{min-height:1.3em;font-size:13px;opacity:.75;margin:14px 0 8px}.bar{height:3px;background:#ffffff1f;border-radius:2px;overflow:hidden;margin:0 auto 24px;width:70%}#bar-fill{height:100%;width:0%;background:var(--accent);transition:width .25s}.controls{margin:0 auto;border-collapse:collapse;font-size:13px;opacity:.9}.controls td{padding:5px 10px;text-align:left}.controls td:first-child{text-align:right;white-space:nowrap}kbd{display:inline-block;min-width:24px;padding:2px 7px;margin:0 2px;text-align:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-bottom-width:2px;border-radius:4px;font:600 12px ui-monospace,Menlo,monospace}.note{margin-top:18px;font-size:12px;color:#f2b27a;min-height:1em}#hud{position:fixed;inset:0;pointer-events:none;z-index:5}#hud[hidden]{display:none}#fps{position:absolute;top:10px;right:14px;padding:3px 8px;border-radius:3px;background:#00000073;color:#c9ffd0;font:12px ui-monospace,Menlo,monospace}#crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 0 1px #00000080}.settings{display:flex;gap:22px;justify-content:center;align-items:center;margin:0 0 20px;font-size:13px}.settings label{display:inline-flex;gap:8px;align-items:center;opacity:.92}.settings select{font:inherit;color:var(--ink);background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:4px 8px}.settings select option{color:#111}.settings input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}#stats{position:absolute;top:10px;left:14px;padding:4px 9px;border-radius:3px;background:#00000073;color:var(--ink);font:12px ui-monospace,Menlo,monospace}#killfeed{position:absolute;top:44px;right:14px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}#killfeed div{padding:3px 9px;border-radius:3px;background:#0000008c;color:var(--ink);font:12px ui-monospace,Menlo,monospace;animation:feedFade 4.5s forwards}#killfeed div.bad{color:#ff9a8a}@keyframes feedFade{0%,80%{opacity:1}to{opacity:0}}#hitmarker{position:absolute;left:50%;top:50%;width:0;height:0;opacity:0;transition:opacity .25s}#hitmarker.show{opacity:1;transition:none}#hitmarker i{position:absolute;width:11px;height:2px;background:#fff;box-shadow:0 0 2px #000}#hitmarker i:nth-child(1){transform:translate(-19px,-19px) rotate(45deg)}#hitmarker i:nth-child(2){transform:translate(8px,-19px) rotate(-45deg)}#hitmarker i:nth-child(3){transform:translate(-19px,17px) rotate(-45deg)}#hitmarker i:nth-child(4){transform:translate(8px,17px) rotate(45deg)}#hitmarker.head i,#hitmarker.kill i{background:#ff3b30}#dmg-vignette{position:absolute;inset:0;opacity:0;transition:opacity .6s;background:radial-gradient(ellipse at center,#0000 45%,#be0000a6)}#dmg-vignette.show{opacity:1;transition:none}#dmg-arrow{position:absolute;left:50%;top:50%;width:0;height:0;opacity:0;transition:opacity .9s}#dmg-arrow.show{opacity:1;transition:none}#dmg-arrow b{position:absolute;left:-26px;top:-170px;width:52px;height:26px;background:radial-gradient(ellipse at 50% 100%,#ff281ef2,#ff281e00 70%)}#scope{position:absolute;inset:0;background:#000;display:grid;place-items:center}#scope[hidden]{display:none}#scope svg{width:min(100vh,100vw);height:min(100vh,100vw);position:relative}#scope:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0,transparent calc(min(50vh,50vw) - 2px),#000 calc(min(50vh,50vw) + 1px));pointer-events:none;z-index:2}#scope{background:transparent}#scope-zoom{position:absolute;bottom:calc(50vh - min(50vh,50vw) + 14px);left:50%;transform:translate(-50%);z-index:3;color:#ddd;font:600 13px ui-monospace,Menlo,monospace;text-shadow:0 0 3px #000}#scope-breath{position:absolute;left:50%;bottom:calc(50vh - min(50vh,50vw) + 36px);width:90px;height:3px;transform:translate(-50%);background:#ffffff2e;z-index:3}#scope-breath i{display:block;height:100%;width:100%;background:#9fd6ff;transform-origin:left}#ammo{position:absolute;right:26px;bottom:22px;text-align:right;color:var(--ink);font:700 44px ui-monospace,Menlo,monospace;text-shadow:0 0 6px rgba(0,0,0,.7)}#ammo small{font-size:22px;opacity:.75}#ammo.low #ammo-mag{color:#ff6a5a}#weapon-name{font:600 11px Helvetica Neue,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;opacity:.8}#health{position:absolute;left:26px;bottom:26px;display:flex;align-items:center;gap:12px;color:var(--ink);font:700 30px ui-monospace,Menlo,monospace;text-shadow:0 0 6px rgba(0,0,0,.7)}#health-bar{width:190px;height:10px;background:#00000080;border:1px solid rgba(255,255,255,.3)}#health-bar i{display:block;height:100%;background:#5bd16a;transform-origin:left;transition:transform .15s}#health.low #health-bar i{background:#e5483a}#reload-tip{position:absolute;left:50%;top:58%;transform:translate(-50%);color:#ffd9a0;font:700 13px ui-monospace,Menlo,monospace;letter-spacing:.2em;text-shadow:0 0 4px #000}#reload-tip[hidden],#death[hidden]{display:none}#death{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#3c000080;color:#fff}#death h2{margin:0;font-size:56px;letter-spacing:.3em}#death p{margin:6px 0 0;font-size:16px;opacity:.9}.modes{display:flex;gap:18px;justify-content:center;margin:0 0 12px;font-size:13px}.modes label{display:inline-flex;gap:6px;align-items:center;cursor:pointer}.modes input{accent-color:var(--accent)}#mp-fields{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0 0 14px}#mp-fields[hidden]{display:none}#mp-fields input{font:inherit;font-size:13px;color:var(--ink);background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:6px 9px;width:140px}#mp-fields #mp-url{width:296px}#mp-fields input::placeholder{color:#f6efe480}#scoreboard{position:absolute;left:50%;top:18%;transform:translate(-50%);min-width:340px;padding:14px 20px;background:#080a0ed1;border:1px solid rgba(255,255,255,.2);color:var(--ink);font:13px ui-monospace,Menlo,monospace}#scoreboard[hidden],#net-banner[hidden]{display:none}#scoreboard h3{margin:0 0 8px;font:700 15px Helvetica Neue,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}#scoreboard h3 small{opacity:.6;font-weight:400;margin-left:8px;letter-spacing:0}#scoreboard table{width:100%;border-collapse:collapse}#scoreboard th{text-align:left;opacity:.6;font-weight:400;padding:2px 6px}#scoreboard td{padding:3px 6px}#scoreboard td:nth-child(n+2),#scoreboard th:nth-child(n+2){text-align:right}#scoreboard tr.me td{color:#ffd9a0;font-weight:700}#scoreboard tr.dead td:first-child{opacity:.5;text-decoration:line-through}#sb-limit{margin:8px 0 0;opacity:.6}#net-banner{position:absolute;left:50%;top:34%;transform:translate(-50%);padding:10px 18px;background:#000000b3;color:#ffd9a0;font:700 15px Helvetica Neue,Arial,sans-serif;letter-spacing:.1em;border-radius:4px}#scoreboard h3.sb-global{margin-top:14px}#scoreboard td:first-child,#scoreboard th:first-child{text-align:left}#mp-board{margin:0 0 14px;padding:10px 14px;background:#ffffff12;border:1px solid rgba(255,255,255,.2);border-radius:4px;text-align:left}#mp-board[hidden]{display:none}#mp-board h2{margin:0 0 6px;font:700 12px Helvetica Neue,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;opacity:.8}#mp-board ol{margin:0;padding-left:22px;font-size:13px}#mp-board li span{display:inline-block;min-width:150px}#mp-board li b{color:#ffd9a0}#mp-board p{margin:6px 0 0;font-size:11px;opacity:.6}#menu-bg{position:absolute;inset:0;z-index:-1;background:#0d0f14 repeat-x 0 50% / auto 100%;animation:menu-pan 420s linear infinite;filter:saturate(1.1) brightness(.95)}#menu-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#080a106b,#040509c7)}@keyframes menu-pan{to{background-position-x:-428.5vh}}#menu.paused #menu-bg{display:none}@media(prefers-reduced-motion:reduce){#menu-bg{animation:none}}#mp-fields{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 14px}#auth-box{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}#auth-google{min-height:40px;display:flex;justify-content:center}#auth-google[hidden],#auth-user[hidden],#guest-box[hidden]{display:none}#auth-user{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:22px}#auth-pic{width:28px;height:28px;border-radius:50%}#auth-name{font-weight:700}#auth-out{font:inherit;font-size:12px;color:var(--ink);background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:4px;padding:3px 8px;cursor:pointer}#guest-box{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.or{width:100%;text-align:center;font-size:12px;opacity:.7;display:flex;align-items:center;gap:10px}.or:before,.or:after{content:"";flex:1;height:1px;background:#ffffff40}#auth-note{margin:0;font-size:12px;color:#ffd9a0;min-height:0}.privacy{margin:2px 0 0;font-size:11px;opacity:.6;max-width:380px}#stats #st-global{color:#ffd9a0}#skin-picker{width:100%;text-align:center}#skin-picker p{margin:0 0 6px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}#skin-picker .skins{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#skin-picker button{font:inherit;font-size:12px;color:var(--ink);background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:6px;padding:8px 4px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}#skin-picker button i{display:block;width:26px;height:40px;border-radius:12px 12px 4px 4px}#skin-picker button:hover{background:#ffffff29}#skin-picker button.sel{border-color:var(--accent);background:#e0742b38;font-weight:700}#skin-picker button img{display:block;width:100%;max-width:74px;height:auto;border-radius:6px}#skin-picker button img[hidden],#skin-picker button i[hidden]{display:none}