:root{--bg:#0e1124;--panel:rgba(18,21,44,.9);--line:#343a6e;--txt:#f4f6ff;--mut:#a3acd8;--acc:#ffb02e;--grn:#38d67c;--blu:#4f8cff;--red:#ff5a6a;--pur:#a87bff;--ui-font:"Trebuchet MS","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:#05060d;color:var(--txt);font-family:var(--ui-font);
-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none}
body{font-size:1em}
#app{position:fixed;inset:0;overflow:hidden}
#cv{display:block;position:absolute;left:0;top:0;outline:none}
#ui{position:fixed;inset:0;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
#ui .scr,#ui .modal{pointer-events:auto}
button,select{font:inherit;color:inherit}
.ic{width:1.35em;height:1.35em;flex:none;display:inline-block;vertical-align:middle}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:0;border-radius:.75em;padding:.62em 1.1em;font-weight:900;font-size:1.05em;line-height:1.1;color:#fff;cursor:pointer;
background:linear-gradient(#5f9bff,#3a68dc);box-shadow:0 .26em 0 #223f95,0 .6em 1em rgba(0,0,0,.35);text-shadow:0 .08em .1em rgba(0,0,0,.35);transition:transform .08s,filter .12s;position:relative}
.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(.18em);box-shadow:0 .08em 0 #223f95,0 .3em .6em rgba(0,0,0,.35)}
.btn:focus-visible{outline:.18em solid #fff;outline-offset:.14em}
.btn.play{background:linear-gradient(#4fe892,#1fb25f);box-shadow:0 .26em 0 #0f7a3c,0 .6em 1em rgba(0,0,0,.35)}
.btn.sec{background:linear-gradient(#59608f,#3b4272);box-shadow:0 .26em 0 #232849,0 .6em 1em rgba(0,0,0,.3)}
.btn.gift{background:linear-gradient(#ff7b94,#e03a63);box-shadow:0 .26em 0 #9c2142,0 .6em 1em rgba(0,0,0,.3)}
.btn.xl{font-size:1.7em;padding:.5em 1.6em;border-radius:.9em}
.btn.icon{padding:.5em .6em;border-radius:.7em}
.btn.dis,.btn:disabled{filter:grayscale(.8) brightness(.7);pointer-events:none}
.btn.opt{min-width:15em;height:3.2em;justify-content:center;font-size:1em;padding:.4em 1em}
.pulse{animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.chip{display:inline-flex;align-items:center;gap:.4em;padding:.35em .8em;background:rgba(10,12,28,.75);border:.14em solid var(--line);border-radius:2em;font-weight:900}
.card{background:var(--panel);border:.15em solid var(--line);border-radius:1em;box-shadow:0 .8em 2em rgba(0,0,0,.45)}
.mut{color:var(--mut);font-size:.9em}.c{text-align:center}
.ver{position:absolute;right:1em;bottom:.8em;color:rgba(255,255,255,.55);font-weight:800;font-size:.85em;letter-spacing:.04em;pointer-events:none}
.sp{flex:1}
.title{font-size:1.6em;font-weight:900;font-style:italic;text-shadow:0 .1em .2em rgba(0,0,0,.5)}
.sect{font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--mut);margin:.7em 0 .4em;font-size:.85em}
.scr{position:absolute;inset:0;display:flex;flex-direction:column;padding:1em 1.6em}
.topbar{display:flex;align-items:center;gap:.8em;min-height:2.6em;flex:none}
.scroll{overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:0;flex:1;padding:.3em .2em}
.foot{flex:none;display:flex;justify-content:center;padding:.8em 0 .4em}
.scr.menu{background:linear-gradient(90deg,rgba(6,8,22,.78) 0%,rgba(6,8,22,.5) 45%,rgba(6,8,22,.08) 100%)}
.scr.setup,.scr.arsenal,.scr.custom,.scr.settings{background:rgba(7,9,24,.84);backdrop-filter:blur(.25em)}
.scr.results,.scr.pause,.scr.daily{align-items:center;justify-content:center;background:rgba(5,7,20,.55)}
.menucol{display:flex;flex-direction:column;gap:1.1em;align-self:flex-start;width:min(30em,92%);margin:auto 0 auto 3%}
.logo{display:flex;flex-direction:column;line-height:.88;transform:skew(-6deg);margin-bottom:.2em}
.logo .l1{font-size:3.8em;font-weight:900;letter-spacing:.04em;color:#fff;-webkit-text-stroke:.05em #12142a;text-shadow:0 .08em 0 #12142a,0 .16em 0 #12142a,0 .35em .6em rgba(0,0,0,.5);paint-order:stroke fill}
.logo .l2{font-size:5em;font-weight:900;letter-spacing:.02em;background:linear-gradient(#ffe27a,#ff9a2e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 .06em 0 #12142a) drop-shadow(0 .1em 0 #12142a) drop-shadow(0 .25em .35em rgba(0,0,0,.5))}
.tag{color:#dfe4ff;font-weight:700;text-shadow:0 .1em .2em #000}
.row3,.row2{display:grid;gap:.6em}.row3{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.row2{grid-template-columns:1fr 1fr}
.menucol .btn.xl{width:100%;font-size:2em;padding:.55em 1em}
.pulse2{animation:pulse2 2s ease-in-out infinite}
@keyframes pulse2{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
.pulse2:active{animation:none}
.scr.hub{gap:.7em}
.minilogo{font-weight:900;font-style:italic;font-size:1.25em;letter-spacing:.03em;text-shadow:0 .1em .2em #000}.minilogo b{color:#ffc650}
.hubgrid{flex:1;min-height:0;display:grid;grid-template-columns:17.5em 1fr;gap:1em}
.side{padding:.3em .9em .9em;display:flex;flex-direction:column;overflow:auto}
.side .sect{margin:.8em 0 .4em}
.modes{display:flex;flex-direction:column;gap:.45em}
.mode{display:flex;align-items:center;gap:.7em;text-align:left;border:.16em solid var(--line);background:rgba(10,12,28,.55);border-radius:.8em;padding:.5em .6em;cursor:pointer;color:#fff}
.mode i{flex:none;width:2.2em;height:2.2em;border-radius:.6em;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-style:normal}
.mode i .ic{width:1.5em;height:1.5em}.mode .mi{font-size:1.3em;font-weight:900;color:#ffc650}
.mode span{display:flex;flex-direction:column;gap:.1em;min-width:0}.mode b{font-size:1.05em}.mode small{color:var(--mut);font-size:.72em;font-weight:700;line-height:1.15}
.mode:hover{border-color:#fff}
.mode.on{border-color:var(--acc);background:linear-gradient(rgba(255,176,46,.22),rgba(255,176,46,.08));box-shadow:0 0 0 .12em rgba(255,176,46,.25)}
.mode.on i{background:linear-gradient(#ffc650,#f09418)}.mode.on .mi{color:#2a1a00}
.seg.full{display:flex;width:100%}.seg.full button{flex:1}
.hubfoot{flex:none;display:flex;gap:1em;align-items:flex-end}
.arenas{flex:1;min-width:0}.arenas .sect{margin:0 0 .35em}
.hub .maps{display:flex;gap:.45em;overflow-x:auto;overflow-y:hidden;padding:.2em .15em .35em;touch-action:pan-x;scrollbar-width:thin}
.hub .map{flex:none;width:6.6em}
.fightbtn{flex:none;font-size:1.9em!important;padding:.55em 1.3em!important;margin-bottom:.3em}
.hub .loadouts{align-items:stretch;min-height:0;gap:1.2em}
.hub .card.pl{max-width:22em;padding:.5em .9em .9em;gap:.5em;border-top:.3em solid var(--pc,#4f8cff);justify-content:flex-start}
.plh{display:flex;align-items:center;justify-content:space-between;width:100%}
.plh .ph{color:var(--pc,#fff)}
.btn.sm{font-size:.85em;padding:.35em .45em}
canvas.pv{width:15em;height:15em;flex:0 1 auto;min-height:0;max-height:100%;object-fit:contain;margin:auto 0}
.wpick{display:flex;align-items:center;gap:.6em;width:100%;border:.14em solid var(--line);background:rgba(10,12,28,.55);border-radius:.8em;padding:.4em .6em;cursor:pointer;color:#fff;text-align:left}
.wpick:hover{border-color:var(--acc);background:rgba(255,176,46,.12)}
.wpick.dis{cursor:default;opacity:.75}.wpick.dis:hover{border-color:var(--line);background:rgba(10,12,28,.55)}
.wpick img{width:3.6em;height:3.6em;flex:none}.wpick .rnd{font-size:1.5em;width:2.4em;height:2.4em;flex:none}
.wl{display:flex;flex-direction:column;min-width:0}.wl span{font-weight:900;font-size:1.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl em{font-style:normal;color:var(--acc);font-size:.8em;font-weight:800}
.seg.diff{display:flex;width:100%}.seg.diff button{flex:1;padding:.45em .3em;font-size:.85em}
.seg{display:inline-flex;gap:.3em;background:rgba(10,12,28,.6);padding:.3em;border-radius:.9em;border:.12em solid var(--line);align-items:center}
.seg .lbl{padding:0 .6em;color:var(--mut);font-weight:800}
.seg button{border:0;background:transparent;color:var(--mut);font-weight:900;border-radius:.65em;padding:.5em .9em;cursor:pointer}
.seg button.on{background:linear-gradient(#ffc650,#f09418);color:#2a1a00;box-shadow:0 .14em 0 #a5630a}
.seg button:hover:not(.on){color:#fff;background:rgba(255,255,255,.08)}
.seg.wide{display:flex;width:100%}.seg.wide button{flex:1;display:flex;flex-direction:column;gap:.1em;align-items:center;padding:.4em .5em}
.seg.wide small{font-weight:600;font-size:.72em;opacity:.85}
.seg.tabs{align-self:flex-start;margin:.4em 0}
.rowc{display:flex;gap:1em;flex-wrap:wrap;align-items:center;margin:.5em 0}
.loadouts{display:flex;align-items:stretch;gap:.8em;justify-content:center}
.card.pl{flex:1;max-width:24em;padding:.55em .8em .7em;display:flex;flex-direction:column;gap:.4em;align-items:center}
.card.pl.off{justify-content:center}
.ph{font-weight:900;font-size:1.3em;font-style:italic}
.wbig{display:flex;flex-direction:column;align-items:center;gap:.2em;width:100%;border:.14em dashed var(--line);background:rgba(10,12,28,.5);border-radius:.8em;padding:.5em;cursor:pointer;color:#fff}
.wbig:hover{border-color:var(--acc);background:rgba(255,176,46,.1)}
.wbig img{width:4.8em;height:4.8em}.wbig span{font-weight:900;font-size:1.1em}.wbig em{font-style:normal;color:var(--mut);font-size:.8em}
.rnd{width:4.8em;height:4.8em;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.9em;font-weight:900;background:rgba(255,255,255,.08)}
.keys{color:var(--mut);font-weight:800;font-size:.9em}
.vs{align-self:center;font-weight:900;font-size:1.8em;font-style:italic;color:var(--acc);text-shadow:0 .1em .2em #000}
.note{color:var(--mut);text-align:center;margin:.5em}
.maps{display:grid;grid-template-columns:repeat(auto-fill,minmax(6em,1fr));gap:.5em}
.map{border:.16em solid var(--line);border-radius:.8em;background:rgba(10,12,28,.6);padding:.25em;cursor:pointer;display:flex;flex-direction:column;gap:.2em;align-items:stretch;font-weight:800}
.map img,.rndmap{width:100%;aspect-ratio:16/9;border-radius:.55em;display:block;object-fit:cover}
.rndmap{display:flex;align-items:center;justify-content:center;font-size:2.4em;font-weight:900;background:linear-gradient(135deg,#3b4580,#1b2040)}
.map.on{border-color:var(--acc);box-shadow:0 0 0 .14em rgba(255,176,46,.35)}
.map:hover{border-color:#fff}
.map span{font-size:.72em;text-align:center;line-height:1.1;padding-bottom:.1em}
.split{display:flex;gap:1em;flex:1;min-height:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.6em,1fr));gap:.55em;align-content:start;flex:1}
.wt{position:relative;border:.16em solid var(--line);background:rgba(16,19,44,.85);border-radius:.8em;padding:.35em .25em .3em;display:flex;flex-direction:column;align-items:center;gap:.1em;cursor:pointer;color:#fff;aspect-ratio:1/1.02}
.wt img{width:68%;aspect-ratio:1;object-fit:contain}.wt .nm{font-size:.74em;font-weight:800;text-align:center;line-height:1.05}
.wt.tC{border-color:#3d79d6}.wt.tA{border-color:#a56bff;background:linear-gradient(#241a52,#161a3c)}
.wt.sel{outline:.2em solid var(--acc);outline-offset:.05em;transform:scale(1.04);z-index:2}
.wt.lock img{filter:grayscale(.85) brightness(.6)}
.wt .lk{position:absolute;top:.25em;left:.3em}.wt .lk .ic{width:1.1em;height:1.1em}
.wt .pr{position:absolute;bottom:.2em;right:.3em;display:flex;align-items:center;gap:.15em;font-size:.72em;background:rgba(0,0,0,.7);border-radius:1em;padding:.1em .45em;font-weight:900}
.wt .pr .ic,.hatb .pr .ic{width:1.1em;height:1.1em}
.hatb .pr{position:absolute;top:.25em;right:.25em;display:flex;align-items:center;gap:.15em;font-size:.72em;background:rgba(0,0,0,.7);border-radius:1em;padding:.1em .45em;font-weight:900}
.wt .rb{position:absolute;top:-.3em;right:-.3em;background:linear-gradient(#ff7b94,#e03a63);font-size:.62em;font-weight:900;padding:.15em .5em;border-radius:1em;box-shadow:0 .1em .3em #000}
.wt .eq{position:absolute;top:.2em;right:.2em;background:var(--grn);border-radius:50%;width:1.4em;height:1.4em;display:flex;align-items:center;justify-content:center}.wt .eq .ic{width:.9em;height:.9em}
.detail{width:min(19em,36%);padding:.9em;display:flex;flex-direction:column;gap:.5em;align-items:center;overflow:auto;flex:none}
.dh{font-weight:900;font-size:1.35em;font-style:italic;text-align:center}
.tags{display:flex;gap:.4em}.tags span{font-size:.75em;font-weight:900;background:rgba(255,255,255,.1);border-radius:1em;padding:.15em .7em}
.detail img.big{width:7.5em;height:7.5em;object-fit:contain}
.stat{display:flex;align-items:center;gap:.5em;width:100%;font-size:.85em;font-weight:800}.stat span{width:5.6em;color:var(--mut)}
.stat i{flex:1;height:.6em;background:rgba(0,0,0,.45);border-radius:1em;overflow:hidden}.stat i b{display:block;height:100%;border-radius:1em}
.pricing{display:flex;gap:.8em;font-weight:900;align-items:center}
.acts{display:flex;flex-direction:column;gap:.5em;width:100%;margin-top:auto}.acts .btn{width:100%}
.split.cust{align-items:flex-start}
.pvbox{padding:.5em;flex:none}.pvbox canvas{width:min(18em,40vw);height:min(18em,40vw);display:block;border-radius:.7em}
.opts{padding-right:.5em}
.swatches{display:flex;flex-wrap:wrap;gap:.5em}
.sw{width:2.6em;height:2.6em;border-radius:50%;border:.18em solid #12142a;background:var(--c);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 .15em .3em rgba(0,0,0,.4)}
.sw.on{outline:.2em solid #fff;outline-offset:.1em}.sw.lockd{opacity:.75}.sw .ic{width:1.2em;height:1.2em;filter:drop-shadow(0 0 .1em #000)}
.hats{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.2em,1fr));gap:.5em}
.hatb{position:relative;border:.16em solid var(--line);background:rgba(16,19,44,.85);border-radius:.8em;padding:.3em;cursor:pointer;display:flex;flex-direction:column;align-items:center;font-weight:800;font-size:.8em;color:#fff}
.hatb img{width:3.8em;height:3.8em}.hatb span{line-height:1.1;text-align:center;padding-bottom:.1em}.hatb.on{border-color:var(--acc)}.hatb.lockd img{filter:brightness(.55)}
.swbig{width:5em;height:5em;border-radius:50%;background:var(--c);border:.2em solid #12142a;margin:.5em auto}
.rcard,.pcard,.dcard,.dlg{padding:1.2em 1.6em;display:flex;flex-direction:column;gap:.8em;align-items:center;min-width:min(26em,92vw);max-width:min(34em,94vw);max-height:96%;overflow:auto}
.rt{font-size:2.4em;font-weight:900;font-style:italic;text-align:center;text-shadow:0 .08em .2em rgba(0,0,0,.5);display:flex;align-items:center;gap:.3em}
.rcard.win .rt{color:#ffe27a}.rcard.lose .rt{color:#ff8f9a}
.stat3{display:flex;gap:1.6em}.stat3 div{display:flex;flex-direction:column;align-items:center}.stat3 b{font-size:1.7em}.stat3 span{color:var(--mut);font-size:.85em;font-weight:700}
.earn{display:flex;align-items:center;gap:.5em;font-size:1.25em;font-weight:900;color:#ffe27a}.earn b{font-size:1.4em}
.newbest{display:flex;align-items:center;gap:.4em;color:#ffe27a;font-weight:900}
.goal{display:flex;align-items:center;gap:.7em;width:100%;font-weight:800;font-size:.9em}.goal img{width:2.6em;height:2.6em}
.gb{flex:1;display:flex;flex-direction:column;gap:.25em}.gb i{display:block;height:.7em;border-radius:1em;background:rgba(0,0,0,.5);overflow:hidden}.gb i b{display:block;height:100%;background:linear-gradient(90deg,#ffd34d,#ff9a2e);border-radius:1em;transition:width .8s}
.goal.rdy .gb i b{background:linear-gradient(90deg,#4fe892,#1fb25f)}
.goal em{font-style:normal;color:var(--mut)}
.dbl,.dbtns{display:flex;flex-wrap:wrap;gap:.6em;justify-content:center}
.rbtns{display:flex;flex-wrap:wrap;gap:.7em;justify-content:center;align-items:center}
.rcard .btn.xl{font-size:1.5em}
.pcard .btn,.dcard .btn{min-width:14em}
.pcard .row2{width:100%}.pcard .row2 .btn{min-width:0}
.days{display:grid;grid-template-columns:repeat(7,1fr);gap:.4em;width:100%}
.day{display:flex;flex-direction:column;align-items:center;gap:.1em;padding:.4em .2em;border-radius:.7em;background:rgba(255,255,255,.07);font-size:.8em;font-weight:800}.day.cur{background:rgba(255,176,46,.3);outline:.15em solid var(--acc)}.day.done{opacity:.55}
.modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(3,4,12,.66);z-index:5}
.dlg img.big{width:7em;height:7em;object-fit:contain}.dlg .rt{font-size:1.8em}
.srow{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.5em 0;font-weight:800;border-bottom:.1em solid rgba(255,255,255,.07)}
.sbox{padding:1em 1.4em;max-width:36em;margin:0 auto}
.tg{display:inline-flex;align-items:center;gap:.5em;border:0;background:#2a2f55;border-radius:2em;padding:.25em .8em .25em .3em;cursor:pointer;font-weight:900}.tg i{width:1.5em;height:1.5em;border-radius:50%;background:#7b84b8;transition:.15s}
.tg.on{background:#1f8e50}.tg.on i{background:#fff;transform:translateX(0)}.tg em{font-style:normal;min-width:2em}
select{background:#222850;border:.12em solid var(--line);color:#fff;border-radius:.6em;padding:.4em .7em;font-weight:800;pointer-events:auto}
.ctl{display:grid;gap:.8em;grid-template-columns:1fr 1fr}.ctl div{display:flex;flex-direction:column;gap:.2em;background:rgba(255,255,255,.05);padding:.6em .8em;border-radius:.7em}.ctl span{color:var(--mut);font-size:.9em}
#hudpause{position:fixed;right:calc(.8em + env(safe-area-inset-right,0px));bottom:calc(.8em + env(safe-area-inset-bottom,0px));z-index:3;border:.14em solid rgba(255,255,255,.5);background:rgba(10,12,28,.6);border-radius:.7em;padding:.4em .55em;cursor:pointer;display:none;pointer-events:auto}
#hudpause .ic{width:1.5em;height:1.5em}
body.ingame #hudpause{display:block!important}
body:not(.ingame) #hudpause{display:none!important}
#hint{position:fixed;left:0;right:0;bottom:calc(.7em + env(safe-area-inset-bottom,0px));text-align:center;pointer-events:none;font-weight:800;font-size:.95em;text-shadow:0 .1em .2em #000,0 0 .4em #000;transition:opacity .5s;display:none;line-height:1.5}
#hint b{color:#ffe27a;margin-right:.3em}#hint .alt{opacity:.7;font-size:.9em}#hint .dash{color:#cfe0ff;font-size:.9em}
body.touch #hint{display:none!important}
@keyframes spin{to{transform:rotate(360deg)}}
#toast{position:fixed;left:50%;top:18%;transform:translate(-50%,-.8em);padding:.6em 1.4em;border-radius:2em;background:rgba(20,24,52,.95);border:.15em solid var(--line);font-weight:900;opacity:0;transition:.25s;z-index:10;pointer-events:none;max-width:90vw;text-align:center}
#toast.show{opacity:1;transform:translate(-50%,0)}#toast.good{border-color:var(--grn);color:#b8ffd2}#toast.bad{border-color:var(--red);color:#ffc2c8}
#rot{display:none;position:fixed;inset:0;background:#0b0e22;z-index:30;align-items:center;justify-content:center;flex-direction:column;gap:1em;font-weight:900;font-size:1.4em;text-align:center;padding:1em}
body.portrait #rot{display:flex}
#rot i{width:3em;height:5em;border:.3em solid #fff;border-radius:.6em;animation:rot 2s ease-in-out infinite}
@keyframes rot{0%,30%{transform:rotate(0)}60%,100%{transform:rotate(-90deg)}}
#touch{display:none;position:fixed;inset:0;pointer-events:none;z-index:2;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
body.touch.ingame #touch{display:block}
#touch .grp{position:absolute;bottom:1.2em;display:flex;gap:.8em;pointer-events:auto;align-items:flex-end}
#touch .l{left:1.2em}#touch .r{right:1.2em}
#touch button{pointer-events:auto;width:4.6em;height:4.6em;border-radius:50%;border:.16em solid rgba(255,255,255,.55);background:rgba(20,26,60,.5);color:#fff;font-weight:900;font-size:1.1em;touch-action:none}
#touch button.on{background:rgba(255,176,46,.65)}
#touch .big{width:5.4em;height:5.4em}#touch .sm{width:3.6em;height:3.6em;font-size:.9em}
#touch .col{display:flex;flex-direction:column;gap:.7em;align-items:center}
body.touch #hudpause{bottom:calc(1.2em + env(safe-area-inset-bottom,0px));right:auto;left:50%;transform:translateX(-50%)}
@media (max-height:520px){.scr{padding:.6em 1em}.logo .l1{font-size:3.3em}.logo .l2{font-size:4.3em}.menucol{gap:.5em}.btn.xl{font-size:1.4em}.rt{font-size:1.8em}.detail{width:min(17em,34%)}.grid{grid-template-columns:repeat(auto-fill,minmax(6.4em,1fr))}}
@media (max-width:760px){.scr:not(.hub) .loadouts{flex-direction:column;align-items:center}.scr:not(.hub) .vs{display:none}.scr:not(.hub) .card.pl{max-width:none;width:100%}}
.btabs{margin:.2em 0 .3em}
.btabs button{padding:.45em .3em;font-size:.85em}
.brow{padding:.3em 0}
.bks{display:flex;gap:.4em}
.bk{min-width:6.2em;border:.12em solid var(--line);background:rgba(10,12,28,.6);color:#fff;font-weight:900;border-radius:.6em;padding:.4em .6em;cursor:pointer;font-size:.9em}
.bk:hover{background:rgba(255,255,255,.1)}
.bk.empty{color:var(--mut)}
.bk.wait{background:linear-gradient(#ffc650,#f09418);color:#2a1a00;animation:pulse 1s infinite}
#netwait{position:fixed;left:50%;top:34%;transform:translateX(-50%);background:rgba(10,12,28,.85);color:#ffe27a;font-weight:900;padding:.6em 1.2em;border-radius:.8em;border:.12em solid var(--line);z-index:30;pointer-events:none}
.lobby .code{font-size:3.2em;font-weight:900;letter-spacing:.18em;color:#ffe27a;text-align:center;font-family:monospace}
.lobby .plist{display:flex;flex-direction:column;gap:.45em;margin:.6em 0}
.lobby .prow{display:flex;align-items:center;gap:.7em;background:rgba(255,255,255,.05);border-radius:.7em;padding:.45em .7em;border-left:.35em solid var(--pc,#888)}
.lobby .prow img{width:2.2em;height:2.2em}
.lobby .prow b{flex:1}
.lobby .prow .tag{font-size:.75em;font-weight:900;background:rgba(255,255,255,.12);padding:.15em .5em;border-radius:.5em}
.lobby .prow .st{font-size:.8em;color:var(--mut);min-width:6em;text-align:right}
.lobby .prow.empty{opacity:.4;border-left-color:transparent}
.online .codein{font-size:1.8em;font-weight:900;letter-spacing:.2em;text-transform:uppercase;width:7.5em;text-align:center;padding:.3em;border-radius:.6em;border:.12em solid var(--line);background:rgba(10,12,28,.6);color:#fff;font-family:monospace}
.online .err,.lobby .err{color:#ff8a7a;font-weight:800;text-align:center;margin:.4em 0}
.online .ocard,.lobby .ocard{max-width:34em;margin:0 auto;padding:1.2em 1.4em;display:flex;flex-direction:column;gap:.7em}
.online .jrow{display:flex;gap:.6em;justify-content:center;align-items:center;flex-wrap:wrap}
.lobby select,.online select{background:rgba(10,12,28,.6);color:#fff;border:.12em solid var(--line);border-radius:.6em;padding:.35em .5em;font-weight:800}
.rplist{display:flex;flex-direction:column;gap:.3em;margin:.5em 0}
.rplist div{display:flex;justify-content:space-between;gap:1em;padding:.3em .7em;border-radius:.5em;background:rgba(255,255,255,.05);border-left:.3em solid var(--pc,#888);font-weight:800}
.rplist div.me{background:rgba(255,226,122,.12)}
.mapbtn{display:flex;align-items:center;gap:.7em;width:100%;border:.16em solid var(--line);border-radius:.8em;background:rgba(10,12,28,.6);padding:.35em .6em .35em .35em;cursor:pointer;color:#fff;text-align:left}
.mapbtn:hover:not([disabled]){border-color:#fff}
.mapbtn img,.mapbtn .rndmap{width:7.5em;aspect-ratio:16/9;border-radius:.55em;object-fit:cover;flex:none}
.mapbtn.wbtn img{width:3.2em;aspect-ratio:1;object-fit:contain}
.mapbtn span{display:flex;flex-direction:column;gap:.15em;min-width:0}
.mapbtn b{font-weight:900}.mapbtn em{font-style:normal;font-size:.8em;color:var(--acc);font-weight:800}
.mapbtn[disabled]{cursor:default;opacity:.9}
.hub .arenas .mapbtn{width:auto;min-width:16em;max-width:24em}
.hub .arenas .mapbtn img,.hub .arenas .mapbtn .rndmap{width:6em}
.lpick{display:grid;grid-template-columns:1fr 1fr;gap:.8em}
@media (max-width:560px){.lpick{grid-template-columns:1fr}}
.mgrid{grid-template-columns:repeat(auto-fill,minmax(11em,1fr))}
.mt{position:relative;border:.16em solid var(--line);background:rgba(16,19,44,.85);border-radius:.8em;padding:.3em;display:flex;flex-direction:column;gap:.25em;cursor:pointer;color:#fff}
.mt img,.mt .rndmap{width:100%;aspect-ratio:16/9;border-radius:.55em;object-fit:cover;display:flex}
.mt .nm{font-size:.82em;font-weight:800;text-align:center}
.mt.sel{border-color:var(--acc);box-shadow:0 0 0 .14em rgba(255,176,46,.35)}
.mt:hover{border-color:#fff}
.mt .rb{position:absolute;top:-.3em;right:-.3em;background:linear-gradient(#7fd4ff,#2f8fc8);font-size:.62em;font-weight:900;padding:.15em .5em;border-radius:1em;box-shadow:0 .1em .3em #000}
.mt .eq{position:absolute;top:.35em;left:.35em;background:var(--grn);border-radius:50%;width:1.4em;height:1.4em;display:flex;align-items:center;justify-content:center}.mt .eq .ic{width:.9em;height:.9em}
.mapscr .detail .mbig{width:100%;aspect-ratio:16/9;border-radius:.7em;object-fit:cover}
.mapscr .detail .rndmap.big{width:100%;aspect-ratio:16/9;font-size:3em}
.mapscr .detail .tags{flex-wrap:wrap;justify-content:center}
.seg.wcl button{padding:.45em .2em;font-size:.8em}
.wl em.bad{color:#ff8a7a}