:root{--fg:#eef2f5;--dim:#eef2f59e;--faint:#eef2f552;--line:#eef2f529;--panel:#090c0f9e;--panel2:#090c0fd1;--ally:#4cb5ff;--enemy:#ff4d5a;--gold:#ffc83d;--gold2:#ffdd80;--good:#8fe36a;--font:"Rajdhani", "Bahnschrift", "DIN Alternate", "Arial Narrow", system-ui, sans-serif;--font2:"Barlow Condensed", "Rajdhani", "Arial Narrow", sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--snap:cubic-bezier(.3, 1.6, .5, 1);--cut:polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));--cut-s:polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));--ts:0 1px 2px #000000d9, 0 0 12px #00000059}*{box-sizing:border-box}html,body{height:100%;color:var(--fg);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;background:#000;margin:0;overflow:hidden}canvas#game{width:100%;height:100%;display:block;position:fixed;inset:0}kbd{border:1px solid var(--faint);min-width:20px;font:700 12px/17px var(--font);text-align:center;color:var(--fg);letter-spacing:.04em;background:#ffffff0f;border-bottom-width:2px;border-radius:3px;margin-right:6px;padding:0 5px;display:inline-block}#hud{pointer-events:none;font-variant-numeric:tabular-nums;text-shadow:var(--ts);position:fixed;inset:0}#hud.hidden{display:none}#crosshair{--gap:6px;width:0;height:0;transition:opacity .1s;position:absolute;top:50%;left:50%}#crosshair .l{background:var(--xh,#fff);transition:transform 60ms linear;position:absolute;box-shadow:0 0 0 1px #0000008c}#crosshair .t,#crosshair .b{width:2px;height:9px;left:-1px}#crosshair .lf,#crosshair .r{width:9px;height:2px;top:-1px}#crosshair .t{transform:translateY(calc(var(--gap) * -1));top:-9px}#crosshair .b{transform:translateY(var(--gap));top:0}#crosshair .lf{transform:translateX(calc(var(--gap) * -1));left:-9px}#crosshair .r{transform:translateX(var(--gap));left:0}#crosshair .dot{width:2px;height:2px;top:-1px;left:-1px}#hud.dead #crosshair{opacity:0!important}#hitmarker{opacity:0;width:0;height:0;position:absolute;top:50%;left:50%}#hitmarker i{background:#fff;width:2px;height:10px;position:absolute;top:-5px;left:-1px;box-shadow:0 0 2px #000000e6}#hitmarker .a{transform:rotate(45deg)translateY(-12px)}#hitmarker .b{transform:rotate(135deg)translateY(-12px)}#hitmarker .c{transform:rotate(225deg)translateY(-12px)}#hitmarker .d{transform:rotate(315deg)translateY(-12px)}#hitmarker.on{animation:hmIn .2s var(--ease) forwards}#hitmarker.head i{background:var(--gold)}#hitmarker.kill i{background:var(--enemy);width:3px;height:14px;top:-7px;left:-1.5px}#hitmarker.kill.on{animation:hmKill .42s var(--ease) forwards}@keyframes hmIn{0%{opacity:1;transform:scale(1.35)}55%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes hmKill{0%{opacity:1;transform:scale(1.7)rotate(0)}30%{opacity:1;transform:scale(1.05)}75%{opacity:1}to{opacity:0;transform:scale(1)}}#ammoWarn{font:700 14px var(--font);letter-spacing:.22em;color:var(--gold);opacity:.9;position:absolute;top:calc(50% + 46px);left:50%;transform:translate(-50%)}#ammoWarn.hot{color:var(--enemy);animation:.9s ease-in-out infinite pulse}#ammoWarn kbd{font-size:11px;line-height:15px}@keyframes pulse{50%{opacity:.45}}#tally{opacity:0;transition:opacity .35s, transform .35s var(--ease);position:absolute;top:calc(50% + 34px);left:calc(50% + 60px);transform:translate(-8px)}#tally.on{opacity:1;transform:none}#tally .head{font:700 14px var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);align-items:center;gap:6px;min-height:18px;display:flex}#tally .head em{color:var(--gold);letter-spacing:.2em;border:1px solid #ffc83d99;padding:0 4px;font-size:11px;font-style:normal}#tally .sk,#scoreboard .sk{background:var(--enemy);clip-path:polygon(50% 0,100% 35%,85% 100%,15% 100%,0 35%);width:11px;height:11px;display:inline-block}#tally .total{font:600 34px/1 var(--font2);color:var(--gold);letter-spacing:.02em}#tally .total.bump{animation:bump .35s var(--snap)}@keyframes bump{0%{filter:brightness(1.8);transform:scale(1.35)}to{transform:scale(1)}}#tally .lines{flex-direction:column;gap:1px;margin-top:2px;display:flex}#tally .ln{font:700 13px var(--font);letter-spacing:.12em;color:var(--dim);animation:lnIn .25s var(--ease);white-space:nowrap}#tally .ln b{color:var(--fg);min-width:34px;margin-right:8px;display:inline-block}#tally .ln:first-child{color:var(--fg)}@keyframes lnIn{0%{opacity:0;transform:translate(14px)}}#medals{width:260px;height:120px;position:absolute;top:21%;left:50%;transform:translate(-50%)}.medal{animation:medalIn .45s var(--snap) both;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:0;left:0;right:0}.medal.out{animation:.4s ease-in forwards medalOut}.medal .mt{font:600 20px var(--font2);letter-spacing:.16em;color:var(--fg);padding:0 14px;position:relative}.medal .mt:before,.medal .mt:after{content:"";opacity:.5;background:currentColor;width:22px;height:1px;position:absolute;top:50%}.medal .mt:before{right:100%}.medal .mt:after{left:100%}.medal.t2 .mt{color:var(--gold2)}.medal.t3 .mt{color:var(--gold)}@keyframes medalIn{0%{opacity:0;filter:brightness(3);transform:scale(1.9)}60%{opacity:1;filter:brightness(1.3)}to{filter:none;transform:scale(1)}}@keyframes medalOut{to{opacity:0;transform:translateY(-18px)scale(.9)}}.medal-svg{filter:drop-shadow(0 2px 6px #0009);overflow:visible}.medal-svg .rim{fill:#c9ced4}.medal-svg .face{fill:#2a3138}.medal-svg .glyph{color:#e9edf1}.medal-svg.t2 .rim{fill:#e8b84a}.medal-svg.t2 .face{fill:#3a2f1a}.medal-svg.t2 .glyph{color:#ffd77a}.medal-svg.t3 .rim{fill:#ffc83d}.medal-svg.t3 .face{fill:#5a1e22}.medal-svg.t3 .glyph{color:#fff1c9}.medal .medal-svg{animation:1.1s ease-out shine}@keyframes shine{0%{filter:drop-shadow(0 0 18px #ffdc8ce6)}to{filter:drop-shadow(0 2px 6px #0009)}}#ammo{text-align:right;min-width:220px;position:absolute;bottom:34px;right:40px}#ammo .weapon{font:700 14px var(--font);letter-spacing:.16em;color:var(--dim);text-transform:uppercase;justify-content:flex-end;align-items:center;gap:10px;display:flex}#ammo .weapon .mode{border:1px solid var(--line);align-items:center;gap:5px;padding:1px 6px;font-size:12px;display:inline-flex}#ammo .pips{gap:2px;display:inline-flex}#ammo .pips b{background:var(--fg);width:3px;height:9px;display:inline-block}#ammo .count{justify-content:flex-end;align-items:baseline;gap:6px;margin-top:-2px;display:flex}#ammo .mag{font:600 64px/.95 var(--font2);letter-spacing:-.01em;transition:color .2s}#ammo .mag.low{color:var(--gold)}#ammo .mag.empty{color:var(--enemy)}#ammo .mag.refill{animation:refill .35s var(--ease)}@keyframes refill{0%{opacity:.4;transform:translateY(-6px)}}#ammo .reserve{font:600 24px var(--font2);color:var(--dim)}#ammo .reserve:before{content:"/";color:var(--faint);margin-right:5px}#ammo .bullets{flex-wrap:wrap-reverse;justify-content:flex-end;gap:2px;max-width:240px;margin-top:6px;margin-left:auto;display:flex}#ammo .bullets b{background:var(--fg);opacity:.9;width:4px;height:12px;transition:opacity .15s}#ammo .bullets.thin b{width:3px}#ammo .bullets b.spent{opacity:.16}#ammo .equip{justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;display:flex}#ammo .equip kbd{min-width:16px;margin:0;font-size:10px;line-height:14px}#ammo .gr{gap:4px;display:inline-flex}.ic{vertical-align:-2px;display:inline-block}.ic.frag{background:var(--fg);clip-path:polygon(30% 0,70% 0,70% 18%,92% 30%,100% 60%,85% 92%,50% 100%,15% 92%,0 60%,8% 30%,30% 18%);width:11px;height:14px}.ic.frag.spent{opacity:.2}.ic.knife{background:var(--fg);clip-path:polygon(0 40%,55% 40%,100% 0,85% 100%,0 100%);width:16px;height:8px;margin-right:4px}#health{width:290px;position:absolute;bottom:36px;left:40px}#health .row{align-items:flex-end;gap:12px;display:flex}#health .hp{font:600 44px/.9 var(--font2);min-width:64px;transition:color .2s}#health .bars{flex:1;padding-bottom:4px}#health .bar{height:9px;clip-path:var(--cut-s);background:#ffffff1a;position:relative;overflow:hidden}#health .bar i{transform-origin:0;position:absolute;inset:0}#health .bar .ghost{background:#ffffff8c}#health .bar .fill{background:var(--fg);transition:transform .12s}#health .bar .ticks{justify-content:space-evenly;display:flex;position:absolute;inset:0}#health .bar .ticks i{background:#0000008c;width:2px;height:100%;position:relative;inset:auto}#health.low .bar .fill{background:var(--gold)}#health.crit .bar .fill{background:var(--enemy)}#health.crit .hp{color:var(--enemy);animation:.8s infinite pulse}#health .stamina{background:#ffffff14;height:3px;margin-top:4px}#health .stamina i{background:var(--ally);transform-origin:0;height:100%;display:block}#health .streak{font:700 11px var(--font);letter-spacing:.2em;color:var(--faint);align-items:center;gap:8px;margin-bottom:8px;display:flex}#health .streak .pips{gap:3px;display:flex}#health .streak .pips i{background:#ffffff24;width:14px;height:5px;transition:background .2s;transform:skew(-20deg)}#health .streak .pips i.on{background:var(--fg);animation:pipOn .4s var(--snap)}#health .streak .pips i.uav{box-shadow:0 0 0 1px #ffc83db3}#health .streak.hot .pips i.on{background:var(--gold)}#health .streak .uavtag{color:var(--faint);border:1px solid var(--line);letter-spacing:.16em;padding:0 5px}#health .streak.uavon .uavtag{color:#111;background:var(--gold);border-color:var(--gold);text-shadow:none;animation:1.2s infinite pulse}@keyframes pipOn{0%{filter:brightness(2);transform:skew(-20deg)scaleY(2.4)}}#minimap{background:radial-gradient(circle,#10161cb8,#080b0ed1);border-radius:50%;width:184px;height:184px;position:absolute;top:30px;left:32px;overflow:hidden;box-shadow:0 0 0 1px #fff3,0 6px 24px #00000059}#minimap canvas{width:100%;height:100%}#minimap .ring{border:1px dashed #ffffff1a;border-radius:50%;position:absolute;inset:5px}#minimap .north{width:0;height:0;position:absolute;top:50%;left:50%}#minimap .north:after{content:"N";text-align:center;width:12px;font:700 11px var(--font);color:var(--gold);position:absolute;top:-88px;left:-6px}#minimap .uav{font:700 10px var(--font);letter-spacing:.2em;color:var(--enemy);opacity:0;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}#minimap.uavon{box-shadow:0 0 0 1px #ff4d5a99,0 0 18px #ff4d5a40}#minimap.uavon .uav{opacity:1;animation:1s infinite pulse}#top{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}#compass{width:440px;height:30px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}#compass .strip{will-change:transform;width:0;height:100%;position:absolute;top:0;left:0}#compass .strip:before{content:"";background:repeating-linear-gradient(90deg, #ffffff73 0 1px, transparent 1px var(--tick));width:3456px;height:5px;position:absolute;top:0;left:-1152px}#compass .strip span{font:600 11px var(--font);color:var(--faint);letter-spacing:.04em;position:absolute;top:9px;transform:translate(-50%)}#compass .strip span.cd{color:var(--dim);font-size:14px;font-weight:700;top:7px}#compass .strip span.cd.major{color:var(--fg);font-size:16px;top:6px}#compass .caret{border:5px solid #0000;border-top:6px solid var(--gold);width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}#compass .hdg{display:none}#score{align-items:stretch;gap:3px;display:flex}#score .side{background:var(--panel);flex-direction:column;width:92px;padding:3px 10px 5px;display:flex;position:relative}#score .side.a{clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px);text-align:left}#score .side.b{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);text-align:right}#score .lbl{font:700 9px var(--font);letter-spacing:.22em;color:var(--faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#score .num{font:600 30px/1 var(--font2)}#score .a .num{color:var(--ally)}#score .b .num{color:var(--enemy)}#score .prog{background:#ffffff1a;height:3px;margin-top:3px}#score .prog i{transform-origin:0;height:100%;transition:transform .4s var(--ease);display:block}#score .a .prog i{background:var(--ally)}#score .b .prog i{background:var(--enemy);transform-origin:100%}#score .mid{background:var(--panel2);flex-direction:column;justify-content:center;align-items:center;width:74px;display:flex}#score .timer{font:600 22px/1 var(--font2);letter-spacing:.04em}#score .goal{font:700 9px var(--font);color:var(--faint);letter-spacing:.2em;margin-top:3px}#killfeed{flex-direction:column;align-items:flex-end;gap:3px;display:flex;position:absolute;top:30px;right:32px}#killfeed .row{background:var(--panel);font:700 15px var(--font);letter-spacing:.04em;animation:feedIn .28s var(--ease);clip-path:var(--cut-s);align-items:center;gap:9px;padding:3px 12px;transition:opacity .5s;display:flex}#killfeed .row.mine{box-shadow:inset 2px 0 0 var(--gold);background:linear-gradient(90deg,#ffc83d33,#090c0fb3 60%)}#killfeed .row.out{opacity:0}#killfeed .ally{color:var(--ally)}#killfeed .enemy{color:var(--enemy)}#killfeed .you{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}#killfeed .wpn{color:var(--dim);letter-spacing:.14em;text-transform:uppercase;align-items:center;font-size:11px;display:inline-flex}#killfeed .wpn .ic{background:var(--dim);margin-right:5px;transform:scale(.85)}#killfeed .hs{border:2px solid var(--gold);border-radius:50%;width:13px;height:13px;position:relative}#killfeed .hs:after{content:"";background:var(--gold);border-radius:50%;width:3px;height:3px;margin:-1.5px;position:absolute;top:50%;left:50%}@keyframes feedIn{0%{opacity:0;transform:translate(24px)}}#prompt{font:600 16px var(--font);letter-spacing:.08em;position:absolute;top:60%;left:50%;transform:translate(-50%)}#prompt .cook{font:700 13px var(--font);letter-spacing:.2em;align-items:center;gap:8px;display:inline-flex}#prompt .cook i{background:conic-gradient(var(--gold) var(--p), #ffffff26 0);border-radius:50%;width:16px;height:16px}#prompt .cook.hot{color:var(--enemy)}#prompt .cook.hot i{background:conic-gradient(var(--enemy) var(--p), #ffffff26 0);animation:.3s infinite pulse}#banner{text-align:center;white-space:nowrap;opacity:0;position:absolute;top:30%;left:50%;transform:translate(-50%)}#banner.on{opacity:1}#banner .big{font:600 clamp(34px, 4.6vw, 60px)/1 var(--font2);letter-spacing:.18em;animation:bannerIn .6s var(--ease) both;padding:0 0 6px}#banner .small{font:700 14px var(--font);color:var(--dim);letter-spacing:.3em;border-top:1px solid var(--line);animation:fadeUp .5s .15s var(--ease) both;padding-top:8px;display:inline-block}#banner.ally .big{color:var(--ally)}#banner.enemy .big{color:var(--enemy)}#banner.out{opacity:0;transition:opacity .4s}@keyframes bannerIn{0%{opacity:0;letter-spacing:.6em;filter:blur(6px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}}#damage{width:0;height:0;position:absolute;top:50%;left:50%}#damage .wedge{transform-origin:160px 160px;opacity:0;width:320px;height:320px;position:absolute;top:-160px;left:-160px}#bloodVignette{opacity:0;background:radial-gradient(#0000 42%,#6e00008c 80%,#460000d9 100%);transition:opacity .1s;position:absolute;inset:0}#flashbang{opacity:0;mix-blend-mode:screen;background:radial-gradient(circle,#fff,#fff8ec);position:absolute;inset:0}#deathfx{opacity:0;-webkit-backdrop-filter:grayscale(.85)contrast(1.05)brightness(.8);background:radial-gradient(#0000 30%,#3c000059);transition:opacity .8s;position:absolute;inset:0}#deathfx.on{opacity:1}#spawnfade{opacity:0;background:#05070a;position:absolute;inset:0}#spawnfade.go{animation:.55s ease-out spawnFade}@keyframes spawnFade{0%{opacity:1}to{opacity:0}}#hud.dead #ammo,#hud.dead #ammoWarn,#hud.dead #tally{opacity:0;transition:opacity .3s}#death{text-align:center;width:420px;display:none;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}#death.on{animation:fadeUp .45s .25s var(--ease) both;display:block}#death .by{font:700 13px var(--font);color:var(--dim);letter-spacing:.34em}#death .killer{font:600 46px/1.05 var(--font2);color:var(--enemy);letter-spacing:.06em}#death .killer.self{color:var(--fg)}#death .info{font:700 13px var(--font);color:var(--dim);letter-spacing:.14em;text-transform:uppercase;justify-content:center;gap:14px;margin-top:2px;display:flex}#death .info .hs{color:var(--gold)}#death .khp{font:700 10px var(--font);letter-spacing:.2em;color:var(--faint);justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}#death .kbar{background:#ffffff1f;width:120px;height:5px}#death .kbar i{background:var(--enemy);transform-origin:0;height:100%;display:block}#death .khp b{color:var(--fg);text-align:left;min-width:26px;font-size:14px}#death .deploy{margin-top:22px}#death .dbar{background:#ffffff1f;height:3px;position:relative;overflow:hidden}#death .dbar i{background:var(--faint);transform-origin:0;position:absolute;inset:0}#death .dbar.ready i{background:var(--gold)}#death .dtxt{font:700 13px var(--font);letter-spacing:.2em;color:var(--fg);margin-top:8px}#scope{opacity:0;text-shadow:none;display:none;position:absolute;inset:0}#scope.on{display:block}#scope .lens{border-radius:50%;width:92vh;height:92vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 200vmax #000,inset 0 0 6vh 3vh #000000f2}#scope .h,#scope .v{background:#000;position:absolute}#scope .h{width:92vh;height:2px;margin-top:-1px;top:50%;left:calc(50% - 46vh)}#scope .v{width:2px;height:92vh;margin-left:-1px;top:4vh;left:50%}#scope .h:before,#scope .h:after{content:"";background:#000;width:32vh;height:6px;position:absolute;top:-2px}#scope .h:before{left:0}#scope .h:after{right:0}#scope .v:after{content:"";background:#000;width:6px;height:30vh;position:absolute;bottom:0;left:-2px}#scope .mils{position:absolute;top:50%;left:50%}#scope .mils i{background:#000;border-radius:50%;width:5px;height:5px;position:absolute;transform:translate(-50%,-50%)}#scope .center{background:#ff2a1a;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #ff2a1a}#scope .zoomlbl{font:700 16px var(--font);color:#ffffffb3;position:absolute;bottom:12vh;right:calc(50% - 40vh)}#scope .breath{background:#ffffff26;width:160px;height:4px;position:absolute;bottom:8vh;left:50%;transform:translate(-50%)}#scope .breath i{background:#fffc;width:100%;height:100%;display:block}#scoreboard{-webkit-backdrop-filter:blur(8px);width:min(1000px,92vw);clip-path:var(--cut);text-shadow:none;box-shadow:inset 0 2px 0 var(--gold);background:#080b0edb;padding:20px 26px 16px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#scoreboard.on{animation:sbIn .18s var(--ease);display:block}@keyframes sbIn{0%{opacity:0;transform:translate(-50%,-48%)}}#scoreboard .sbhead{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}#scoreboard .mname{font:600 28px var(--font2);letter-spacing:.14em}#scoreboard .mname span{font:700 12px var(--font);letter-spacing:.24em;color:var(--dim);text-transform:uppercase;margin-left:14px}#scoreboard .mtime{font:600 26px var(--font2);color:var(--dim)}#scoreboard .cols{grid-template-columns:1fr 1fr;gap:26px;display:grid}#scoreboard.ffa .cols{grid-template-columns:1fr}#scoreboard h3{font:700 13px var(--font);letter-spacing:.24em;border-bottom:2px solid;justify-content:space-between;align-items:center;margin:0 0 6px;padding-bottom:6px;display:flex}#scoreboard h3 b{font:600 30px/1 var(--font2)}#scoreboard .ta h3{color:var(--ally)}#scoreboard .tb h3{color:var(--enemy)}#scoreboard table,.endscreen table{border-collapse:collapse;width:100%;font:600 16px var(--font)}#scoreboard th,.endscreen th{text-align:left;font:700 10px var(--font);letter-spacing:.2em;color:var(--faint);padding:5px 6px}#scoreboard td,.endscreen td{border-top:1px solid #ffffff0d;padding:5px 6px}#scoreboard .n,.endscreen .n{text-align:right}#scoreboard td.rk,.endscreen td.rk{width:22px;color:var(--faint);font-size:13px}#scoreboard td.nm{align-items:center;gap:8px;display:flex}#scoreboard td.dim{color:var(--faint)}#scoreboard tr.me td,.endscreen tr.me td{color:var(--gold);background:#ffc83d21}#scoreboard tr.dead td{opacity:.45}#scoreboard .sbfoot{border-top:1px solid var(--line);font:700 11px var(--font);letter-spacing:.2em;color:var(--faint);gap:28px;margin-top:14px;padding-top:10px;display:flex}#scoreboard .sbfoot b{color:var(--fg);letter-spacing:.04em;margin-left:6px;font-size:15px}#fps{color:#fff9;text-shadow:0 1px 2px #000;font:11px monospace;position:absolute;bottom:6px;right:10px}.menu{pointer-events:auto;z-index:10;background:linear-gradient(90deg,#06080bf0 0%,#06080bc7 34%,#06080b8c 70%,#06080bb3);display:none;position:fixed;inset:0}.menu.on{display:flex}.menu.paused{-webkit-backdrop-filter:blur(4px);background:linear-gradient(90deg,#06080bf2,#06080bb8)}.menu .bgfx{pointer-events:none;background:radial-gradient(at 18% 30%,#ffc83d12,#0000 50%),repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.menu .bgfx:after{content:"";background:repeating-linear-gradient(-45deg, var(--gold) 0 8px, transparent 8px 16px);opacity:.55;width:4px;position:absolute;top:0;bottom:0;left:0}.menu .side{flex-direction:column;width:min(440px,40vw);padding:6vh 2.5vw 4vh 4.2vw;display:flex;position:relative}.menu .logo{align-items:center;gap:16px;display:flex}.menu .logo .mark{flex:none;width:46px;height:54px;position:relative}.menu .logo .mark i{background:var(--fg);clip-path:polygon(0 0,100% 0,100% 100%,12px 100%);height:12px;position:absolute;left:0;right:0}.menu .logo .mark i:first-child{top:0}.menu .logo .mark i:nth-child(2){background:var(--gold);top:21px;right:10px}.menu .logo .mark i:nth-child(3){top:42px;right:20px}.menu .logo .word{font:600 64px/.86 var(--font2);letter-spacing:.1em}.menu .logo .word small{font:700 12px var(--font);color:var(--dim);letter-spacing:.56em;margin-top:9px;display:block}.menu .sub{font:700 12px var(--font);color:var(--gold);letter-spacing:.32em;align-items:center;gap:10px;margin:3.2vh 0 2.4vh;display:flex}.menu .sub:before{content:"";background:var(--gold);width:18px;height:2px}.menu nav{flex-direction:column;gap:2px;display:flex}.btn{pointer-events:auto;cursor:pointer;color:var(--fg);text-align:left;font-family:var(--font);transition:background .18s, padding .18s var(--ease), color .18s;background:0 0;border:none;grid-template-rows:auto auto;grid-template-columns:30px 1fr;align-items:baseline;padding:8px 14px 8px 12px;display:grid;position:relative}.btn:before{content:"";background:var(--gold);width:2px;transition:transform .2s var(--ease);position:absolute;top:8px;bottom:8px;left:0;transform:scaleY(0)}.btn .idx{font:700 11px var(--font);color:var(--faint);letter-spacing:.1em;grid-row:1/3;align-self:center}.btn .lbl{font:700 21px var(--font);letter-spacing:.16em;text-transform:uppercase;grid-column:2}.btn .desc{font:600 12px var(--font);letter-spacing:.14em;color:var(--faint);text-transform:uppercase;opacity:0;max-height:0;transition:max-height .2s var(--ease), opacity .2s;grid-column:2;overflow:hidden}.btn.play .lbl{font-size:26px}.btn.play .desc,.btn.primary .desc{opacity:1;max-height:20px}.btn.primary .lbl{color:var(--gold)}.btn:hover,.btn.sel{background:linear-gradient(90deg,#ffc83d24,#0000 85%);padding-left:20px}.btn:hover:before,.btn.sel:before{transform:scaleY(1)}.btn:hover .desc,.btn.sel .desc{opacity:1;max-height:20px;color:var(--dim)}.btn:hover .idx,.btn.sel .idx,.btn.play:hover .lbl{color:var(--gold)}.btn.resume{grid-template-columns:0 1fr}.btn.leave .lbl{color:var(--enemy);font-size:17px}.btn.leave{grid-template-columns:0 1fr;margin-top:8px}.menu.enter .side>*,.menu.enter nav .btn{animation:slideIn .5s var(--ease) both}.menu.enter nav .btn{animation-delay:calc(.12s + var(--i,0) * 45ms)}.menu.enter .sub{animation-delay:60ms}@keyframes slideIn{0%{opacity:0;transform:translate(-22px)}}.menu .profile{border-top:1px solid var(--line);align-items:center;gap:14px;margin-top:auto;padding-top:18px;display:flex}.menu .profile .lvl{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#ffc83d1a;flex-direction:column;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:inset 0 0 0 1px #ffc83d8c}.menu .profile .lvl b{font:600 26px/1 var(--font2);color:var(--gold)}.menu .profile .lvl span{font:700 8px var(--font);letter-spacing:.24em;color:var(--dim)}.menu .profile .pinfo{flex:1;min-width:0}.menu .profile .rank{font:700 14px var(--font);letter-spacing:.24em}.xpbar{background:#ffffff1a;height:4px;margin:6px 0 5px;position:relative;overflow:hidden}.xpbar i{background:var(--gold);transform-origin:0;width:100%;position:absolute;top:0;bottom:0;left:0}.xpbar.big{height:8px}.xpbar .prev{background:var(--fg)}.xpbar .gain{background:var(--gold);width:0;box-shadow:0 0 10px var(--gold);transition:width 1s var(--ease)}.xptxt{font:600 11px var(--font);letter-spacing:.1em;color:var(--faint);justify-content:space-between;gap:12px;display:flex}.menu .foot{font:600 11px var(--font);letter-spacing:.16em;color:var(--faint);text-transform:uppercase;gap:18px;margin-top:12px;display:flex}.menu .foot kbd{font-size:10px;line-height:15px}.menu .main{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex:1;padding:6vh 3.5vw 7vh 1vw;overflow-y:auto}.menu .main>*{max-width:900px}.menu .main.swap>*{animation:fadeUp .4s var(--ease) both}.menu .main.swap>:nth-child(2){animation-delay:50ms}.menu .main.swap>:nth-child(3){animation-delay:.1s}.menu .main.swap>:nth-child(4){animation-delay:.15s}.menu .card{clip-path:var(--cut);background:#0a0e12b8;margin-bottom:12px;padding:18px 22px 20px;position:relative;box-shadow:inset 0 1px #ffffff1f}.menu .card h3{font:700 12px var(--font);letter-spacing:.32em;color:var(--dim);text-transform:uppercase;align-items:center;gap:10px;margin:0 0 14px;display:flex}.menu .card h3:before{content:"";background:var(--gold);width:6px;height:6px;transform:rotate(45deg)}.dim{color:var(--faint)}.loadout{grid-template-columns:1.2fr 1fr .9fr;gap:10px;display:grid}.wcard{cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0a;padding:14px 16px;transition:background .15s,box-shadow .15s;position:relative}.wcard:after,.wbtn:after{content:"";border:5px solid #0000;border-top-color:var(--faint);border-right-color:var(--faint);transition:border-color .15s;position:absolute;top:0;right:0}.wcard:hover:after,.wbtn.sel:after{border-top-color:var(--gold);border-right-color:var(--gold)}.wcard:hover{background:#ffc83d14;box-shadow:inset 0 0 0 1px #ffc83d8c}.wcard.eq{cursor:default}.wcard .slotlbl{font:700 10px var(--font);letter-spacing:.3em;color:var(--gold)}.wcard .wn{font:600 32px/1.05 var(--font2);letter-spacing:.04em;margin-top:4px}.wcard .wc{font:600 12px var(--font);letter-spacing:.18em;color:var(--faint);text-transform:uppercase}.wcard .atts{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.wcard .atts span{font:700 11px var(--font);letter-spacing:.06em;color:var(--dim);background:#ffffff0f;padding:2px 7px}.brief{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.brief b{font:700 14px var(--font);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;display:block}.brief span{font:500 14.5px/1.55 var(--font);color:var(--dim)}.brief kbd{margin:0 2px;font-size:10px;line-height:14px}.kgrid{grid-template-columns:1fr 1fr;gap:0 36px;display:grid}.krow{font:600 15px var(--font);letter-spacing:.03em;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:6px 0;display:flex}.krow .keys{gap:3px;min-width:108px;display:flex}.krow kbd{margin:0}.notes p{font:500 15px/1.6 var(--font);color:var(--dim);margin:0 0 8px}.credits .cr{font:600 14px var(--font);border-bottom:1px solid #ffffff0d;grid-template-columns:290px 1fr;gap:16px;padding:7px 0;display:grid}.credits .cr span{color:var(--dim);font-weight:500}.opts{grid-template-columns:220px 1fr 64px;align-items:center;gap:12px 18px;display:grid}.opts>label{font:700 12px var(--font);letter-spacing:.16em;color:var(--dim);text-transform:uppercase}.opts .val{text-align:right;font:600 18px var(--font2);color:var(--fg)}.rng input{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px}.rng input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gold) var(--p,50%), #ffffff1f var(--p,50%));height:4px}.rng input::-moz-range-track{background:linear-gradient(90deg, var(--gold) var(--p,50%), #ffffff1f var(--p,50%));height:4px}.rng input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fg);clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%);width:12px;height:16px;margin-top:-6px}.rng input::-moz-range-thumb{background:var(--fg);border:0;border-radius:0;width:12px;height:16px}.tog{cursor:pointer;justify-self:start;width:44px;height:20px;position:relative}.tog input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.tog i{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff1a;transition:background .15s;position:absolute;inset:0}.tog i:after{content:"";background:var(--faint);width:18px;height:14px;transition:transform .18s var(--ease), background .15s;position:absolute;top:3px;left:3px}.tog input:checked+i{background:#ffc83d33;box-shadow:inset 0 0 0 1px #ffc83d99}.tog input:checked+i:after{background:var(--gold);transform:translate(20px)}.seg{flex-wrap:wrap;gap:2px;display:flex}.seg button,.swatches button{pointer-events:auto;cursor:pointer;font:700 13px var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);background:#ffffff0f;border:none;padding:6px 14px;transition:background .15s,color .15s}.seg button:hover{color:var(--fg);background:#ffffff1f}.seg button.on{background:var(--gold);color:#14100a}.swatches{gap:6px;display:flex}.swatches button{background:var(--c);width:28px;height:22px;padding:0;box-shadow:inset 0 0 0 2px #0006}.swatches button.on{box-shadow:0 0 0 2px var(--fg), inset 0 0 0 2px #0006}.wlist{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;display:grid}.wbtn{pointer-events:auto;cursor:pointer;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);font-family:var(--font);text-align:left;background:#ffffff0a;border:none;padding:9px 12px 8px;transition:background .15s,box-shadow .15s;position:relative}.wbtn .wn{font:600 20px/1.1 var(--font2);letter-spacing:.05em;display:block}.wbtn small{font:700 10px var(--font);color:var(--faint);letter-spacing:.16em;text-transform:uppercase;margin-top:2px;display:block}.wbtn em{font:700 9px var(--font);letter-spacing:.16em;color:var(--gold);font-style:normal;position:absolute;top:8px;right:14px}.wbtn.sel{box-shadow:inset 0 0 0 1px var(--gold);background:#ffc83d1f}.wbtn:hover{background:#ffffff1a}.slots{grid-template-columns:repeat(3,1fr);gap:16px 14px;display:grid}.slot h4{font:700 10px var(--font);color:var(--faint);letter-spacing:.3em;text-transform:uppercase;margin:0 0 6px}.att{pointer-events:auto;cursor:pointer;text-align:left;width:100%;color:var(--dim);font:700 13px var(--font);letter-spacing:.06em;text-transform:uppercase;background:#ffffff0a;border:none;margin-bottom:3px;padding:6px 10px;transition:background .15s,color .15s,padding .15s;display:block}.att:hover{color:var(--fg);background:#ffffff1a;padding-left:14px}.att.sel{color:var(--fg);box-shadow:inset 2px 0 0 var(--gold);background:linear-gradient(90deg,#ffc83d3d,#ffc83d0f)}.stats{font:700 12px var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);grid-template-columns:130px 1fr 70px;align-items:center;gap:9px 14px;display:grid}.stats .barbg{background:#ffffff14;height:6px;position:relative}.stats .barbg i{background:var(--fg);transition:width .3s var(--ease);position:absolute;top:0;bottom:0;left:0}.stats .barbg i.delta-up{background:var(--good)}.stats .barbg i.delta-down{background:var(--enemy)}.stats .sv{text-align:right;color:var(--fg);font:600 16px var(--font2);letter-spacing:.04em;text-transform:none}.stats .sv.delta-up{color:var(--good)}.stats .sv.delta-down{color:var(--enemy)}.ttk{border-top:1px solid var(--line);font:700 11px var(--font);letter-spacing:.18em;color:var(--faint);gap:22px;margin-top:16px;padding-top:12px;display:flex}.ttk b{color:var(--gold);font:600 18px var(--font2);margin-right:4px}.ttk .sup{color:var(--ally)}.endscreen .result{margin:0 0 16px}.endscreen .rtxt{font:600 104px/.9 var(--font2);letter-spacing:.12em;animation:resultIn .9s var(--ease) both}.endscreen.win .rtxt{color:var(--gold);text-shadow:0 0 40px #ffc83d59}.endscreen.loss .rtxt{color:var(--enemy)}.endscreen .rsub{font:700 14px var(--font);letter-spacing:.3em;color:var(--dim);animation:fadeUp .5s .4s var(--ease) both;margin-top:8px}@keyframes resultIn{0%{opacity:0;letter-spacing:.5em;filter:blur(10px)}}.estats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.estats .st{box-shadow:inset 2px 0 0 var(--line);animation:fadeUp .4s calc(.5s + var(--i) * 60ms) var(--ease) both;background:#ffffff0a;padding:10px 14px}.estats .st b{font:600 34px/1 var(--font2);display:block}.estats .st span{font:700 10px var(--font);letter-spacing:.24em;color:var(--faint)}.emedals{flex-wrap:wrap;gap:12px 18px;margin-top:16px;display:flex}.emedals.none{font:500 14px var(--font);color:var(--faint)}.emedals .em{width:92px;animation:medalIn .5s calc(1s + var(--i) * .12s) var(--snap) both;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.emedals .em span{font:700 10px var(--font);letter-spacing:.14em;color:var(--dim);text-align:center}.emedals .em b{font:600 16px var(--font2);color:var(--gold);position:absolute;top:0;right:12px}.exp{border-top:1px solid var(--line);align-items:center;gap:16px;margin-top:18px;padding-top:14px;display:flex}.exp .xl{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#ffc83d1a;flex-direction:column;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:inset 0 0 0 1px #ffc83d8c}.exp .xl b{font:600 26px/1 var(--font2);color:var(--gold)}.exp .xl span{font:700 8px var(--font);letter-spacing:.24em;color:var(--dim)}.exp .xl.up{animation:bump .5s var(--snap);background:#ffc83d59}.exp .xb{flex:1}.exp .xptxt span:first-child{color:var(--gold);font-size:13px}.eboards{grid-template-columns:1fr 1fr;gap:22px;display:grid}.eboards.one{grid-template-columns:1fr}.eboards h4{font:700 12px var(--font);letter-spacing:.24em;border-bottom:2px solid;justify-content:space-between;align-items:center;margin:0 0 4px;padding-bottom:5px;display:flex}.eboards h4 b{font:600 24px/1 var(--font2)}.eboards .ta h4{color:var(--ally)}.eboards .tb h4{color:var(--enemy)}.endscreen table{font-size:15px}#loading{z-index:20;background:radial-gradient(#0e1318,#05070a);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}#loading .title{font:600 64px var(--font2);letter-spacing:.24em;padding-left:.24em}#loading .bar{background:#ffffff1a;width:340px;height:3px}#loading .bar i{background:var(--gold);width:0%;height:100%;transition:width .25s var(--ease);display:block;box-shadow:0 0 10px #ffc83d99}#loading .tag{font:700 12px var(--font);letter-spacing:.56em;color:var(--dim);margin-top:-14px;padding-left:.56em}#loading .tip{font:500 14px var(--font);letter-spacing:.08em;color:var(--faint);position:absolute;bottom:8vh}#loading .msg{font:700 12px var(--font);color:var(--faint);letter-spacing:.3em;text-transform:uppercase}#clicktoplay{font:700 18px var(--font);letter-spacing:.3em;color:var(--fg);pointer-events:none;text-shadow:var(--ts);z-index:11;animation:1.4s infinite pulse;display:none;position:fixed;bottom:12vh;left:50%;transform:translate(-50%)}@media (max-width:1100px){.loadout,.brief{grid-template-columns:1fr 1fr}.estats,.slots{grid-template-columns:repeat(2,1fr)}}#hud.sbon #killfeed,#hud.sbon #tally,#hud.sbon #medals{opacity:0}@media (max-height:640px),(max-width:1000px){.menu .side{width:min(330px,36vw);padding:3.5vh 1.6vw 2.5vh 3vw;overflow-y:auto}.menu .logo .mark{transform-origin:0;width:34px;transform:scale(.72)}.menu .logo .word{font-size:44px}.menu .logo .word small{margin-top:6px;font-size:10px}.menu .sub{margin:2vh 0 1.4vh;font-size:11px}.btn{grid-template-columns:24px 1fr;padding:5px 10px}.btn .lbl{letter-spacing:.12em;font-size:16px}.btn.play .lbl{font-size:19px}.btn .desc,.btn.play .desc{font-size:10px}.menu .profile{padding-top:10px}.menu .profile .lvl{width:44px;height:44px}.menu .profile .lvl b{font-size:20px}.menu .foot{display:none}.menu .main{padding:3.5vh 2.5vw 4vh .5vw}.menu .card{margin-bottom:9px;padding:13px 16px 15px}.wcard .wn{font-size:24px}.brief span,.notes p{font-size:13px}.opts{grid-template-columns:170px 1fr 52px;gap:8px 14px}.endscreen .rtxt{font-size:72px}.estats .st b{font-size:26px}#minimap{width:150px;height:150px;top:22px;left:22px}#minimap .north:after{top:-71px}#killfeed{top:20px;right:20px}#killfeed .row{font-size:13px}#compass{width:340px}#health{width:240px;bottom:22px;left:24px}#ammo{bottom:22px;right:24px}#ammo .mag{font-size:52px}}.menu .logo .word{letter-spacing:.035em;font-size:clamp(24px,2.7vw,39px);line-height:.95}.menu .logo .word>span{white-space:nowrap;display:block}.menu .logo .word small{letter-spacing:.18em;margin-top:10px}#loading .title{letter-spacing:.1em;text-align:center;padding-left:0;font-size:clamp(30px,5vw,62px);line-height:.95}#loading .title>span{white-space:nowrap;display:block}