@font-face{font-family:Oxanium;font-weight:200 800;font-display:swap;src:url(/operation-sunset/fonts/oxanium.woff2)format("woff2")}@font-face{font-family:Rajdhani;font-weight:500;font-display:swap;src:url(/operation-sunset/fonts/rajdhani-500.woff2)format("woff2")}@font-face{font-family:Rajdhani;font-weight:600;font-display:swap;src:url(/operation-sunset/fonts/rajdhani-600.woff2)format("woff2")}@font-face{font-family:Rajdhani;font-weight:700;font-display:swap;src:url(/operation-sunset/fonts/rajdhani-700.woff2)format("woff2")}:root{--bg:#0e0b099e;--bg2:#14100dd6;--line:#ffecd21f;--line2:#ffecd238;--fg:#f4ede1;--dim:#f4ede19e;--accent:#ffc14d;--accent2:#ff8a3d;--danger:#ff4b3a;--good:#82ffa6;--blue:#7fc7ff;--t-color:#f0b35e;--ct-color:#8cc2ff;--f-display:"Oxanium", "Segoe UI", Roboto, sans-serif;--f-ui:"Rajdhani", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--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));font-family:var(--f-ui)}html,body{width:100%;height:100%;color:var(--fg);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;background:#000;margin:0;padding:0;overflow:hidden}canvas#game{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;font-family:var(--f-ui);position:fixed;inset:0}#hud *{pointer-events:none}#menu{position:fixed;inset:0}#menu:empty{display:none}kbd{font-family:var(--f-display);background:#ffecd224;border:1px solid #ffecd233;border-bottom-width:2px;border-radius:4px;padding:0 6px;font-size:.82em;font-weight:700}button{font-family:var(--f-ui)}.dmg{opacity:0;background:radial-gradient(#0000 45%,#aa0a0a8c 100%);position:absolute;inset:0}.dmgdir{width:300px;height:300px;margin:-150px;position:absolute;top:50%;left:50%}.dmgdir .arc{opacity:0;position:absolute;inset:0}.dmgdir .arc:before{content:"";filter:drop-shadow(0 0 6px #ff2814cc);background:radial-gradient(at 50% 100%,#ff321e00 40%,#ff321ef2 72%,#ff321e00 76%);border-radius:50% 50% 0 0/100% 100% 0 0;width:120px;height:34px;margin-left:-60px;position:absolute;top:0;left:50%}.scope{background:radial-gradient(circle,#0000 0 36vh,#00000059 37vh,#000000fa 38.5vh);position:absolute;inset:0}.scope:before,.scope:after{content:"";background:#000000e6;position:absolute}.scope:before{width:1.5px;height:100%;top:0;left:50%;transform:translate(-50%)}.scope:after{width:100%;height:1.5px;top:50%;left:0;transform:translateY(-50%)}.scope .reticle{background:#ff3b2a;border-radius:50%;width:5px;height:5px;margin:-2.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #ff3b2a}.crosshair{width:0;height:0;transition:opacity 80ms;position:absolute;top:50%;left:50%}.crosshair .l{background:var(--xh-color,#6bff7a);position:absolute;top:0;left:0}.crosshair.outline .l{box-shadow:0 0 0 1px #000000d9}.crosshair.hidden{display:none}.hitmarker{opacity:0;--hm:#fff;width:0;height:0;position:absolute;top:50%;left:50%}.hitmarker span{background:var(--hm);border-radius:1px;width:3px;height:13px;position:absolute;top:-7px;left:-1.5px;box-shadow:0 0 3px #000000e6}.hitmarker span:first-child{transform:translate(-10px,-10px)rotate(45deg)}.hitmarker span:nth-child(2){transform:translate(10px,-10px)rotate(-45deg)}.hitmarker span:nth-child(3){transform:translate(-10px,10px)rotate(-45deg)}.hitmarker span:nth-child(4){transform:translate(10px,10px)rotate(45deg)}.hitmarker.head{--hm:#ffd15c}.hitmarker.kill{--hm:#ff3b2a}.hitmarker.shield{--hm:#7fc7ff}.hitmarker.pop{animation:.38s ease-out forwards hmpop}.hitmarker.kill.pop{animation:.5s ease-out forwards hmkill}@keyframes hmpop{0%{opacity:1;transform:scale(1.6)}45%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes hmkill{0%{opacity:1;transform:scale(2.4)rotate(12deg)}40%{opacity:1;transform:scale(1.15)rotate(0)}to{opacity:0;transform:scale(1)}}.prompt{font-family:var(--f-display);letter-spacing:2px;opacity:0;text-shadow:0 1px 3px #000;white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:700;transition:opacity .15s;display:flex;position:absolute;top:calc(50% + 48px);left:50%;transform:translate(-50%)}.prompt.on{opacity:1}.prompt.warn{color:var(--accent)}.prompt.bad{color:var(--danger);animation:.9s infinite blinkp}.prompt.reloading{color:var(--fg);letter-spacing:4px;flex-direction:column;gap:5px;font-size:11px}.prompt .rbar{background:#ffffff2e;width:110px;height:3px}.prompt .rbar i{background:var(--accent);height:100%;box-shadow:0 0 8px var(--accent);display:block}@keyframes blinkp{50%{opacity:.45}}.prot{font-family:var(--f-display);letter-spacing:3px;color:var(--blue);opacity:0;text-shadow:0 1px 3px #000;align-items:center;gap:6px;font-size:11px;font-weight:700;transition:opacity .25s;display:flex;position:absolute;top:calc(50% + 74px);left:50%;transform:translate(-50%)}.prot.on{opacity:.95}.prot i svg{fill:currentColor;width:14px;height:14px;display:block}.target{text-align:center;opacity:0;position:absolute;top:calc(50% - 64px);left:50%;transform:translate(-50%)}.target .t-name{font-family:var(--f-display);color:#ff6a55;text-shadow:0 1px 3px #000,0 0 10px #0009;letter-spacing:.5px;font-size:15px;font-weight:700}.target .t-name span{color:var(--dim);letter-spacing:1px;margin-left:6px;font-size:10px}.target .t-bar{background:#0000008c;width:84px;height:3px;margin:4px auto 0;box-shadow:0 0 0 1px #00000080}.target .t-bar i{background:#ff5a45;height:100%;transition:width .15s;display:block}.killer-mark{position:absolute;top:0;left:0}.killer-mark span{font-family:var(--f-display);letter-spacing:1px;color:#ff5a45;text-shadow:0 1px 3px #000;white-space:nowrap;font-size:13px;font-weight:800;position:absolute;transform:translate(-50%,-150%)}.killer-mark i{background:#ff3b2a;width:12px;height:12px;animation:.9s ease-in-out infinite kmpulse;position:absolute;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 0 2px #0009,0 0 14px #ff3b2a}@keyframes kmpulse{50%{transform:translate(-50%,-50%)rotate(45deg)scale(1.3)}}.dmgnum{font-family:var(--f-display);color:#fff;text-shadow:0 0 4px #000,0 1px 2px #000,0 0 12px #0009;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;position:absolute;top:0;left:0}.dmgnum.head{color:#ffd15c;font-size:24px}.dmgnum.kill{color:#ff4a3a;font-size:27px}.dmgnum .n{display:inline-block}.dmgnum.pop .n{animation:.16s ease-out dnpop}@keyframes dnpop{0%{transform:scale(1.8)}to{transform:scale(1)}}.killpop{text-align:center;opacity:0;width:560px;position:absolute;top:60%;left:50%;transform:translate(-50%)}.killpop.on{animation:2.6s ease-out forwards kpin}@keyframes kpin{0%{opacity:0;transform:translate(-50%)scale(1.25)}8%{opacity:1;transform:translate(-50%)scale(1)}82%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(8px)}}.kp-top{justify-content:center;align-items:center;gap:8px;display:flex}.kp-x svg{fill:#ff5a45;filter:drop-shadow(0 0 6px #ff3c28cc);width:18px;height:18px;display:block}.kp-lbl{font-family:var(--f-display);letter-spacing:6px;color:#ff7a66;text-shadow:0 1px 3px #000;font-size:12px;font-weight:800}.kp-name{font-family:var(--f-display);letter-spacing:1px;text-shadow:0 2px 6px #000,0 0 16px #0009;margin-top:1px;font-size:24px;font-weight:800}.kp-sub{color:var(--dim);letter-spacing:1px;text-shadow:0 1px 3px #000;font-size:13px;font-weight:600}.kp-sub b{color:var(--accent)}.medals{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.medal{font-family:var(--f-display);color:var(--accent);letter-spacing:2px;text-transform:uppercase;clip-path:var(--cut-s);background:linear-gradient(#281e0ad9,#140e06d9);border:1px solid #ffc14dcc;padding:3px 10px;font-size:11px;font-weight:800;animation:.34s cubic-bezier(.2,1.4,.4,1) backwards medalin}.medal.red{color:#ff8a75;background:linear-gradient(#320c08d9,#190604d9);border-color:#ff5a45e6}.medal.blue{color:#a8dbff;background:linear-gradient(#0a1a2cd9,#060e18d9);border-color:#7fc7ffe6}@keyframes medalin{0%{opacity:0;transform:translateY(12px)scale(1.5)}to{opacity:1;transform:none}}.combo{font-family:var(--f-display);letter-spacing:6px;color:var(--accent);text-shadow:0 2px 10px #000,0 0 30px #ff8c2899;opacity:0;white-space:nowrap;font-size:40px;font-style:italic;font-weight:800;position:absolute;top:33%;left:50%;transform:translate(-50%)}.combo.show{animation:1.3s ease-out forwards comboin}@keyframes comboin{0%{opacity:0;transform:translate(-50%)scale(2.2)skew(-8deg)}12%{opacity:1;transform:translate(-50%)scale(1)skew(-8deg)}75%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-12px)skew(-8deg)}}.levelup{text-align:center;opacity:0;white-space:nowrap;padding:10px 44px 12px;position:absolute;top:21%;left:50%;transform:translate(-50%)}.levelup:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#0c0906b8 22% 78%,#0000);position:absolute;inset:0}.levelup:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);height:2px;position:absolute;top:0;left:15%;right:15%}.lu-lbl{font-family:var(--f-display);letter-spacing:7px;color:var(--accent);font-size:13px;font-weight:800}.lu-w{font-family:var(--f-display);letter-spacing:2px;text-shadow:0 2px 12px #000;font-size:38px;font-weight:800;line-height:1.1}.lu-sub{letter-spacing:2px;color:var(--dim);text-transform:uppercase;font-size:13px;font-weight:600}.levelup.final .lu-lbl,.levelup.down .lu-lbl{color:var(--danger)}.levelup.final:after,.levelup.down:after{background:linear-gradient(90deg, transparent, var(--danger), transparent)}.levelup.show{animation:2.3s ease-out forwards levelin}@keyframes levelin{0%{opacity:0;transform:translate(-50%)translateY(16px)scale(1.2)}9%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-12px)}}.callout{font-family:var(--f-display);letter-spacing:5px;opacity:0;white-space:nowrap;clip-path:var(--cut-s);border-left:3px solid var(--accent);background:#0c0906c7;padding:6px 22px;font-size:15px;font-weight:800;position:absolute;top:128px;left:50%;transform:translate(-50%)}.callout.good{color:var(--good);border-color:var(--good)}.callout.bad{color:#ff8070;border-color:var(--danger)}.callout.info{color:var(--accent)}.callout.show{animation:2.6s ease-out forwards callin}@keyframes callin{0%{opacity:0;transform:translate(-50%)translateY(-8px)}8%{opacity:1;transform:translate(-50%)}85%{opacity:1}to{opacity:0}}.hud-bl{position:absolute;bottom:26px;left:28px}.vitals{background:linear-gradient(90deg, var(--bg2), var(--bg));width:268px;clip-path:var(--cut);border-left:3px solid var(--accent);padding:10px 14px 12px;transition:border-color .3s}.vitals .hp-row{align-items:center;gap:8px;display:flex}.vitals .ico svg{width:20px;height:20px;fill:var(--fg);opacity:.9;display:block}.vitals .hp-num{font-family:var(--f-display);letter-spacing:-1px;font-variant-numeric:tabular-nums;min-width:78px;font-size:40px;font-weight:700;line-height:1}.vitals .streak{font-family:var(--f-display);color:var(--accent2);text-shadow:0 0 10px #ff782899;align-items:center;gap:3px;margin-left:auto;font-size:17px;font-weight:800;display:flex}.vitals .streak i svg{fill:currentColor;width:16px;height:16px;display:block}.hp-bar{background:#ffffff1a;height:7px;margin-top:8px;position:relative}.hp-bar .ghost,.hp-bar .fill{position:absolute;top:0;bottom:0;left:0}.hp-bar .ghost{background:#ff6b52}.hp-bar .fill{background:linear-gradient(90deg,#e9e3d6,#fff);transition:width 80ms linear;box-shadow:0 0 10px #ffffff59}.hp-bar .ticks{justify-content:space-evenly;display:flex;position:absolute;inset:0}.hp-bar .ticks i{background:#0c0906d9;width:2px}.vitals.low{border-color:var(--danger)}.vitals.low .hp-num{color:var(--danger);animation:.8s infinite blinkp}.vitals.low .hp-bar .fill{background:var(--danger);box-shadow:0 0 12px var(--danger)}.vitals.regen .hp-bar .fill{background:linear-gradient(90deg,#cfffdc,#82ffa6);box-shadow:0 0 12px #82ffa699}.vitals.hit{animation:.28s ease-out vitshake}@keyframes vitshake{20%{transform:translate(-4px)}45%{transform:translate(3px)}70%{transform:translate(-1px)}}.hud-br{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:26px;right:28px}.weapon{background:linear-gradient(270deg, var(--bg2), var(--bg));min-width:250px;clip-path:var(--cut);border-right:3px solid var(--accent);text-align:right;padding:10px 16px 11px}.w-top{justify-content:flex-end;align-items:baseline;gap:8px;display:flex}.w-cls{letter-spacing:3px;color:var(--dim);text-transform:uppercase;font-size:11px;font-weight:700}.w-name{font-family:var(--f-display);letter-spacing:1.5px;text-transform:uppercase;font-size:16px;font-weight:700}.ammo{justify-content:flex-end;align-items:baseline;gap:6px;margin-top:1px;display:flex}.ammo .mag{font-family:var(--f-display);font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:46px;font-weight:700;line-height:1}.ammo .res{font-family:var(--f-display);color:var(--dim);font-variant-numeric:tabular-nums;font-size:18px}.pips{justify-content:flex-end;gap:2px;height:9px;margin-top:6px;display:flex}.pips i{width:calc(min(6px, 200px / var(--n,30)));background:#ffffff24;transform:skew(-12deg)}.pips i.on{background:var(--fg)}.weapon.low .ammo .mag,.weapon.low .pips i.on{color:var(--accent);background-color:var(--accent)}.weapon.low .ammo .mag{background:0 0}.weapon.empty .ammo .mag{color:var(--danger)}.weapon.empty{border-color:var(--danger)}.ladder{background:linear-gradient(270deg, var(--bg2), var(--bg));min-width:250px;clip-path:var(--cut-s);padding:7px 16px 9px}.l-head{letter-spacing:2px;color:var(--dim);text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:12px;font-size:11px;font-weight:700;display:flex}.l-lv{font-family:var(--f-display)}.l-lv b{color:var(--accent);margin:0 2px 0 4px;font-size:19px}.l-lv span{opacity:.8}.l-next b{color:var(--fg);letter-spacing:1px}.l-next em{color:var(--danger);font-style:normal}.l-track{gap:2px;margin-top:6px;display:flex}.l-track i{background:#ffffff1f;flex:1;height:5px;transition:background .3s;transform:skew(-20deg)}.l-track i.done{background:#ffc14dbf}.l-track i.cur{background:#fff;animation:1.2s ease-in-out infinite curpulse;box-shadow:0 0 8px #fff}.l-track i.fin{background:#ff4b3a73}.ladder.final .l-track i.cur{background:var(--danger);box-shadow:0 0 10px var(--danger)}.ladder.final .l-lv b{color:var(--danger)}@keyframes curpulse{50%{opacity:.55}}.hud-top{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.clock{background:var(--bg2);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,12px 100%);text-align:center;border-top:2px solid var(--accent);padding:4px 26px 5px}.clock .time{font-family:var(--f-display);font-variant-numeric:tabular-nums;letter-spacing:1px;font-size:26px;font-weight:700;line-height:1.05}.clock .time.warn{color:var(--danger);animation:1s infinite blinkp}.clock .phase{letter-spacing:3px;color:var(--dim);text-transform:uppercase;font-size:10px;font-weight:700}.standings{gap:4px;display:flex}.standings .st{background:var(--bg);clip-path:var(--cut-s);align-items:center;gap:6px;min-width:80px;padding:3px 9px 5px;font-size:13px;font-weight:700;display:flex;position:relative}.standings .st .pos{font-family:var(--f-display);color:var(--dim);min-width:12px;font-size:11px}.standings .st .pos i svg{width:13px;height:13px;fill:var(--accent);display:block}.standings .st .nm{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.standings .st .lv{font-family:var(--f-display);color:var(--accent);margin-left:auto;font-size:12px}.standings .st .lv svg{width:13px;height:13px;fill:var(--danger);display:block}.standings .st .prog{background:#ffffff14;height:2px;position:absolute;bottom:0;left:0;right:0}.standings .st .prog i{background:#ffc14dcc;height:100%;display:block}.standings .st.me{background:#ffc14d33;box-shadow:inset 0 0 0 1px #ffc14d80}.standings .st.me .nm{color:var(--accent)}.standings.many .st{gap:5px;min-width:0;padding:3px 7px 5px;font-size:12px}.standings.many .st .nm{max-width:78px}.radar{filter:drop-shadow(0 4px 14px #00000080);width:200px;height:200px;position:absolute;top:18px;left:22px}.radar canvas{width:100%;height:100%;display:block}.radar .loc{font-family:var(--f-display);letter-spacing:3px;text-transform:uppercase;white-space:nowrap;color:var(--dim);text-shadow:0 1px 3px #000;font-size:11px;font-weight:700;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.killfeed{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:18px;right:22px}.killfeed .k{background:var(--bg);clip-path:var(--cut-s);align-items:center;gap:8px;padding:4px 12px;font-size:14px;font-weight:700;transition:opacity .3s,transform .3s;animation:.25s ease-out kfin;display:flex}.killfeed .k.out{opacity:0;transform:translate(20px)}.killfeed .k.me{background:#280c08c7;box-shadow:inset 0 0 0 1px #ff4b3a8c}.killfeed .k.mykill{background:#281e08cc;box-shadow:inset 0 0 0 1px #ffc14d99}.killfeed .k .n{color:#ff8a75}.killfeed .k .n.you{color:var(--accent)}.killfeed .k .w{font-family:var(--f-display);letter-spacing:1px;text-transform:uppercase;color:var(--dim);border:1px solid var(--line);padding:1px 6px;font-size:10px}.killfeed .k .w i svg,.killfeed .k .hs svg{fill:currentColor;width:14px;height:14px;display:block}.killfeed .k .w.knife{color:var(--danger);border-color:#ff4b3a80}.killfeed .k .w.launcher{color:#ffb45a;border-color:#ff963c8c}.killfeed .k .hs{color:var(--accent)}@keyframes kfin{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.chat{flex-direction:column;gap:3px;max-width:460px;font-size:14px;font-weight:600;display:flex;position:absolute;bottom:124px;left:28px}.chat .m{background:var(--bg);text-shadow:0 1px 2px #000;clip-path:var(--cut-s);padding:3px 10px;animation:.25s ease-out kfin}.chat .m.sys{color:var(--accent)}.chat .m .n.t{color:var(--t-color)}.chat .m .n.ct{color:var(--ct-color)}.center-msg{text-align:center;position:absolute;top:24%;left:50%;transform:translate(-50%)}.center-msg.show{animation:.5s cubic-bezier(.2,1.3,.4,1) cmin}@keyframes cmin{0%{opacity:0;transform:translate(-50%)scale(1.6)}to{opacity:1;transform:translate(-50%)scale(1)}}.center-msg .big{font-family:var(--f-display);letter-spacing:8px;text-shadow:0 4px 16px #000c;font-size:64px;font-style:italic;font-weight:800}.center-msg .big.go{color:var(--accent);text-shadow:0 4px 16px #000c,0 0 40px #ffa03299}.center-msg .sub{letter-spacing:3px;text-transform:uppercase;color:var(--dim);text-shadow:0 1px 4px #000;font-size:15px;font-weight:700}.warmup{text-align:center;position:absolute;top:18%;left:50%;transform:translate(-50%)}.warmup .w-lbl{font-family:var(--f-display);letter-spacing:7px;color:var(--accent);text-shadow:0 1px 4px #000;font-size:13px;font-weight:800}.warmup .w-n{font-family:var(--f-display);text-shadow:0 6px 30px #000000b3;font-size:110px;font-weight:800;line-height:1;animation:1s ease-out wn}@keyframes wn{0%{opacity:0;transform:scale(1.8)}18%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:.2;transform:scale(.92)}}.warmup .w-mod{font-family:var(--f-display);letter-spacing:3px;color:#ffb45a;text-shadow:0 4px 24px #000c;margin-bottom:10px;font-size:44px;font-weight:800;animation:.6s ease-out wn}.warmup .w-mod span{letter-spacing:7px;color:var(--fg);opacity:.85;margin-bottom:2px;font-size:13px;display:block}.warmup .w-rules{justify-content:center;gap:10px;margin-top:12px;display:flex}.warmup .w-rules span{background:var(--bg2);clip-path:var(--cut-s);color:var(--dim);white-space:nowrap;padding:6px 14px;font-size:14px;font-weight:600}.warmup .w-rules b{color:var(--fg)}.hud-root.dead .vitals,.hud-root.dead .hud-br{opacity:.35;filter:grayscale();transition:opacity .4s}.death{background:radial-gradient(at 50% 55%,#3c000000 30%,#2800008c 100%);animation:.6s ease-out fadein;position:absolute;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.d-card{text-align:center;clip-path:var(--cut);border-top:2px solid var(--danger);background:linear-gradient(#180806e6,#0c0504e6);min-width:320px;padding:14px 42px 16px;animation:.5s cubic-bezier(.2,1.2,.4,1) .25s backwards dcard;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}@keyframes dcard{0%{opacity:0;transform:translate(-50%)translateY(24px)}}.d-lbl{font-family:var(--f-display);letter-spacing:7px;color:#ff8a75;font-size:12px;font-weight:800}.d-name{font-family:var(--f-display);letter-spacing:1px;font-size:34px;font-weight:800;line-height:1.15}.d-name .bot,.pod-name .bot,.es-table .bot{letter-spacing:1px;vertical-align:middle;color:var(--dim);background:#ffffff1f;margin-left:8px;padding:1px 5px;font-size:10px}.d-meta{letter-spacing:2px;color:var(--dim);text-transform:uppercase;justify-content:center;gap:14px;margin-top:3px;font-size:13px;font-weight:700;display:flex}.d-meta b{color:var(--fg);font-family:var(--f-display)}.d-meta .hp b{color:#ff6a55}.d-respawn{text-align:center;width:64px;height:64px;position:absolute;bottom:calc(20% - 96px);left:50%;transform:translate(-50%)}.d-respawn svg{width:64px;height:64px;transform:rotate(-90deg)}.d-respawn circle{fill:none;stroke-width:4px}.d-respawn .bg{stroke:#ffffff24}.d-respawn .fg{stroke:var(--accent);stroke-dasharray:176;stroke-dashoffset:176px;filter:drop-shadow(0 0 4px var(--accent))}.d-respawn .d-n{font-family:var(--f-display);font-size:26px;font-weight:800;position:absolute;top:16px;left:0;right:0}.d-respawn .d-rl{letter-spacing:4px;color:var(--dim);margin-top:2px;font-size:10px;font-weight:700}.scoreboard{width:min(980px,94vw);clip-path:var(--cut);border-top:2px solid var(--accent);background:linear-gradient(#120e0bf0,#0a0806f5);padding:18px 22px 12px;animation:.16s ease-out sbin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes sbin{0%{opacity:0;transform:translate(-50%,-48%)}}.sb-head{justify-content:space-between;align-items:flex-end;margin-bottom:10px;display:flex}.sb-title{font-family:var(--f-display);letter-spacing:5px;font-size:24px;font-weight:800}.sb-map{letter-spacing:3px;color:var(--dim);text-transform:uppercase;font-size:12px;font-weight:700}.sb-clock{font-family:var(--f-display);text-align:right;font-size:26px;font-weight:700;line-height:1}.sb-clock span{font-family:var(--f-ui);letter-spacing:3px;color:var(--dim);text-transform:uppercase;font-size:10px;display:block}.scoreboard table,.es-table table{border-collapse:collapse;width:100%;font-size:15px;font-weight:600}.scoreboard th,.es-table th{text-align:left;letter-spacing:2px;color:var(--dim);text-transform:uppercase;border-bottom:1px solid var(--line);padding:5px 8px;font-size:11px;font-weight:700}.scoreboard td,.es-table td{border-bottom:1px solid #ffffff0a;padding:7px 8px}.scoreboard td.num,.scoreboard th.num,.es-table td.num,.es-table th.num{text-align:right;font-family:var(--f-display);font-variant-numeric:tabular-nums}.scoreboard td.rank svg,.es-table td.rank svg{width:15px;height:15px;fill:var(--accent);vertical-align:middle}.scoreboard tr.me td,.es-table tr.me td{background:#ffc14d1a}.scoreboard tr.me td.pl,.es-table tr.me td.pl{color:var(--accent)}.scoreboard tr.dead td{opacity:.45}.scoreboard .bot{letter-spacing:1px;color:var(--dim);background:#ffffff1a;padding:1px 5px;font-size:10px}td.lvl{white-space:nowrap}.lvn{font-family:var(--f-display);color:var(--accent);min-width:22px;font-weight:700;display:inline-block}.lvbar{vertical-align:middle;background:#ffffff1a;width:70px;height:4px;margin-left:4px;display:inline-block}.lvbar i{background:var(--accent);height:100%;display:block}td.wp{color:var(--dim);font-size:13px}.dim{color:var(--dim);font-size:.85em}.spec-bars{position:absolute;inset:0}.spec-bars:before,.spec-bars:after{content:"";pointer-events:none;height:74px;position:absolute;left:0;right:0}.spec-bars:before{background:linear-gradient(#040609d1 0%,#0406096b 55%,#0000 100%);top:0}.spec-bars:after{background:linear-gradient(#0000 0%,#04060973 45%,#040609e0 100%);height:190px;bottom:0}.hud-root.spectating .vitals,.hud-root.spectating .hud-br,.hud-root.spectating .radar{opacity:0}.spec{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.spec .card{min-width:360px;clip-path:var(--cut);border-top:2px solid var(--accent);background:linear-gradient(#14100deb 0%,#0a0806f0 100%);padding:12px 26px 13px;animation:.35s cubic-bezier(.2,.9,.3,1) spec-in;position:relative}.spec .lbl{letter-spacing:4px;text-transform:uppercase;color:var(--dim);font-size:11px;font-weight:700}.spec .nm{font-family:var(--f-display);letter-spacing:.5px;margin-top:1px;font-size:28px;font-weight:800;line-height:1.15}.spec .nm .botbadge{letter-spacing:1px;vertical-align:middle;color:var(--dim);background:#ffffff1f;margin-left:8px;padding:2px 5px;font-size:10px;font-weight:700}.spec .meta{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:9px;display:flex}.spec .pill{letter-spacing:1px;text-transform:uppercase;border:1px solid var(--line);background:#ffffff0f;align-items:baseline;gap:5px;padding:4px 9px;font-size:12px;font-weight:700;display:flex}.spec .pill b{font-family:var(--f-display);letter-spacing:0;font-size:15px;font-weight:800}.spec .pill i{color:var(--dim);font-size:10px;font-style:normal}.spec .pill.wpn{color:var(--accent)}.spec .downed{letter-spacing:3px;text-transform:uppercase;color:var(--danger);margin-top:8px;font-size:12px;font-weight:700}.spec .chip{border:1px solid var(--line);background:#0c0906d9;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.spec .chip i{background:#fff6;border-radius:50%;width:7px;height:7px;display:block}.spec .chip.next{color:var(--accent);border-color:#ffc14d8c;animation:1.4s ease-in-out infinite spec-pulse}.spec .chip.next i{background:var(--accent);box-shadow:0 0 10px var(--accent)}.spec .keys{color:var(--dim);align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.spec .keys .sep{background:#fff3;width:1px;height:10px;margin:0 2px;display:inline-block}@keyframes spec-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes spec-pulse{0%,to{box-shadow:0 0 #ffc14d59}50%{box-shadow:0 0 0 7px #ffc14d00}}.promo{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.promo .flash{background:#fff;animation:.5s ease-out forwards promo-flash;position:absolute;inset:0}.promo .txt{text-align:center;animation:2.6s ease-out forwards promo-txt;position:relative}.promo .big{font-family:var(--f-display);letter-spacing:8px;color:var(--accent);text-shadow:0 4px 26px #000000d9,0 0 40px #ffc14d73;font-size:70px;font-weight:800}.promo .sub{letter-spacing:4px;text-transform:uppercase;color:var(--dim);margin-top:6px;font-size:16px;font-weight:700}@keyframes promo-flash{0%{opacity:.55}to{opacity:0}}@keyframes promo-txt{0%{opacity:0;transform:scale(1.35)}12%{opacity:1;transform:scale(1)}72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.fps{font-family:var(--f-display);color:var(--dim);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;bottom:6px;right:22px}.mbtn{cursor:pointer;font-family:var(--f-display);letter-spacing:4px;color:var(--fg);clip-path:var(--cut-s);text-align:left;background:#ffffff14;border:0;min-width:220px;padding:13px 34px;font-size:15px;font-weight:800;transition:background .15s,color .15s,transform .12s;position:relative}.mbtn:hover{background:#ffffff29;transform:translate(4px)}.mbtn:before{content:"";background:var(--line2);width:3px;transition:background .15s;position:absolute;top:0;bottom:0;left:0}.mbtn:hover:before{background:var(--accent)}.mbtn.primary{color:#1b1206;background:linear-gradient(#ffd88a 0%,#ffc14d 50%,#f0a02c 100%)}.mbtn.primary:before{background:#00000040}.mbtn.primary:hover{filter:brightness(1.07)}.mbtn.danger:hover{color:#ffb0a5;background:#ff4b3a40}.mbtn.danger:hover:before{background:var(--danger)}.pause{opacity:0;z-index:20;align-items:center;gap:36px;padding-left:8vw;transition:opacity .2s;display:flex;position:absolute;inset:0}.pause.in{opacity:1}.pz-dim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:linear-gradient(90deg,#060403eb 0%,#060403b3 45%,#06040359 100%);position:absolute;inset:0}.pz-main{flex-direction:column;gap:6px;display:flex;position:relative}.pz-title{font-family:var(--f-display);letter-spacing:6px;font-size:56px;font-weight:800;line-height:1}.pz-sub{letter-spacing:3px;color:var(--dim);text-transform:uppercase;margin-bottom:22px;font-size:14px;font-weight:700}.pz-btns{flex-direction:column;gap:8px;display:flex}.pz-hint{color:var(--dim);margin-top:24px;font-size:13px;font-weight:600}.pz-side{width:min(520px,46vw);max-height:82vh;clip-path:var(--cut);border-top:2px solid var(--accent);background:linear-gradient(#14100df2,#0a0806f7);display:none;position:relative;overflow:auto}.pause.with-settings .pz-side{animation:.22s ease-out sidein;display:block}@keyframes sidein{0%{opacity:0;transform:translate(20px)}}.settings{flex-direction:column;display:flex}.set-tabs{border-bottom:1px solid var(--line);z-index:1;background:#100c0afa;gap:2px;padding:12px 16px 0;display:flex;position:sticky;top:0}.set-tabs button{color:var(--dim);letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 10px 9px;font-size:14px;font-weight:700}.set-tabs button:hover{color:var(--fg)}.set-tabs button.on{color:var(--accent);border-bottom-color:var(--accent)}.set-body{padding:10px 18px 20px}.set-row{cursor:default;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;min-height:42px;display:flex}.set-l{flex:0 0 170px;font-size:15px;font-weight:600}.set-l i{color:var(--dim);letter-spacing:.3px;font-size:11px;font-style:normal;font-weight:500;display:block}.set-v{text-align:right;width:52px;font-family:var(--f-display);color:var(--accent);font-variant-numeric:tabular-nums;font-size:13px}.set-row input[type=range]{appearance:none;background:linear-gradient(90deg, var(--accent) var(--p,50%), #ffffff24 var(--p,50%));cursor:pointer;outline:none;flex:1;height:4px}.set-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;width:14px;height:14px;transform:rotate(45deg);box-shadow:0 0 0 3px #ffc14d59}.set-row input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:0;width:12px;height:12px;transform:rotate(45deg)}.switch{cursor:pointer;width:42px;height:22px;margin-left:auto;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch b{clip-path:var(--cut-s);background:#ffffff1f;transition:background .15s;position:absolute;inset:0}.switch b:after{content:"";background:var(--dim);width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.switch input:checked+b{background:#ffc14d59}.switch input:checked+b:after{background:var(--accent);transform:translate(20px)}.seg{flex-wrap:wrap;justify-content:flex-end;gap:2px;margin-left:auto;display:flex}.seg button{cursor:pointer;color:var(--dim);letter-spacing:1px;background:#ffffff12;border:0;padding:6px 12px;font-size:13px;font-weight:700}.seg button:hover{color:var(--fg);background:#ffffff1f}.seg button.on{background:var(--accent);color:#1b1206}.swatches{gap:6px;margin-left:auto;display:flex}.swatches button{background:var(--c);cursor:pointer;width:24px;height:24px;clip-path:var(--cut-s);border:2px solid #0000}.swatches button.on{border-color:#fff;box-shadow:inset 0 0 0 2px #000}.xh-preview{height:120px;clip-path:var(--cut-s);background:radial-gradient(#8a6d4c,#3b2c1f);margin:6px 0 4px;position:relative}.xh-c{width:0;height:0;position:absolute;top:50%;left:50%;transform:scale(2)}.xh-c i{position:absolute}.keys-ref{grid-template-columns:1fr 1fr;gap:6px 18px;margin-top:14px;font-size:14px;font-weight:600;display:grid}.keys-ref div{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:10px;padding-bottom:5px;display:flex}.keys-ref span{color:var(--dim)}.set-text{color:var(--fg);border:1px solid var(--line);font-size:14px;font-family:var(--f-ui);background:#ffffff0f;outline:none;flex:1;padding:7px 9px;font-weight:600}.set-text:focus{border-color:var(--accent)}.mainmenu{color:var(--fg);opacity:0;font-family:var(--f-ui);transition:opacity .65s;position:absolute;inset:0}.mainmenu.shown{opacity:1}.mainmenu.leaving{opacity:0;transition:opacity .3s}.mm-vig{pointer-events:none;background:radial-gradient(125% 95% at 50% 42%,#0000 38%,#03020199 100%),linear-gradient(#080503b3 0%,#08050340 18%,#0805030d 40%,#0805034d 60%,#080503f0 100%);position:absolute;inset:0}.mm-top{justify-content:space-between;align-items:center;padding:20px 26px;display:flex;position:absolute;top:0;left:0;right:0}.mm-brand{text-shadow:0 1px 4px #000;flex-direction:column;gap:2px;display:flex}.mm-brand b{font-family:var(--f-display);letter-spacing:5px;font-size:13px;font-weight:700}.mm-brand span{letter-spacing:3px;color:var(--dim);text-transform:uppercase;font-size:12px;font-weight:600}.mm-gear{border:1px solid var(--line2);width:44px;height:44px;color:var(--fg);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);clip-path:var(--cut-s);background:#0c090680;place-items:center;transition:background .2s,color .2s;display:grid}.mm-gear svg{transition:transform .4s}.mm-gear:hover{color:var(--accent);background:#ffc14d2e}.mm-gear:hover svg{transform:rotate(60deg)}.mm-fallback{display:none}.mainmenu.no-3d-title .mm-fallback{text-align:center;font-family:var(--f-display);letter-spacing:8px;text-shadow:0 8px 34px #000000d9;font-size:clamp(38px,7.2vw,96px);font-weight:800;display:block;position:absolute;top:15%;left:0;right:0}.mainmenu.no-3d-title .mm-fallback span{color:var(--accent)}.mm-body{flex-direction:column;align-items:center;gap:12px;padding-bottom:7vh;display:flex;position:absolute;bottom:0;left:0;right:0}.mm-tagline{letter-spacing:1px;color:var(--dim);text-shadow:0 1px 4px #000;text-align:center;margin-bottom:4px;padding:0 16px;font-size:16px;font-weight:600}.mm-setup{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mm-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);clip-path:var(--cut-s);background:#0c090699;align-items:center;padding:3px;display:flex}.mm-chip-l{letter-spacing:2px;text-transform:uppercase;color:var(--dim);padding:0 10px 0 9px;font-size:11px;font-weight:700}.mm-chip button{color:var(--dim);cursor:pointer;letter-spacing:.5px;background:0 0;border:0;padding:6px 11px;font-size:14px;font-weight:700}.mm-chip button:hover{color:var(--fg);background:#ffffff14}.mm-chip button.on{color:#1b1206;background:#ffc14de6}.mm-join{align-items:stretch;gap:10px;margin-top:4px;display:flex}.mm-join input{border:1px solid var(--line2);width:250px;color:var(--fg);letter-spacing:1.5px;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:18px;font-weight:700;font-family:var(--f-ui);clip-path:var(--cut-s);background:#0c090699;outline:none;padding:0 18px}.mm-join input::placeholder{color:#f4ede159}.mm-join input:focus{border-color:var(--accent)}.mm-btn{cursor:pointer;font-family:var(--f-display);letter-spacing:5px;border:0;font-weight:800}.mm-primary{color:#1b1206;clip-path:var(--cut);background:linear-gradient(#ffe2a3 0%,#ffc14d 45%,#ec9a28 100%);padding:18px 60px;font-size:24px;transition:transform .12s,filter .2s;position:relative;overflow:hidden;box-shadow:0 12px 34px #0000008c}.mm-primary:after{content:"";background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:40%;animation:3.2s ease-in-out infinite shine;position:absolute;top:0;bottom:0;left:-60%}@keyframes shine{0%,55%{left:-60%}to{left:130%}}.mm-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.mm-primary:active{transform:translateY(1px)}.mm-btn:disabled{cursor:default;animation:1.15s ease-in-out infinite mm-pulse}@keyframes mm-pulse{50%{opacity:.55}}.mm-bots{flex-direction:column;align-items:center;gap:10px;display:flex}.mm-link{color:var(--dim);font-family:var(--f-display);letter-spacing:4px;cursor:pointer;text-shadow:0 1px 3px #000;background:0 0;border:0;padding:4px 8px;font-size:12px;font-weight:700}.mm-link:hover,.mainmenu.bots-open #s-bots{color:var(--accent)}.mm-bots-panel{flex-direction:column;align-items:center;gap:10px;display:none}.mainmenu.bots-open .mm-bots-panel{animation:.2s ease-out sidein;display:flex}.mm-btn.small{letter-spacing:3px;color:#1b1206;background:var(--accent);clip-path:var(--cut-s);padding:0 18px;font-size:13px}.mm-bots-panel .mm-btn.small{padding:10px 26px}.mm-btn.ghost{color:var(--fg);clip-path:var(--cut-s);background:#ffffff14}.mm-btn.ghost:hover{color:var(--accent);background:#ffc14d2e}.mm-dlg{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0503029e;place-items:center;padding:16px;display:none;position:absolute;inset:0}.mainmenu.dlg-open .mm-dlg{animation:.18s ease-out fadein;display:grid}.mm-dlg-box{border-top:2px solid var(--accent);width:min(460px,100%);clip-path:var(--cut);background:linear-gradient(#120e0bf7,#090705fa);padding:24px 26px 26px;box-shadow:0 24px 70px #0009}.mm-dlg-box h2{font-family:var(--f-display);letter-spacing:6px;color:var(--accent);margin:0 0 12px;font-size:16px}.mm-dlg-box p{color:var(--dim);margin:0 0 10px;font-size:15px;font-weight:600;line-height:1.45}.mm-dlg-box code{color:#f4ede166;word-break:break-all;font-size:12px;display:block}.mm-dlg-btns{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.mm-dlg-btns .mm-btn{letter-spacing:3px;padding:11px 18px;font-size:13px}.mm-dlg-btns .mm-btn:focus-visible{outline:2px solid var(--fg);outline-offset:-4px}.mm-status{letter-spacing:2.4px;min-height:14px;color:var(--accent);text-shadow:0 1px 3px #000;font-size:12px;font-weight:700}.mm-hint{color:var(--dim);text-shadow:0 1px 4px #000;text-align:center;padding:0 16px;font-size:13px;font-weight:600}.mm-drawer{border-left:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#120e0bf5,#090705fa);flex-direction:column;width:min(500px,96vw);height:100%;transition:transform .34s cubic-bezier(.22,.61,.36,1);display:flex;position:absolute;top:0;right:0;transform:translate(102%);box-shadow:-24px 0 70px #0009}.mainmenu.drawer-open .mm-drawer{transform:none}.mm-drawer-head{justify-content:space-between;align-items:center;padding:20px 22px 4px;display:flex}.mm-drawer-head h2{font-family:var(--f-display);letter-spacing:6px;margin:0;font-size:16px}.mm-close{color:var(--fg);cursor:pointer;opacity:.55;background:0 0;border:0;font-size:28px;line-height:1}.mm-close:hover{opacity:1;color:var(--accent)}.mm-scroll{flex:1;overflow-y:auto}.mm-links{text-align:center;border-top:1px solid var(--line);padding:12px;font-size:13px}.mm-links a{color:var(--accent);opacity:.8;font-weight:600;text-decoration:none}.mm-links a:hover{opacity:1;text-decoration:underline}.endscreen{opacity:0;z-index:30;background:radial-gradient(at 50% 30%,#28180adb,#050302f2);justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0;overflow:auto}.endscreen.in{opacity:1}.es-inner{flex-direction:column;align-items:center;gap:10px;width:min(980px,94vw);padding:30px 0;display:flex}.es-kicker{letter-spacing:5px;text-transform:uppercase;color:var(--dim);font-size:12px;font-weight:700}.endscreen h1{font-family:var(--f-display);letter-spacing:8px;margin:0;font-size:clamp(48px,7vw,86px);font-style:italic;font-weight:800;line-height:1;animation:.7s cubic-bezier(.2,1.2,.4,1) esin}.endscreen h1.win{color:var(--accent);text-shadow:0 0 50px #ffaa3c73}@keyframes esin{0%{opacity:0;letter-spacing:30px;transform:scale(1.4)}}.es-sub{letter-spacing:1px;color:var(--dim);font-size:16px;font-weight:600}.podium{align-items:flex-end;gap:10px;margin:18px 0 6px;display:flex}.pod{text-align:center;width:190px;animation:.6s cubic-bezier(.2,1.1,.4,1) backwards podin}.pod.p1{animation-delay:.35s}.pod.p2{animation-delay:.2s}.pod.p3{animation-delay:.5s}@keyframes podin{0%{opacity:0;transform:translateY(40px)}}.pod-name{font-family:var(--f-display);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:800;overflow:hidden}.pod-lv{color:var(--dim);letter-spacing:1px;margin-bottom:6px;font-size:12px;font-weight:600}.pod-block{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 100%,0 100%);background:linear-gradient(#ffffff24,#ffffff08);justify-content:center;align-items:flex-start;padding-top:10px;display:flex}.pod-block span{font-family:var(--f-display);color:var(--dim);font-size:34px;font-weight:800}.pod.p1 .pod-block{background:linear-gradient(#ffc14d8c,#ffc14d0f);height:110px}.pod.p1 .pod-block span{color:#1b1206}.pod.p2 .pod-block{height:78px}.pod.p3 .pod-block{height:56px}.pod.me .pod-name{color:var(--accent)}.pod.empty{visibility:hidden}.es-stats{gap:4px;display:flex}.es-stat{background:var(--bg2);min-width:108px;clip-path:var(--cut-s);text-align:center;padding:9px 12px}.es-stat b{font-family:var(--f-display);font-size:26px;font-weight:700;display:block}.es-stat span{letter-spacing:2px;text-transform:uppercase;color:var(--dim);font-size:11px;font-weight:700}.es-table{width:100%;max-height:32vh;clip-path:var(--cut);background:#0e0b09cc;margin-top:8px;padding:6px 14px;overflow:auto}.es-btns{gap:10px;margin-top:12px;display:flex}.es-btns .mbtn{text-align:center;min-width:200px}.es-next{color:var(--dim);letter-spacing:1px;font-size:13px;font-weight:600}.es-next b{color:var(--fg);font-family:var(--f-display)}.loading{color:var(--fg);z-index:40;background:radial-gradient(#2a1d12 0%,#0a0705 100%);justify-content:center;align-items:center;transition:opacity .45s;display:flex;position:absolute;inset:0}.loading.done{opacity:0}.loading.over{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#080503bf,#080503f0)}.loading-box{text-align:center;width:min(460px,86vw)}.loading-title{font-family:var(--f-display);letter-spacing:9px;margin-bottom:20px;font-size:32px;font-weight:800}.loading-title span{color:var(--accent)}.loading-bar{background:#ffffff1a;height:4px;overflow:hidden}.loading-fill{background:linear-gradient(90deg, var(--accent2), var(--accent));width:0;height:100%;box-shadow:0 0 12px var(--accent);transition:width .15s}.loading-pct{font-family:var(--f-display);letter-spacing:3px;color:var(--dim);margin-top:8px;font-size:12px}.loading-hint{color:var(--dim);margin-top:18px;font-size:15px;font-weight:600;line-height:1.4}.loading-detail{letter-spacing:1px;min-height:18px;color:var(--dim);font-variant-numeric:tabular-nums;margin-top:6px;font-size:13px;font-weight:600}.loading.failed .loading-fill{box-shadow:none;background:#a33}.loading.failed .loading-detail{color:var(--fg)}.loading-retry{font-family:var(--f-display);letter-spacing:3px;color:#1a1008;background:var(--accent);cursor:pointer;border:0;margin:12px auto 0;padding:8px 26px;font-size:13px;font-weight:700;display:block}.fadecover{opacity:0;pointer-events:none;z-index:50;background:#070503;transition:opacity .4s;position:absolute;inset:0}.fadecover.on{opacity:1}.toast{border-left:3px solid var(--accent);color:var(--fg);opacity:0;pointer-events:none;z-index:60;clip-path:var(--cut-s);background:#100c09f2;padding:12px 22px;font-size:15px;font-weight:600;transition:opacity .35s,transform .35s;position:fixed;bottom:42px;left:50%;transform:translate(-50%,16px);box-shadow:0 14px 44px #0009}.toast.in{opacity:1;transform:translate(-50%)}@media (max-width:900px){.standings .st .nm{max-width:60px}.standings.many .st .nm{max-width:40px}.radar{width:150px;height:150px}.vitals,.weapon,.ladder{width:auto;min-width:0}}.radar,.hud-top,.killfeed,.hud-bl,.hud-br,.chat,.killpop,.levelup,.callout,.combo,.center-msg,.warmup,.d-card,.d-respawn,.prompt,.prot,.target,.scoreboard,.spec,.pz-main,.pz-side,.es-inner,.mm-top,.mm-body,.mm-drawer,.mm-dlg-box,.loading-box,.toast{zoom:var(--ui,1)}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:none}.touch canvas#game{touch-action:none}.touch-ui{touch-action:none;-webkit-user-select:none;user-select:none;--tb:1;--sr:env(safe-area-inset-right,0px);--sl:env(safe-area-inset-left,0px);--sb:env(safe-area-inset-bottom,0px);--st:env(safe-area-inset-top,0px);display:none;position:fixed;inset:0}.touch-ui.on{display:block}.tb{width:calc(62px * var(--tb));height:calc(62px * var(--tb));color:var(--fg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e0a076b;border:1.5px solid #ffecd252;border-radius:50%;align-content:center;place-items:center;transition:transform 60ms,background .12s;display:grid;position:absolute;box-shadow:0 4px 14px #00000059}.tb svg{fill:currentColor;pointer-events:none;width:46%;height:46%;display:block}.tb span{font-family:var(--f-display);font-weight:800;font-size:calc(10px * var(--tb));letter-spacing:1.5px;pointer-events:none;margin-top:1px}.tb.down{border-color:var(--accent);background:#ffc14d59;transform:scale(.9)}.tb.on{color:#1b1206;border-color:var(--accent);background:#ffc14dc7}.tb.hide{display:none}.tb.big{width:calc(86px * var(--tb));height:calc(86px * var(--tb));background:#78160c73;border-color:#ff5a45b3}.tb.big.down{background:#ff4b3a8c}.tb.small{width:calc(50px * var(--tb));height:calc(50px * var(--tb))}.tb.mini{width:calc(40px * var(--tb));height:calc(40px * var(--tb));-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-radius:10px}.tb-fire{right:calc(var(--sr) + 26px);bottom:calc(var(--sb) + 62px)}.tb-ads{right:calc(var(--sr) + 26px + 100px * var(--tb));bottom:calc(var(--sb) + 40px)}.tb-reload{right:calc(var(--sr) + 26px + 86px * var(--tb));bottom:calc(var(--sb) + 62px + 84px * var(--tb))}.tb-jump{right:calc(var(--sr) + 30px);bottom:calc(var(--sb) + 62px + 100px * var(--tb))}.tb-crouch{right:calc(var(--sr) + 26px + 174px * var(--tb));bottom:calc(var(--sb) + 30px)}.tb-zoom{right:calc(var(--sr) + 26px + 168px * var(--tb));bottom:calc(var(--sb) + 104px * var(--tb))}.tb-swap{right:calc(var(--sr) + 22px);bottom:calc(var(--sb) + 62px + 176px * var(--tb));width:auto;height:auto;padding:calc(7px * var(--tb)) calc(12px * var(--tb));border-radius:8px}.tb-swap .sw-name{font-size:calc(11px * var(--tb))}.tb-fire2{left:calc(var(--sl) + 175px * var(--tb));bottom:calc(var(--sb) + 150px * var(--tb))}.tb-pause{right:calc(var(--sr) + 14px);top:calc(var(--st) + 12px)}.tb-score{right:calc(var(--sr) + 14px + 50px * var(--tb));top:calc(var(--st) + 12px)}.touch-ui.dead .tb:not(.mini),.touch-ui.spectating .tb:not(.mini){display:none}.t-stick{width:calc(116px * var(--tb));height:calc(116px * var(--tb));margin:calc(-58px * var(--tb)) 0 0 calc(-58px * var(--tb));opacity:0;pointer-events:none;background:radial-gradient(circle,#0e0a071a,#0e0a0761);border:2px solid #ffecd24d;border-radius:50%;transition:opacity .15s;position:absolute;top:0;left:0}.t-stick.on{opacity:1}.t-knob{background:#ffecd28c;border-radius:50%;width:44%;height:44%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #0006}.t-hint{font-family:var(--f-display);letter-spacing:5px;color:#ffecd266;pointer-events:none;opacity:0;font-size:11px;font-weight:700;position:absolute;bottom:42%}.t-hint-l{left:calc(var(--sl) + 90px)}.t-hint-r{text-align:center;left:56%}.t-hint-r small{letter-spacing:2.5px;margin-top:6px;font-size:9px;display:block}.touch-ui.on .t-hint{animation:7s ease-out forwards thint}.t-hint-auto{letter-spacing:3px;white-space:nowrap;font-size:10px;bottom:24%;left:50%;transform:translate(-50%)}.hurt-fx{pointer-events:none;opacity:0;background:radial-gradient(#78000000 42%,#7808048c 78%,#960a05e6 100%);display:none;position:fixed;inset:0}@keyframes thint{0%,70%{opacity:1}to{opacity:0}}.touch .radar{left:calc(env(safe-area-inset-left,0px) + 18px)}.touch .hud-bl{left:calc(env(safe-area-inset-left,0px) + 18px);top:252px;bottom:auto}.touch .vitals{width:200px;padding:7px 12px 9px}.touch .vitals .hp-num{font-size:30px}.touch .hud-br{flex-direction:row;align-items:flex-end;bottom:8px;left:50%;right:auto;transform:translate(-50%)}.touch .weapon{min-width:200px;padding:6px 12px 8px}.touch .ammo .mag{font-size:34px}.touch .ladder{min-width:190px}.touch .killfeed{top:96px;right:calc(env(safe-area-inset-right,0px) + 16px)}.touch .chat,.touch .combo,.touch .killpop .medals,.touch .killpop .kp-sub{display:none}.touch .killpop{top:68%}.touch .fps{left:8px;right:auto}.touch .prompt kbd,.touch .pz-hint,.touch .mm-hint-keys,.touch .keys-ref:not(.touch-ref),.mm-hint-touch{display:none}.touch .mm-hint-touch{display:block}.touch .spec .keys,.rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-hint{z-index:100;color:var(--fg);text-align:center;font-family:var(--f-ui);background:#0b0805;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}.rotate-hint b{font-family:var(--f-display);letter-spacing:5px;font-size:18px}.rotate-hint span{color:var(--dim);font-weight:600}.rh-phone{border:3px solid var(--accent);border-radius:8px;width:44px;height:76px;margin-bottom:14px;animation:2s ease-in-out infinite rh}@keyframes rh{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}}
