@font-face{font-family:Chakra Petch;src:url(../fonts/ChakraPetch-500.latin.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Chakra Petch;src:url(../fonts/ChakraPetch-700.latin.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Figtree;src:url(../fonts/Figtree-VF.subset.woff2)format("woff2");font-weight:300 900;font-display:swap}:root{--amber:#ff9a2e;--amber-hi:#ffc46a;--amber-deep:#d9611a;--glow:#ff8c288c;--hp:#ffa53a;--hp-low:#ff3a24;--armor:#ffc46a;--red:#ff3a1a;--panel:#0a0807b8;--panel-2:#160e09d1;--edge:#ff963cb3;--line:#ffaa5a33;--text:#f3ede6;--dim:#f3ede699;--display:"Chakra Petch", "Figtree", system-ui, sans-serif;--body:"Figtree", system-ui, sans-serif;--shadow:0 1px 2px #000000e6, 0 0 10px #00000073;--cut:14px}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#000;margin:0;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}.screen{pointer-events:auto;position:absolute;inset:0}.screen[hidden]{display:none!important}.screen-hud{pointer-events:none}canvas.sparks{pointer-events:none;z-index:50;width:100%;height:100%;position:absolute;inset:0}.fatal{font:600 18px var(--body);color:#ff8a7a;background:#111;place-items:center;display:grid;position:absolute;inset:0}.ico{width:1em;height:1em;-webkit-mask:var(--ico) center / contain no-repeat;-webkit-mask:var(--ico) center / contain no-repeat;mask:var(--ico) center / contain no-repeat;vertical-align:middle;background:currentColor;display:inline-block}.panel-cut{clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));background:linear-gradient(#1c110ac7,#080605c7);position:relative}.panel-cut:before{content:"";pointer-events:none;background:linear-gradient(135deg, var(--amber) 0 2px, transparent 2px) top left / 40% 40% no-repeat, linear-gradient(315deg, var(--amber) 0 2px, transparent 2px) bottom right / 40% 40% no-repeat;clip-path:inherit;box-shadow:inset 0 0 0 1px var(--edge), inset 0 0 22px #ff781e38;position:absolute;inset:0}.logo{font-family:var(--display);flex-direction:column;align-items:flex-start;font-weight:700;line-height:.88;display:flex}.logo-a{letter-spacing:.04em;color:#f6efe7;text-shadow:0 2px #3a1a08,0 0 28px #ff963c59;font-size:54px}.logo-b{letter-spacing:.72em;color:var(--amber);text-shadow:0 0 18px var(--glow);margin-top:8px;font-size:20px}.logo.big .logo-a{background:linear-gradient(#fff 20%,#ffd7a0 55%,#ff8a2a 100%);color:#0000;filter:drop-shadow(0 4px #3c1404e6)drop-shadow(0 0 30px #ff781e59);-webkit-background-clip:text;background-clip:text;font-size:clamp(64px,9vw,138px)}.logo.big .logo-b{letter-spacing:.9em;margin-top:14px;font-size:clamp(18px,2.2vw,32px)}.btn{pointer-events:auto;min-width:320px;color:var(--text);font:700 17px var(--display);letter-spacing:.2em;text-transform:uppercase;text-align:left;cursor:pointer;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(90deg,#28180ed9,#0c090799);border:0;justify-content:space-between;align-items:baseline;gap:18px;margin:0;padding:15px 24px;transition:background .15s,transform .15s,box-shadow .15s,color .15s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ff963c47}.btn small{font:500 11px var(--display);letter-spacing:.16em;color:var(--dim)}.btn:before{content:"";background:var(--amber);width:3px;box-shadow:0 0 12px var(--amber);transition:transform .15s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(.35)}.btn:hover,.btn:focus-visible{box-shadow:inset 0 0 0 1px var(--amber), 0 0 24px #ff781e59;background:linear-gradient(90deg,#ff82285c,#ff82280f);outline:none;transform:translate(8px)}.btn:hover:before,.btn:focus-visible:before{transform:scaleY(1)}.btn.primary{color:#1b0b02;background:linear-gradient(90deg,#ffae45,#e8641c 70%,#b8420e);box-shadow:0 0 30px #ff781e66}.btn.primary small{color:#1e0a00b3}.btn.primary:before{background:#fff}.btn.primary:hover{color:#000;background:linear-gradient(90deg,#ffc46a,#ff7a2a 70%,#c94a10)}.menu{flex-direction:column;gap:10px;display:flex}.menu.row-end{flex-direction:row;justify-content:flex-end;margin-top:22px}.menu.row-end .btn{justify-content:center;min-width:170px}.screen-boot{background:#050404;overflow:hidden}.boot-art{filter:blur(12px);background:url(../assets/ui/loading_bg_tiny.webp) 50%/cover;position:absolute;inset:-2%}.boot-art:after{content:"";background:url(../assets/ui/loading_bg.webp) 50%/cover;animation:26s ease-in-out infinite alternate kb;position:absolute;inset:0}.screen-boot:after{content:"";background:linear-gradient(#0000008c 0%,#0000001a 40%,#00000059 62%,#000000eb 100%);position:absolute;inset:0}@keyframes kb{0%{transform:scale(1.02)}to{transform:scale(1.1)translate(-1.5%,-1%)}}.boot-wrap{z-index:2;flex-direction:column;align-items:stretch;gap:16px;width:min(640px,86vw);display:flex;position:absolute;bottom:9vh;left:50%;transform:translate(-50%)}.boot-wrap .logo{align-items:center;margin-bottom:18px}.boot-wrap .logo-a{font-size:clamp(46px,6vw,78px)}.boot-bar{clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);background:#ffffff14;height:6px;position:relative}.boot-bar i{background:linear-gradient(90deg, #b8420e, var(--amber) 80%, #fff3d6);transform-origin:0;box-shadow:0 0 16px var(--amber);transition:transform .25s;position:absolute;inset:0;transform:scaleX(.02)}.boot-bar b{width:3px;height:18px;box-shadow:0 0 14px 4px var(--amber);background:#fff;transition:left .25s;position:absolute;top:-6px}.boot-row{font:700 12px var(--display);letter-spacing:.34em;color:var(--amber-hi);text-shadow:var(--shadow);justify-content:space-between;display:flex}.boot-pct{font-variant-numeric:tabular-nums}.boot-tip{text-align:center;min-height:2.8em;font:500 15px var(--display);letter-spacing:.04em;color:var(--dim);opacity:0;line-height:1.45}.boot-tip.in{animation:4.5s ease-in-out forwards tip}@keyframes tip{0%{opacity:0;transform:translateY(6px)}10%,88%{opacity:1;transform:none}to{opacity:0}}.screen-title{overflow:hidden}.title-art{opacity:.55;mix-blend-mode:screen;background:url(../assets/ui/title_bg.webp) 65%/cover;animation:40s ease-in-out infinite alternate kb;position:absolute;inset:0}.screen-title:before{content:"";z-index:1;background:linear-gradient(90deg,#040302f0 0%,#040302b3 34%,#0403020d 70%),linear-gradient(#0000 70%,#000000b3);position:absolute;inset:0}.title-left{z-index:2;flex-direction:column;gap:22px;display:flex;position:absolute;top:50%;left:clamp(28px,7vw,120px);transform:translateY(-50%)}.kicker{font:700 12px var(--display);letter-spacing:.44em;color:var(--amber-hi)}.tagline{max-width:460px;font:500 18px var(--display);letter-spacing:.04em;color:var(--dim);margin-bottom:10px;line-height:1.45}.best{font:700 13px var(--display);letter-spacing:.2em;color:var(--dim);min-height:1em}.best b{color:var(--amber-hi)}.title-foot{z-index:2;font:500 12px var(--display);color:#fff6;letter-spacing:.08em;position:absolute;bottom:26px;left:clamp(28px,7vw,120px)}.panel-screen{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04030294;place-items:center;display:grid}.panel{--cut:20px;min-width:360px;padding:34px 40px}.panel.wide{width:min(720px,92vw)}.panel h2{font:700 28px var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--amber-hi);text-shadow:0 0 20px var(--glow);margin:0 0 24px}.panel .hint{font:500 13px var(--display);color:var(--dim);margin-top:18px}.rows{flex-direction:column;gap:6px;display:flex}.row{font:500 15px var(--display);letter-spacing:.05em;background:#ff963c0d;grid-template-columns:1fr 220px 60px;align-items:center;gap:16px;padding:10px 12px;display:grid}.row output{text-align:right;font:700 14px var(--display);color:var(--amber-hi);font-variant-numeric:tabular-nums}.row input[type=range]{width:100%;accent-color:var(--amber);cursor:pointer}.row.toggle{cursor:pointer;grid-template-columns:1fr auto}.row.toggle input{display:none}.row.toggle i{clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);background:#ffffff24;width:44px;height:22px;transition:background .15s;position:relative}.row.toggle i:after{content:"";background:#fff;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:4px}.row.toggle input:checked+i{background:var(--amber)}.row.toggle input:checked+i:after{transform:translate(20px)}.row.seg{grid-template-columns:1fr auto}.segs{gap:4px;display:flex}.seg-btn{pointer-events:auto;border:1px solid var(--line);color:var(--dim);font:700 12px var(--display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;padding:7px 14px}.seg-btn.on{background:var(--amber);color:#1b0b02;border-color:var(--amber)}.ctls{grid-template-columns:1fr 1fr;gap:6px 22px;display:grid}.ctl{border-bottom:1px solid #ff963c1a;align-items:center;gap:14px;padding:6px 0;display:flex}kbd{border:1px solid var(--line);min-width:104px;font:700 12px var(--display);letter-spacing:.06em;text-align:center;color:var(--amber-hi);background:#ff963c1a;border-bottom-width:2px;padding:5px 9px}.ctl span{color:var(--dim);font:500 14px var(--display)}.tips{font:500 14px var(--display);color:var(--dim);margin-top:20px;line-height:1.55}.tips b{color:var(--amber-hi);letter-spacing:.14em;text-transform:uppercase;margin-right:8px;font-size:12px}.results{text-align:center;width:min(820px,94vw)}.r-head{font:700 clamp(52px, 8vw, 100px) var(--display);letter-spacing:.12em;line-height:1}.r-head.won{color:var(--amber-hi);text-shadow:0 0 40px #ffaa5099}.r-head.lost{color:var(--red);text-shadow:0 0 40px #ff3c1e8c}.r-sub{color:var(--dim);font:700 14px var(--display);letter-spacing:.18em;text-transform:uppercase;margin:12px 0 26px}.r-stats{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:18px;display:grid}.stat{background:#ff963c0f;flex-direction:column;gap:6px;padding:12px 6px;animation:.4s ease-out backwards statin;display:flex;box-shadow:inset 0 0 0 1px #ff963c24}.stat:nth-child(2){animation-delay:50ms}.stat:nth-child(3){animation-delay:.1s}.stat:nth-child(4){animation-delay:.15s}.stat:nth-child(5){animation-delay:.2s}.stat:nth-child(6){animation-delay:.25s}.stat:nth-child(7){animation-delay:.35s}@keyframes statin{0%{opacity:0;transform:translateY(12px)}}.stat small{font:700 10px var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.stat b{font:700 26px var(--display);font-variant-numeric:tabular-nums}.stat.big{background:#ff822824;grid-column:1/-1;box-shadow:inset 0 0 0 1px #ff963c80,0 0 30px #ff781e26}.stat.big b{color:var(--amber-hi);text-shadow:0 0 24px var(--glow);font-size:46px}.r-best{font:700 13px var(--display);letter-spacing:.2em;color:var(--amber-hi);text-transform:uppercase;grid-column:1/-1}.r-best.dim{color:var(--dim)}.r-board table,.board table{border-collapse:collapse;width:100%;font:700 14px var(--display)}.r-board{margin-bottom:24px}.r-board td,.board td,.board th{text-align:left;border-bottom:1px solid #ff963c1a;padding:7px 10px}.r-board td:nth-child(n+3),.board td:nth-child(n+3),.board th:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}.r-board tr.me,.board tr.me{color:#fff;background:#ff822833}.results .menu{flex-direction:row;justify-content:center}.results .menu .btn{justify-content:center;min-width:220px}.screen-hud{font-family:var(--display);text-shadow:var(--shadow)}.xh-wrap{width:0;height:0;position:absolute;top:50%;left:50%}.od-ring{width:116px;height:116px;transition:opacity .2s;position:absolute;top:-58px;left:-58px;overflow:visible;transform:rotate(-90deg)}.od-ring circle{fill:none;stroke-width:5px}.od-bg{stroke:#ff963c24;stroke-dasharray:10.5 3.3}.od-fg{stroke:var(--amber);stroke-dasharray:276.46;stroke-dashoffset:276.46px;filter:drop-shadow(0 0 4px #ff8c28e6);transition:stroke-dashoffset .25s;-webkit-mask:none}.od-lbl{font:700 11px var(--display);letter-spacing:.3em;color:var(--amber-hi);opacity:0;white-space:nowrap;transition:opacity .2s;position:absolute;top:66px;left:0;transform:translate(-50%)}.xh-wrap.od-ready .od-ring{animation:.8s ease-in-out infinite odpulse}.xh-wrap.od-ready .od-lbl:after{content:" · F";color:#fff}.xh-wrap.od-on .od-fg{stroke:#fff2c8;filter:drop-shadow(0 0 8px #ffb020)}@keyframes odpulse{50%{filter:drop-shadow(0 0 10px #ff9a2e);transform:rotate(-90deg)scale(1.08)}}.xhair{--gap:8px;width:0;height:0;transition:opacity 80ms;position:absolute;top:0;left:0}.xhair i{background:#fff;position:absolute;box-shadow:0 0 0 1px #0009,0 0 6px #ffaa5066}.xhair .t,.xhair .b{width:2px;height:11px;left:-1px}.xhair .l,.xhair .r{width:11px;height:2px;top:-1px}.xhair .t{bottom:var(--gap)}.xhair .b{top:var(--gap)}.xhair .l{right:var(--gap)}.xhair .r{left:var(--gap)}.xhair b{background:#fff;width:2px;height:2px;position:absolute;top:-1px;left:-1px}.hitmark{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.hitmark i{background:#fff;width:12px;height:2px;position:absolute;top:-1px;left:-6px;box-shadow:0 0 0 1px #00000080}.hitmark i:first-child{transform:rotate(45deg)translate(-14px)}.hitmark i:nth-child(2){transform:rotate(135deg)translate(-14px)}.hitmark i:nth-child(3){transform:rotate(225deg)translate(-14px)}.hitmark i:nth-child(4){transform:rotate(315deg)translate(-14px)}.hitmark.head i{background:#ffe38a;width:15px;box-shadow:0 0 8px #ffb020}.hitmark.armor i{background:#7fd3ff}.hitmark.kill i{background:var(--red);width:18px;height:3px;box-shadow:0 0 10px var(--red)}.hitmark.pulse{animation:.18s ease-out hm}@keyframes hm{0%{transform:scale(1.6)}to{transform:scale(1)}}.dmg-ring{width:0;height:0;position:absolute;top:50%;left:50%}.dmg-ring i{border:7px solid #0000;border-top-color:rgba(255, 40, 20, calc(var(--a) * .95));filter:drop-shadow(0 0 10px #ff0000b3);border-radius:50%;width:280px;height:280px;animation:1.3s ease-out forwards dmg;position:absolute;top:-140px;left:-140px}@keyframes dmg{0%{opacity:1}60%{opacity:.8}to{opacity:0}}.reload{opacity:0;background:#00000080;width:100px;height:3px;margin-left:-50px;transition:opacity .1s;position:absolute;top:calc(50% + 78px);left:50%}.reload i{background:var(--amber);transform-origin:0;height:100%;box-shadow:0 0 8px var(--amber);display:block}.ammo-warn{font:700 13px var(--display);letter-spacing:.32em;color:var(--amber-hi);text-transform:uppercase;animation:.8s steps(2,end) infinite blink;position:absolute;top:calc(50% + 90px);left:50%;transform:translate(-50%)}@keyframes blink{50%{opacity:.5}}.top-dm{align-items:stretch;gap:3px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.top-dm>div{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);flex-direction:column;justify-content:center;align-items:center;min-width:96px;padding:8px 18px;display:flex}.top-dm .clock{min-width:124px}.top-dm .clock span{font:700 28px var(--display);font-variant-numeric:tabular-nums}.top-dm .clock small,.top-dm .lbl{letter-spacing:.22em;color:var(--dim);text-transform:uppercase;font-size:10px}.top-dm .clock.urgent span{color:var(--red);animation:1s steps(2,end) infinite blink}.top-dm .val{font:700 26px var(--display);font-variant-numeric:tabular-nums}.score-me{border-bottom:2px solid var(--amber)}.place{font:700 11px var(--display);letter-spacing:.3em;color:var(--dim);position:absolute;top:88px;left:50%;transform:translate(-50%)}.place.first{color:var(--amber-hi)}body[data-mode=onslaught] .top-dm,body[data-mode=onslaught] .place,body[data-mode=deathmatch] .wave-info,body[data-mode=deathmatch] .style,body[data-mode=deathmatch] .od-ring,body[data-mode=deathmatch] .bossbar{display:none}.wave-info{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);font:700 15px var(--display);letter-spacing:.2em;align-items:center;gap:14px;padding:7px 22px;transition:opacity .3s;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.wi-wave{color:var(--amber-hi)}.wi-sep{background:var(--line);width:1px;height:16px}.wi-left{color:#ff7a5a;align-items:center;gap:6px;display:flex}.wi-left .ico{width:16px;height:16px}.wi-time{color:var(--dim);font-variant-numeric:tabular-nums}.bossbar.on~.wave-info{top:92px}.screen-hud:has(.bossbar.on) .wave-info{top:92px}.bossbar{opacity:0;background:var(--panel-2);clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,22px 100%,0 50%);width:min(700px,60vw);box-shadow:inset 0 0 0 1px var(--edge);padding:8px 18px 8px 70px;transition:transform .5s cubic-bezier(.2,1.4,.4,1),opacity .3s;position:absolute;top:14px;left:50%;transform:translate(-50%,-140%)}.bossbar.on{opacity:1;transform:translate(-50%)}.boss-skull{width:34px;height:34px;color:var(--amber-hi);filter:drop-shadow(0 0 6px var(--red));margin-top:-17px;position:absolute;top:50%;left:26px}.bb-name{text-align:center;font:700 15px var(--display);letter-spacing:.5em;color:#fff;margin-bottom:4px}.bb-segs{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.bb-seg{background:#0009;height:12px;position:relative;box-shadow:inset 0 0 0 1px #ff5a284d}.bb-seg i{transform-origin:0;background:linear-gradient(#ff6a3a,#c8200c);transition:transform .15s;position:absolute;inset:0;box-shadow:0 0 10px #ff3c14cc}.bb-seg:nth-child(2) i{background:linear-gradient(#ffb24a,#e2661a)}.bb-seg small{font:700 9px var(--display);letter-spacing:.2em;color:var(--amber);white-space:nowrap;position:absolute;top:14px;left:50%;transform:translate(-50%)}.banner{opacity:0;pointer-events:none;position:absolute;top:20%;left:50%;transform:translate(-50%)}.bn-in{text-align:center;clip-path:polygon(40px 0,calc(100% - 40px) 0,100% 50%,calc(100% - 40px) 100%,40px 100%,0 50%);box-shadow:inset 0 0 0 2px var(--amber), inset 0 0 40px #ff781e4d;background:linear-gradient(#281408e6,#0c0704e6);padding:14px 70px 16px;position:relative}.bn-title{font:700 clamp(34px, 4.5vw, 60px) var(--display);letter-spacing:.16em;color:#fff;text-shadow:0 0 24px #ffa03c99;white-space:nowrap;line-height:1}.bn-title:before,.bn-title:after{content:"";background:var(--amber);vertical-align:middle;width:26px;height:4px;box-shadow:0 0 10px var(--amber);margin:0 18px;display:inline-block}.bn-sub{font:700 clamp(15px, 1.8vw, 24px) var(--display);letter-spacing:.22em;color:var(--amber);white-space:nowrap;text-shadow:0 0 16px var(--glow);margin-top:8px}.banner.on{animation:.5s cubic-bezier(.2,1.3,.4,1) forwards bnin}.banner.boss .bn-in,.banner.phase .bn-in{box-shadow:inset 0 0 0 2px var(--red), inset 0 0 50px #ff280a66}.banner.boss .bn-sub,.banner.phase .bn-sub{color:#ff6a4a}.banner.clear .bn-title,.banner.victory .bn-title{color:var(--amber-hi)}@keyframes bnin{0%{opacity:0;filter:brightness(3);transform:translate(-50%)scaleX(1.6)scaleY(.4)}60%{opacity:1;filter:brightness(1.4)}to{opacity:1;filter:none;transform:translate(-50%)}}.banner:not(.on){transition:opacity .4s,transform .4s;transform:translate(-50%)translateY(-10px)}.style{--rc:#9aa0a6;background:var(--panel);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);width:230px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--rc) 70%, transparent), inset 0 0 30px color-mix(in srgb, var(--rc) 20%, transparent);transform-origin:100% 0;text-align:right;padding:14px 18px;position:absolute;top:18px;right:22px;transform:skewY(-4deg)}.style.bump{animation:.2s ease-out bump}@keyframes bump{40%{transform:skewY(-4deg)scale(1.04)}}.st-rank{line-height:.8}.st-rank.pop{animation:.5s cubic-bezier(.2,1.6,.4,1) rankpop}.st-rank.drop{animation:.4s ease-out rankdrop}@keyframes rankpop{0%{filter:brightness(3);transform:scale(2.2)rotate(-8deg)}to{transform:none}}@keyframes rankdrop{0%{opacity:.3;filter:grayscale();transform:translateY(-8px)}}.st-letter{font:700 88px var(--display);letter-spacing:-.04em;background:linear-gradient(180deg, #fff 0%, var(--rc) 55%, color-mix(in srgb, var(--rc) 60%, #000) 100%);color:#0000;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--rc) 70%, transparent)) drop-shadow(0 3px 0 #000c);text-shadow:none;-webkit-background-clip:text;background-clip:text;padding-right:6px;font-style:italic}.style[data-rank="5"] .st-letter,.style[data-rank="6"] .st-letter{font-size:72px}.st-title{font:700 22px var(--display);letter-spacing:.12em;color:var(--rc);text-shadow:0 0 14px color-mix(in srgb, var(--rc) 60%, transparent), var(--shadow);margin-top:2px}.st-mult{font:700 30px var(--display);color:#fff;line-height:1.05}.st-bar{background:#ffffff1a;height:4px;margin:8px 0}.st-bar i{background:var(--rc);transform-origin:100%;height:100%;box-shadow:0 0 8px var(--rc);transition:transform .12s linear;display:block}.st-list{flex-direction:column;gap:2px;min-height:76px;display:flex}.st-row{font:700 14px var(--display);letter-spacing:.06em;justify-content:space-between;transition:opacity .4s,transform .4s;animation:.25s ease-out strow;display:flex}.st-row span{color:#fff}.st-row b{color:var(--amber-hi)}.st-row.out{opacity:0;transform:translate(20px)}@keyframes strow{0%{opacity:0;color:#fff;transform:translate(-24px)scale(1.2)}}.st-score{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-top:4px;padding-top:6px;display:flex}.st-score small{letter-spacing:.3em;color:var(--dim);font-size:10px}.st-score b{font:700 20px var(--display);font-variant-numeric:tabular-nums}.feed{flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute;top:20px;left:22px}.kf{font:700 14px var(--display);letter-spacing:.05em;background:linear-gradient(90deg,#0a0807b8,#0a080733);align-items:center;gap:12px;padding:5px 14px;transition:opacity .4s;animation:.22s ease-out kfin;display:flex}.kf .kf-ico{color:#e8e2dc;width:58px;height:18px}.kf .w{letter-spacing:.18em;color:var(--dim);border:1px solid var(--line);padding:2px 6px;font-size:10px}.kf .v{color:var(--dim);font-weight:500}.kf .hs{color:var(--amber-hi)}.kf .self{color:var(--dim);font-weight:500}.kf.mine{box-shadow:inset 2px 0 0 var(--amber);background:linear-gradient(90deg,#ff781e59,#ff781e0d)}.kf.me-dead{background:linear-gradient(90deg,#c81e1473,#0000)}.kf.out{opacity:0}@keyframes kfin{0%{opacity:0;transform:translate(-30px)}}.medal{font:700 32px var(--display);letter-spacing:.2em;color:var(--amber-hi);opacity:0;white-space:nowrap;text-shadow:0 0 24px #ff8c28b3, var(--shadow);position:absolute;top:30%;left:50%;transform:translate(-50%)}.medal.pop{animation:1.1s ease-out forwards medal}@keyframes medal{0%{opacity:0;transform:translate(-50%)scale(1.8)}12%{opacity:1;transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-12px)}}.msg{font:700 15px var(--display);letter-spacing:.26em;opacity:0;white-space:nowrap;position:absolute;top:38%;left:50%;transform:translate(-50%)}.msg[data-tone=warn]{color:var(--amber-hi)}.msg[data-tone=good]{color:var(--amber-hi);text-shadow:0 0 14px var(--glow), var(--shadow)}.msg.pop{animation:2s ease-out forwards msg}@keyframes msg{0%{opacity:0;transform:translate(-50%)scale(1.2)}8%,75%{opacity:1;transform:translate(-50%)}to{opacity:0}}.pickups{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:160px;left:50%;transform:translate(-50%)}.pk{font:700 17px var(--display);letter-spacing:.2em;color:var(--c);text-shadow:0 0 14px var(--c), var(--shadow);animation:1.8s ease-out forwards pk}@keyframes pk{0%{opacity:0;transform:translateY(10px)scale(1.3)}10%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.loadtag{font:700 11px var(--display);letter-spacing:.3em;color:var(--amber-hi);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);opacity:0;padding:5px 14px;transition:opacity .3s;position:absolute;top:64px;left:50%;transform:translate(-50%)}.loadtag.on{opacity:1;animation:1s steps(2,end) infinite blink}.perks{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:14px;transition:opacity .25s;display:flex;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.perks.on{opacity:1;pointer-events:auto}.pk-head{font:700 16px var(--display);letter-spacing:.34em;color:#fff}.pk-head small{text-align:center;letter-spacing:.3em;color:var(--dim);margin-top:4px;font-size:10px;display:block}.pk-cards{gap:18px;display:flex}.pk-card{--cut:16px;pointer-events:auto;width:210px;min-height:250px;color:var(--text);cursor:pointer;clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));animation:.45s cubic-bezier(.2,1.3,.4,1) backwards cardin;animation-delay:var(--d);background:linear-gradient(#22140bf0,#090605f0);border:0;flex-direction:column;align-items:center;gap:12px;padding:16px 16px 20px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:inset 0 0 0 1.5px #ff963c8c}@keyframes cardin{0%{opacity:0;transform:translateY(40px)scale(.9)}}.pk-card:hover,.pk-card:focus-visible{box-shadow:inset 0 0 0 2px var(--amber), inset 0 0 40px #ff781e59, 0 0 30px #ff781e66;outline:none;transform:translateY(-8px)scale(1.04)}.pk-card.chosen{animation:.4s ease-out forwards chosen}@keyframes chosen{0%{filter:brightness(2.2)}to{opacity:0;transform:scale(1.12)}}.pk-name{font:700 17px var(--display);letter-spacing:.16em;text-align:center}.pk-art{background:radial-gradient(circle,#ff8c282e,#0000 70%);place-items:center;width:110px;height:110px;display:grid;box-shadow:inset 0 0 0 1px #ff963c33}.pk-art .ico{width:84px;height:84px;color:var(--amber);filter:drop-shadow(0 0 10px #ff8c28b3)}.pk-card:hover .pk-art .ico{color:var(--amber-hi)}.pk-desc{font:500 14px var(--body);color:var(--dim);text-align:center;text-shadow:none;line-height:1.4}.pk-card kbd{min-width:0;padding:1px 8px;font-size:11px;position:absolute;bottom:8px}.vitals{--cut:16px;flex-direction:column;gap:10px;padding:14px 26px 14px 18px;display:flex;position:absolute;bottom:22px;left:24px}.vital{grid-template-rows:auto auto;grid-template-columns:26px 68px 230px;align-items:center;column-gap:10px;display:grid}.v-ico{background:0 0;grid-row:1/3;width:22px;height:22px;position:relative;-webkit-mask:none;mask:none}.vital.hp .v-ico:before,.vital.hp .v-ico:after{content:"";background:var(--amber);box-shadow:0 0 8px var(--glow);position:absolute}.vital.hp .v-ico:before{width:6px;height:22px;top:0;left:8px}.vital.hp .v-ico:after{width:22px;height:6px;top:8px;left:0}.vital.ar .v-ico{border:2.5px solid #e8e2dc;border-radius:3px 3px 12px 12px}.vital.ar .v-ico:after{content:"";background:linear-gradient(90deg,#e8e2dc 50%,#0000 50%);border-radius:1px 1px 8px 8px;position:absolute;inset:3px}.v-num{font:700 38px var(--display);text-align:left;font-variant-numeric:tabular-nums;grid-row:1/3;line-height:1}.v-bar{clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#0000008c;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ff963c2e}.v-bar i,.v-bar em{transform-origin:0;position:absolute;inset:0}.v-bar em{background:#fff0dccc}.v-bar i{z-index:1;background:linear-gradient(#ffc46a,#f07a1e 60%,#c9520e);transition:transform .1s;box-shadow:0 0 12px #ff8c2899}.vital.ar .v-bar i{background:linear-gradient(#ffe0a0,#ffb24a 60%,#d9801e)}.vital.ar .v-num{font-size:30px}.v-lbl{letter-spacing:.3em;color:var(--dim);text-transform:uppercase;text-align:right;font-size:10px}.vital.low .v-num{color:var(--hp-low);animation:.6s steps(2,end) infinite blink}.vital.low .v-bar i{background:linear-gradient(#ff6a4a,#c8200c)}.vitals.hurt{animation:.35s ease-out hurt}@keyframes hurt{0%{filter:brightness(1.8)saturate(2)hue-rotate(-20deg);transform:translate(-6px)}30%{transform:translate(5px)}60%{transform:translate(-2px)}}.vitals.gain-health .hp .v-bar,.vitals.gain-armor .ar .v-bar{animation:.35s ease-out gain}@keyframes gain{0%{filter:brightness(2.5)}}.vitals.gain-health .hp .v-num,.vitals.gain-armor .ar .v-num{animation:.3s ease-out numpop}@keyframes numpop{30%{color:#fff;transform:scale(1.18)}}.weapon{--cut:16px;grid-template-rows:auto auto auto;grid-template-columns:auto auto;align-items:center;gap:4px 22px;padding:14px 22px 12px 20px;display:grid;position:absolute;bottom:22px;right:24px}.w-icon{grid-area:1/1;width:170px;height:52px}.w-icon .ico{color:#ece6df;filter:drop-shadow(0 0 6px #ffa03c59);width:100%;height:100%}.w-ammo{text-align:right;white-space:nowrap;grid-area:1/2}.w-ammo>span{font:700 60px var(--display);font-variant-numeric:tabular-nums;color:var(--amber-hi);text-shadow:0 0 20px var(--glow), var(--shadow);line-height:1}.w-ammo span.low{color:var(--red);text-shadow:0 0 20px #ff321499}.w-ammo small{font:700 24px var(--display);color:var(--dim);margin-left:6px}.w-ammo small span{font:inherit}.w-name{font:700 13px var(--display);letter-spacing:.26em;color:var(--dim);text-transform:uppercase;grid-area:2/1}.w-nades{grid-area:2/2;justify-content:flex-end;align-items:center;gap:6px;display:flex}.w-nades .ico{color:#ece6df;width:22px;height:22px}.w-nades kbd{min-width:0;margin-left:4px;padding:1px 6px;font-size:10px}.w-slots{grid-area:3/1/auto/3;gap:6px;margin-top:6px;display:flex}.slot{opacity:.5;background:#0006;border-bottom:2px solid #0000;flex:1;place-items:center;height:28px;transition:opacity .15s,background .15s;display:grid;position:relative}.slot .ico{color:#fff;width:62px;height:20px}.slot em{font:700 9px var(--display);color:var(--dim);font-style:normal;position:absolute;top:3px;left:5px}.slot.active{opacity:1;border-bottom-color:var(--amber);background:#ff822840}.slot.locked{opacity:.14}.weapon.gain-ammo .w-ammo>span{animation:.3s ease-out numpop}.protect{font:700 12px var(--display);letter-spacing:.3em;color:var(--amber-hi);text-transform:uppercase;opacity:0;transition:opacity .3s;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.countdown{font:700 130px var(--display);opacity:0;color:#fff;text-shadow:0 0 40px var(--glow), var(--shadow);position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.countdown.on.pop{animation:.9s ease-out forwards cd}.countdown.go{color:var(--amber);letter-spacing:.2em;font-size:100px}@keyframes cd{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.92)}}.death{text-align:center;opacity:0;transition:opacity .3s;position:absolute;top:60%;left:50%;transform:translate(-50%)}.death.on{opacity:1}.d-lbl{font:700 12px var(--display);letter-spacing:.4em;color:var(--dim);text-transform:uppercase}.d-name{font:700 46px var(--display);letter-spacing:.12em;color:var(--red);margin:6px 0}.d-weap{font:700 11px var(--display);letter-spacing:.24em;border:1px solid var(--line);color:var(--dim);padding:3px 8px;display:inline-block}.d-timer{font:700 14px var(--display);letter-spacing:.2em;margin-top:16px}.board{width:min(540px,90vw);box-shadow:inset 0 0 0 1px var(--edge);opacity:0;text-shadow:none;background:#0a0807e6;padding:22px 26px;transition:opacity .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board.on{opacity:1}.board h3{font:700 16px var(--display);letter-spacing:.28em;text-transform:uppercase;color:var(--amber-hi);margin:0 0 12px}.board th{letter-spacing:.2em;color:var(--dim);text-transform:uppercase;font-size:10px}.lowhp{opacity:0;background:radial-gradient(#0000 55%,#8c000099 100%);transition:opacity .3s;position:absolute;inset:0}.od-frame{opacity:0;transition:opacity .3s;position:absolute;inset:0;box-shadow:inset 0 0 120px #ff961e80,inset 0 0 0 3px #ffb43c99}body.overdrive .od-frame{opacity:1;animation:.5s ease-in-out infinite blink}body.overdrive .w-ammo>span{color:#fff2c8}body[data-screen=pause] .screen-hud,body[data-screen=settings] .screen-hud,body[data-screen=controls] .screen-hud{filter:blur(2px);opacity:.55}@media (max-width:1100px){.style{width:190px}.st-letter{font-size:64px}.pk-card{width:170px;min-height:220px}.vital{grid-template-columns:22px 56px 150px}.v-num{font-size:30px}.w-ammo>span{font-size:44px}.w-icon{width:120px}.r-stats{grid-template-columns:repeat(3,1fr)}.ctls{grid-template-columns:1fr}}.style{width:200px;padding:10px 14px}.st-letter{font-size:72px}.st-title{font-size:18px}.st-mult{font-size:24px}.st-list{min-height:0}.style{transform-origin:100% 0}.vitals{transform-origin:0 100%}.weapon{transform-origin:100% 100%}.feed{transform-origin:0 0}@media (max-height:820px){.style,.vitals,.weapon,.feed{scale:.84}}@media (max-height:640px){.style,.vitals,.weapon,.feed{scale:.7}}.vital.ar .v-ico{border-color:#8fe6ff;box-shadow:0 0 10px #50c8ff8c}.vital.ar .v-ico:after{background:linear-gradient(90deg,#8fe6ff 50%,#0000 50%)}.vital.ar .v-num{color:#c9f4ff;text-shadow:0 0 12px #46beff99}.vital.ar .v-bar{height:14px;box-shadow:inset 0 0 0 1px #5ac8ff59}.vital.ar .v-bar i{background:linear-gradient(#b8f3ff,#3fc6ff 55%,#1678c8);box-shadow:0 0 14px #3cbeffbf}.vital.hp .v-bar i{background:linear-gradient(#ff8a7a,#e8302a 60%,#a3140f);box-shadow:0 0 12px #ff3c288c}.v-seg{z-index:3;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(20% - 3px),#000000bf calc(20% - 3px) 20%);position:absolute;inset:0}.v-shine{z-index:2;opacity:0;pointer-events:none;background:linear-gradient(100deg,#0000 30%,#e6fcffd9 48%,#0000 66%) 0 0/220% 100%;position:absolute;inset:0}.v-lbl small.v-regen{color:#7fe3ff;letter-spacing:.18em;opacity:0;margin-left:8px;transition:opacity .15s}.vital.ar .v-bar:after{content:"";height:2px;width:calc(var(--wait,1) * 100%);z-index:4;background:#a0ebffe6;position:absolute;bottom:0;left:0}.vital.ar.regen .v-shine{opacity:1;animation:.7s linear infinite armorShine}.vital.ar.regen .v-regen{opacity:1;animation:.5s steps(2,end) infinite regenBlink}.vital.ar.regen .v-bar i{filter:brightness(1.25)}.vital.ar.full .v-bar{animation:.45s ease-out armorFull}.vital.ar.shatter{animation:.5s ease-out armorShatter}.vital.ar.broken .v-num{color:#ff7a6a;text-shadow:0 0 12px #ff3c28b3}.vital.ar.broken .v-ico{border-color:#ff7a6a;animation:.4s steps(2,end) infinite regenBlink;box-shadow:0 0 10px #ff3c2899}@keyframes armorShine{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes regenBlink{50%{opacity:.45}}@keyframes armorFull{0%{box-shadow:inset 0 0 0 1px #fff,0 0 #78dcffe6}to{box-shadow:inset 0 0 0 1px #5ac8ff59,0 0 0 14px #78dcff00}}@keyframes armorShatter{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}to{transform:translate(0)}}.vital.ar .v-lbl{position:relative}.v-lbl small.v-regen{white-space:nowrap;font-size:inherit;margin:0;position:absolute;top:0;right:calc(100% + 10px)}.v-lbl{white-space:nowrap}.vital.ar .v-lbl small.v-regen{text-align:left;left:0;right:auto}.v-lbl{font-kerning:none;font-feature-settings:"kern" 0}