:root{--ink:#f5f6f7;--dim:#a3a8b0;--faint:#ffffff14;--line:#ffffff1f;--panel:#0e0f12b8;--accent:#ffb547;--accent-ink:#1a1206;--ok:#6ee08a;--bad:#ff5d50;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-font-smoothing:antialiased;background:#0e0f11;margin:0;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}button{font:600 15px var(--font);color:var(--ink);background:var(--faint);border:1px solid var(--line);cursor:pointer;letter-spacing:.01em;border-radius:12px;padding:13px 18px;transition:background .12s,border-color .12s,transform 80ms}button:hover{background:#ffffff24}button:active{transform:scale(.98)}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:800}button.primary:hover{background:#ffc46b}button.ghost{background:0 0}button.ghost:hover{background:var(--faint)}button:disabled{opacity:.4;pointer-events:none}input{font:600 15px var(--font);color:var(--ink);border:1px solid var(--line);background:#0000004d;border-radius:10px;outline:none;width:100%;padding:10px 12px}input:focus{border-color:var(--accent)}.screen-bg{pointer-events:none;background:linear-gradient(#08090b26,#08090bb3);position:fixed;inset:0}.screen{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));z-index:20;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.screen.overlay{-webkit-backdrop-filter:blur(10px);z-index:40;background:#08090b99}.logo{letter-spacing:.16em;text-shadow:0 6px 30px #00000059;margin-right:-.16em;font-size:clamp(56px,13vw,112px);font-weight:900;line-height:1}.title{letter-spacing:.08em;text-transform:uppercase;font-size:26px;font-weight:800}.sub{color:var(--dim);text-align:center;font-size:14px}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);border-radius:18px;flex-direction:column;gap:14px;width:min(520px,100%);padding:16px;display:flex}.field{grid-template-columns:96px 1fr;align-items:center;gap:12px;display:grid}.label{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600}.buttons{flex-direction:column;gap:10px;width:min(340px,100%);display:flex}.buttons .pair{gap:10px;display:flex}.buttons .pair button{flex:1}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatches i{cursor:pointer;outline-offset:2px;border-radius:50%;outline:2px solid #0000;width:26px;height:26px}.swatches i.on{outline-color:#fff}.seg{border:1px solid var(--line);background:#0000004d;border-radius:10px;gap:3px;padding:3px;display:flex}.seg span{text-align:center;cursor:pointer;color:var(--dim);white-space:nowrap;border-radius:7px;flex:1;padding:8px 6px;font-size:14px;font-weight:600}.seg span.on{background:var(--ink);color:#111}.levels{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.lv{cursor:pointer;border:1px solid var(--line);background:#00000040;border-radius:12px;overflow:hidden}.lv .thumb{height:64px;position:relative}.lv .thumb:after{content:"";opacity:.8;background:repeating-linear-gradient(90deg,#2b2b2e 0 14px,#e9e3d0 14px 18px,#2b2b2e 18px 30px);height:30%;position:absolute;bottom:0;left:0;right:0}.lv .meta{padding:8px 10px}.lv b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;display:block;overflow:hidden}.lv small{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.lv.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.stepper{align-items:center;gap:10px;display:flex}.stepper button{border-radius:10px;width:38px;height:38px;padding:0;font-size:18px}.stepper span{text-align:center;min-width:22px;font-size:18px;font-weight:800}.join{gap:8px;display:flex}.join input{text-transform:uppercase;letter-spacing:.4em;text-align:center;flex:1;font-size:20px;font-weight:800}.or{text-align:center;color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.err{color:var(--bad);text-align:center;min-height:18px;font-size:13px}.code{color:var(--accent);letter-spacing:.15em}.players{flex-direction:column;gap:6px;display:flex}.players .pl{background:#ffffff0d;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.players .pl i{border-radius:50%;width:10px;height:10px}.players .pl span{flex:1;font-weight:600}.players .pl em{color:var(--dim);font-size:12px;font-style:normal}.settings .srow{grid-template-columns:1fr 1.2fr;align-items:center;gap:12px;display:grid}.settings .srow>span{color:var(--dim);font-size:14px;font-weight:500}.settings .srow output{color:var(--ink);margin-left:6px;font-size:13px}.settings input[type=range]{accent-color:var(--accent);background:0 0;border:none;padding:0}.settings .tog{cursor:pointer;background:#ffffff26;border-radius:12px;justify-self:start;width:42px;height:24px;position:relative}.settings .tog:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:3px;left:3px}.settings .tog.on{background:var(--accent)}.settings .tog.on:after{left:21px}.help .keys{grid-template-columns:auto 1fr;gap:8px 18px;font-size:14px;display:grid}.help .keys span{color:var(--dim)}.help .keys b{font-weight:600}.help ul{color:var(--dim);margin:0;padding-left:18px;font-size:13px;line-height:1.55}#resTable{border-collapse:collapse;width:100%;font-size:14px}#resTable th{text-align:left;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;padding:4px 6px;font-size:11px;font-weight:600}#resTable td{border-top:1px solid var(--line);padding:7px 6px}#resTable tr.win td{color:var(--accent);font-weight:800}#resTable i,#scoreboard i{vertical-align:1px;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.tag{letter-spacing:.08em;color:var(--dim);border:1px solid var(--line);border-radius:4px;margin-left:6px;padding:1px 4px;font-size:10px;font-weight:700}#loading{letter-spacing:.3em;text-transform:uppercase;z-index:60;background:#08090b99;place-items:center;font-weight:800;display:grid;position:fixed;inset:0}#toast{background:var(--panel);border:1px solid var(--line);z-index:70;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600;position:fixed;top:18px;left:50%;transform:translate(-50%)}#death{z-index:30;pointer-events:auto;text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:14%;left:50%;transform:translate(-50%)}#death .d-title{letter-spacing:.12em;text-transform:uppercase;text-shadow:0 4px 24px #00000080;font-size:clamp(28px,6vw,48px);font-weight:900}#death .d-sub{color:#dfe2e6;text-shadow:0 2px 8px #000000b3;min-height:18px;font-size:15px;font-weight:500}#death .d-buttons{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}#death .d-buttons button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0e0f1299;min-width:130px}#death .d-buttons button.primary{background:var(--accent)}#hud{pointer-events:none;z-index:10;text-shadow:0 1px 3px #0000008c;font-weight:600;position:fixed;inset:0}#tunnelDark{opacity:0;background:#000;position:absolute;inset:0}#vignette{opacity:0;background:radial-gradient(#0000 55%,#aa0a0a80 100%);transition:opacity .25s;position:absolute;inset:0}#flash{opacity:0;background:#fff;position:absolute;inset:0}#crosshair{width:0;height:0;position:absolute;top:50%;left:50%}#crosshair i{background:#ffffffeb;position:absolute;box-shadow:0 0 2px #000c}#crosshair i:first-child,#crosshair i:nth-child(2){width:2px;height:7px;left:-1px}#crosshair i:nth-child(3),#crosshair i:nth-child(4){width:7px;height:2px;top:-1px}#crosshair b{background:#fff;border-radius:50%;width:3px;height:3px;position:absolute;top:-1.5px;left:-1.5px;box-shadow:0 0 2px #000}#hitmarker{opacity:0;color:#fff;background:linear-gradient(45deg,#0000 45%,currentColor 45% 55%,#0000 55%),linear-gradient(-45deg,#0000 45%,currentColor 45% 55%,#0000 55%);width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 4px,#000 5px);mask:radial-gradient(circle,#0000 4px,#000 5px)}#airshot{letter-spacing:.2em;color:var(--accent);opacity:0;white-space:nowrap;font-size:22px;font-weight:900;position:absolute;top:38%;left:50%;transform:translate(-50%)}#scope{position:absolute;inset:0}#scope .ring{border:2px solid #000000bf;border-radius:50%;width:46vmin;height:46vmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff40,inset 0 0 40px #00000059,0 0 0 100vmax #0000002e}#scope .ring:before,#scope .ring:after{content:"";background:#000c;position:absolute}#scope .ring:before{width:1px;top:8%;bottom:8%;left:50%}#scope .ring:after{height:1px;top:50%;left:8%;right:8%}#warn{-webkit-backdrop-filter:blur(8px);background:#0e0f12b3;border-radius:12px;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:9px 14px 9px 10px;display:flex;position:absolute;top:11%;left:50%;transform:translate(-50%)}#warn .w-icon{background:var(--accent);border-radius:2px;align-self:stretch;width:4px}#warn.big .w-icon{background:var(--bad);animation:.5s infinite alternate blink}@keyframes blink{0%{opacity:.4}to{opacity:1}}#warn .w-title{letter-spacing:.08em;text-transform:uppercase;font-size:15px;font-weight:800}#warn .w-tip{color:var(--dim);font-size:12px;font-weight:500}#warn .w-count{color:var(--accent);text-align:right;font-variant-numeric:tabular-nums;min-width:22px;font-size:22px;font-weight:800}#warn.big .w-count{color:var(--bad)}#duck{letter-spacing:.3em;color:var(--bad);font-size:40px;font-weight:900;animation:.25s infinite alternate pulse2;position:absolute;top:58%;left:50%;transform:translate(-50%)}@keyframes pulse2{0%{opacity:.55}to{opacity:1}}#topbar{top:max(12px, env(safe-area-inset-top));flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#modeInfo{letter-spacing:.1em;text-transform:uppercase;color:#e8eaed;white-space:nowrap;font-size:12px}#modeInfo b{color:var(--accent)}#holdBar{background:#00000073;border-radius:3px;width:240px;height:6px;margin-top:14px;position:relative;overflow:visible}#holdBar .hb-fill{background:var(--accent);border-radius:3px;width:0;position:absolute;top:0;bottom:0;left:0}#holdBar .hb-text{text-align:center;letter-spacing:.06em;white-space:nowrap;font-size:12px;position:absolute;bottom:10px;left:0;right:0}#holdBar.contested .hb-fill{background:var(--bad)}#minimap{left:14px;top:max(14px, env(safe-area-inset-top));background:#0e0f1259;border-radius:10px;width:96px;height:148px;position:absolute}#killfeed{right:14px;top:max(14px, env(safe-area-inset-top));flex-direction:column;align-items:flex-end;gap:4px;max-width:46vw;font-size:13px;font-weight:500;display:flex;position:absolute}#killfeed div{white-space:nowrap;text-overflow:ellipsis;max-width:100%;text-shadow:none;background:#0e0f128c;border-radius:7px;padding:4px 9px;overflow:hidden}#killfeed div.me{box-shadow:inset 2px 0 0 var(--accent)}#killfeed b{font-weight:700}#centerMsg{letter-spacing:.08em;text-transform:uppercase;text-align:center;white-space:nowrap;font-size:18px;font-weight:700;transition:opacity .3s;position:absolute;top:30%;left:50%;transform:translate(-50%)}#bigMsg{letter-spacing:.1em;text-align:center;white-space:nowrap;font-size:clamp(54px,12vw,104px);font-weight:900;transition:opacity .3s;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}#bl{left:16px;bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:6px;display:flex;position:absolute}#hp{background:#00000073;border-radius:3px;width:200px;height:6px;position:relative}#hp .hp-fill{background:#f5f6f7;border-radius:3px;width:100%;transition:width .12s;position:absolute;top:0;bottom:0;left:0}#hp.low .hp-fill{background:var(--bad)}#hp .hp-num{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;position:absolute;bottom:10px;left:0}#speed{color:var(--dim);font-size:12px}#speed span{color:var(--ink);font-size:16px;font-weight:800}#br{right:16px;bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute}#weapons{text-transform:uppercase;letter-spacing:.08em;gap:10px;font-size:11px;display:flex}#weapons div{color:#fff6}#weapons div.on{color:var(--ink)}#ammo{font-variant-numeric:tabular-nums}#ammo .a-n{font-size:34px;font-weight:800}#ammo .a-m{color:var(--dim);margin-left:4px;font-size:13px}#ammo.reload .a-n{color:var(--accent)}#grapple{letter-spacing:.1em;color:var(--dim);font-size:11px}#grapple .g-n{color:var(--accent);margin-left:6px;font-size:15px;font-weight:800}#pickupHint{font-size:14px;position:absolute;top:62%;left:50%;transform:translate(-50%)}#fps{color:var(--dim);font-size:11px;position:absolute;top:50%;right:16px}#spectate{text-align:center;color:#dfe2e6;font-size:14px;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}#scoreboard{background:var(--panel);border:1px solid var(--line);min-width:min(440px,92vw);text-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:14px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#scoreboard table{border-collapse:collapse;width:100%;font-size:14px}#scoreboard td,#scoreboard th{text-align:left;padding:6px 8px}#scoreboard th{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}#scoreboard .dead{opacity:.4}#touch{pointer-events:none;position:absolute;inset:0}#stick{pointer-events:auto;background:#ffffff0f;border:1px solid #fff3;border-radius:50%;width:124px;height:124px;position:absolute;bottom:90px;left:24px}#stick .knob{background:#ffffff4d;border-radius:50%;width:46px;height:46px;position:absolute;top:39px;left:39px}.tbtn{letter-spacing:.08em;pointer-events:auto;color:#fff;background:#ffffff14;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:70px;height:70px;font-size:11px;font-weight:700;display:grid;position:absolute}.tbtn.small{width:48px;height:48px;font-size:9px}.tbtn.on{background:#ffb54773}#tJump{bottom:120px;right:22px}#tSlide{bottom:74px;right:104px}#tFire{width:80px;height:80px;bottom:166px;right:110px}#tGrap{bottom:202px;right:22px}#tSwap{bottom:96px;right:190px}#tZoom{bottom:156px;right:196px}#tPause{top:14px;right:14px}body.touch #bl{bottom:26px;left:170px}body.touch #hp{width:140px}body.touch #br{top:64px;bottom:auto}body.touch #minimap{top:64px}@media (max-width:640px){.field{grid-template-columns:72px 1fr}.levels{grid-template-columns:1fr 1fr 1fr}.lv .thumb{height:46px}#minimap{width:72px;height:110px}#killfeed{font-size:11px}.seg span{padding:8px 2px;font-size:13px}}