/* Shep Stats · site-wide styles. */
:root{--bg:#07090c;--panel:#11161d;--line:#29313a;--text:#eef1f4;--muted:#9098a3;--acid:#d6ff3f;--orange:#ff6b35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}
.topbar{height:84px;display:flex;align-items:center;gap:24px;padding:0 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(7,9,12,.92);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;margin-right:auto;border:0;background:none;color:inherit;text-align:left}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Shep lockup: the icon tile is the "S", the blocky H/E/P glyphs are lifted
   straight from the brand wordmark so both halves stay pixel-consistent. The
   chromatic-aberration glitch runs on the shared parent so the tile and the
   letters tear together, and steps() keeps it snapping rather than easing. */
/* Shep badge - occupies the same footprint the old "C" tile did. */
.shepLock{position:relative;display:flex;align-items:center;animation:shepGlitch 7s steps(1,end) infinite}
.shepMark{width:38px;height:38px;border-radius:10px;display:block}.shepS{display:block;width:24px;height:28px;color:var(--acid)}.brandRule{width:1px;height:30px;background:var(--line);flex:none}.brandWm{display:flex;flex-direction:column;line-height:1;gap:5px;white-space:nowrap}.brand .brandWm b{font-size:17px;font-weight:900;letter-spacing:-.02em}.brand .brandWm small{font:9px monospace;letter-spacing:.18em;color:#828a95}footer{position:relative;overflow:hidden}.footGhost{position:absolute;right:-30px;bottom:-70px;width:230px;height:268px;color:var(--acid);opacity:.05;pointer-events:none}.footWm{position:relative}.footWm b{display:block;font-size:20px;font-weight:900;letter-spacing:-.02em}.footWm span{display:block;color:#747c86;font-size:11px;margin-top:6px}footer .footLinks{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:18px;font:bold 9px monospace}.shepSig{position:relative;justify-self:end;display:inline-flex;align-items:center;gap:9px;font:10px monospace;letter-spacing:.12em;color:#828a95;border:1px solid var(--line);border-radius:999px;padding:7px 13px 7px 9px;white-space:nowrap}.shepSig svg{width:12px;height:14px;color:var(--acid)}.shepSig b{color:var(--text);font-weight:normal}@media(max-width:850px){.shepSig{justify-self:center}.footGhost{right:-60px}}@media(max-width:400px){.brandRule,.brand .brandWm small{display:none}.brand .brandWm b{font-size:15px}}
.brand:hover .shepLock{animation-duration:1.6s}
/* Offsets stay at 1-2px so the tear reads at watermark size. Opacity is kept
   out of these frames so the base opacity and the hover state still apply. */
@keyframes shepGlitch{
0%,91%{filter:none;transform:none}
91.6%{filter:drop-shadow(1px 0 #ff2e6b) drop-shadow(-1px 0 #37e0ff);transform:translateX(-1px)}
92.4%{filter:drop-shadow(-2px 0 #ff2e6b) drop-shadow(2px 0 #37e0ff);transform:translate(1px,-1px) skewX(-6deg)}
93.2%{filter:drop-shadow(1px 0 #ff2e6b) drop-shadow(-1px 0 #37e0ff);transform:translateX(-1px)}
93.8%{filter:opacity(.4);transform:none}
94.6%{filter:drop-shadow(-1px 0 #ff2e6b) drop-shadow(1px 0 #37e0ff);transform:translate(1px,1px) skewX(4deg)}
95.4%{filter:drop-shadow(2px 0 #ff2e6b) drop-shadow(-2px 0 #37e0ff);transform:translateX(1px)}
96%,100%{filter:none;transform:none}}
@media(prefers-reduced-motion:reduce){.shepLock{animation:none}}.brand b,.brand small{display:block;letter-spacing:.08em}.brand small{font-size:8px;color:#828a95}.globalSearch{width:min(235px,20vw);display:flex;gap:8px;padding:9px 12px;border:1px solid #2b333d;border-radius:9px;background:#10151b;color:var(--acid)}input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text)}nav{display:flex;gap:5px}nav a{border:0;background:none;color:#8f96a0;border-radius:8px;padding:10px;font-size:11px}nav a.active,nav a:hover{color:#fff;background:#171c23}.webfront,.primary{border:0;border-radius:4px;background:var(--acid);color:#10120e;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:15px 18px}
/* Outlined secondary button; picks up Discord's blurple on hover. */
.discordLink{border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:14px 16px;transition:color .2s ease,border-color .2s ease}
.discordLink:hover{color:#fff;border-color:#5865f2}
.kofiLink{font-size:15px;line-height:1;padding:11px 14px;margin-right:-4px;white-space:nowrap}.kofiLink:hover{color:#fff;border-color:#ff5e5b}@media(max-width:1200px){.kofiLink{display:none}}
.hero{min-height:645px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;padding:65px 7vw;background:radial-gradient(circle at 78% 38%,rgba(214,255,63,.11),transparent 28%),var(--bg)}.kicker{color:var(--acid);font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}h1{margin:22px 0;font-size:clamp(55px,6.7vw,100px);line-height:.9;letter-spacing:-.065em}h1 em{color:var(--acid);font-style:normal}.hero p,.intro p{color:var(--muted);line-height:1.7}.actions{display:flex;gap:12px;margin-top:30px}.secondary{border:1px solid #39414b;background:none;color:var(--text);padding:15px 18px;border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase}.heroPanel{border:1px solid #2a3039;border-radius:20px;overflow:hidden;background:rgba(17,21,27,.92);box-shadow:0 30px 80px #0008}.panelTop{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.14em}.best{display:grid;grid-template-columns:1fr 1.2fr;align-items:end;gap:24px;min-height:245px;padding:32px}.best strong{display:block;color:var(--acid);font-size:108px;line-height:.8;letter-spacing:-.09em}.best small{font-size:8px;color:#7b838d;letter-spacing:.16em}.bestMeta b,.bestMeta span{display:block}.bestMeta b{font-size:24px}.bestMeta span{color:#858e98;font-size:11px;margin-top:8px}.bestMeta .holder{color:var(--text);border-top:1px solid #333b44;padding-top:14px;margin-top:18px;font-family:monospace}
.holder .flag{vertical-align:-2px;margin-right:5px}
.holder i{font-style:normal;color:#7b838d;margin:0 6px}
/* "Previous best was 56 · 2 hours ago" under the players, in the same muted
   label voice as the rest of the panel. Hidden when there is nothing to say. */
/* Recent-records strip: the feed's next few entries under the hero, using the
   same .line / .player / .round idiom as the records page. Tighter than the
   records page since it's a ticker, not a leaderboard. */
.recentStrip{padding-top:0;padding-bottom:40px}
.recentStrip.noRecent{display:none!important}
.recentList{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.recentList .line{min-height:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:14px 16px}
.recentList .names{gap:3px}
.recentList .player{font-size:12px}
.recentList .mapline{font-size:11px;color:#858e98;margin-bottom:6px}
.recentList .mapline b{color:var(--text);font-weight:700}
.recentList .mapline em{font-style:normal;color:var(--acid);margin-left:8px}
.recentList .round b{font-size:24px}
.recentList .round small{margin-top:2px}
.recentList .agoLine{font-size:9px;letter-spacing:.12em;color:#7b838d;text-transform:uppercase;margin-top:6px}
.recentList .vodLink{display:inline-block;margin-left:8px;font:9px monospace;color:var(--acid);letter-spacing:.08em}
.heading .more{font-size:11px;color:#8f96a0;letter-spacing:.06em}
.heading .more:hover{color:#fff}
.beat{display:block;margin-top:10px;font-size:9px;letter-spacing:.14em;color:#7b838d;text-transform:uppercase}
.beat:empty{display:none}
.beat em{font-style:normal;color:var(--acid)}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.stats span{padding:18px;border-right:1px solid var(--line)}.stats b,.stats small{display:block}.stats b{font-size:23px}.stats small{font-size:7px;color:#747d87;letter-spacing:.13em;margin-top:5px}
.section{padding:86px 7vw 105px}.servers{background:#0c1015}.records,.page{background:#090c10}.heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}.heading h2,.intro h2,.heading h1,.intro h1{margin:10px 0 0;font-size:clamp(40px,5vw,68px);line-height:.95;letter-spacing:-.055em}.heading p{max-width:390px;color:var(--muted);line-height:1.6}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:14px}.filters{display:flex;gap:5px}.filters button{border:1px solid #39414c;background:none;color:#9098a3;padding:9px 14px;border-radius:7px;font-size:9px;font-weight:800;text-transform:uppercase}.filters button.active{background:var(--acid);border-color:var(--acid);color:#090b0e}.toolbar>span{font:9px monospace;color:#78818c}
/* Matches the header search field; margin-left:auto keeps the summary right-aligned. */
.vodSearch{margin-left:auto;width:min(240px,34vw);padding:9px 12px;border:1px solid #2b333d;border-radius:9px;background:#10151b;color:var(--text);font-size:11px;outline:none}
.vodSearch::placeholder{color:#69727d}
.vodSearch:focus{border-color:var(--acid)}
@media(max-width:640px){.vodSearch{width:100%;margin-left:0;order:3}.toolbar{flex-wrap:wrap}}
.serverRow{display:grid;grid-template-columns:auto minmax(220px,1.6fr) minmax(140px,.7fr) .35fr .35fr auto;gap:24px;align-items:center;padding:18px;margin:8px 0;border:1px solid #242b34;border-radius:14px;background:var(--panel)}.badge{display:grid;place-items:center;width:58px;height:58px;border-radius:12px;background:#1d242d;color:var(--acid);font-size:21px;font-weight:800}.badge.mp{color:var(--orange)}.serverInfo small{color:#59d777;font:8px monospace}.serverInfo h3{margin:7px 0 4px;font-size:18px}.serverInfo p{margin:0;color:#777f89;font-size:11px}.metric small,.metric b,.metric span{display:block}.metric small,.metric span{font-size:8px;color:#777f89;letter-spacing:.13em}.metric b{font-size:26px;margin:5px 0}
.join{border:1px solid #3a424c;padding:12px 14px;border-radius:8px;font:bold 9px monospace}.message{padding:45px 20px;text-align:center;color:#78818c;border:1px solid var(--line);border-radius:12px}
.recordTools{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:18px;align-items:center;margin-bottom:26px}.recordTools label{display:flex;gap:9px;border:1px solid #373f49;border-radius:8px;padding:12px;color:var(--acid)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#12171d}.map{height:140px;position:relative;display:flex;align-items:flex-end;padding:20px;overflow:hidden}.map img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}.map:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080b0eef,#080b0e33)}.map div,.map>span{position:relative;z-index:1}.map h3{margin:5px 0 0;font-size:26px}.player[data-pid]{cursor:pointer}.player[data-pid]:hover span{color:var(--acid)}.sugg{position:absolute;top:calc(100% + 6px);left:0;width:min(320px,80vw);background:#12171d;border:1px solid var(--line);border-radius:10px;box-shadow:0 20px 50px #000a;z-index:60;overflow:hidden}.sugg button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border:0;background:none;color:var(--text);text-align:left;font-size:12px}.sugg button:hover,.sugg button.on{background:#1b222b}.sugg small{margin-left:auto;color:#828a95;font:10px monospace}.globalSearch{position:relative}.pp-page{max-width:1100px;margin:0 auto}.pp{background:#0f1318;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 80px #0008;animation:panelIn .35s cubic-bezier(.2,.8,.2,1) both}.pp-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.pp-cols .pp-row{grid-column:auto}@media(max-width:900px){.pp-cols{grid-template-columns:1fr}}.pp-row.go{cursor:pointer;border-radius:8px;margin:0 -8px;padding-left:8px;padding-right:8px}.pp-row.go:hover{background:#161c24}.pp-row.go:hover .m{color:var(--acid)}.pp-back-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:none;color:var(--text);border-radius:8px;padding:6px 10px;font:bold 11px monospace}.pp-back-btn:hover{border-color:var(--acid);color:var(--acid)}.card.spot{outline:2px solid var(--acid);outline-offset:3px;animation:spot 2.4s ease-out both}@keyframes spot{0%{box-shadow:0 0 0 0 rgba(214,255,63,.55)}100%{box-shadow:0 0 0 18px rgba(214,255,63,0)}}.pp-head{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:22px 24px;border-bottom:1px solid var(--line)}.pp-head h1,.pp-head h2{margin:0;font-size:28px;display:flex;align-items:center;gap:10px}.pp-head h1{line-height:normal;letter-spacing:normal}.mp-hero h1{letter-spacing:normal}.pp-head .flag{width:26px;height:20px;border-radius:3px}.pp-close{display:none;margin-left:auto;border:1px solid var(--line);background:none;color:var(--text);border-radius:8px;padding:6px 10px;font:bold 11px monospace}.pp-close:hover{border-color:var(--acid);color:var(--acid)}.pp-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.pp-stats span{padding:14px 24px;border-right:1px solid var(--line)}.pp-stats span:last-child{border-right:0}.pp-stats b{display:block;font-size:22px;color:var(--acid)}.pp-stats small{font:9px monospace;letter-spacing:.12em;color:#828a95}.ttl{display:inline-flex;align-items:center;gap:4px;font:bold 9px monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--acid);border:1px solid rgba(214,255,63,.35);border-radius:999px;padding:2px 7px;margin-left:6px;white-space:nowrap;vertical-align:middle}.ttlRow{display:flex;flex-wrap:wrap;gap:10px}.ttl svg{width:12px;height:12px;flex:none}.ttlName{display:inline-flex;align-items:center;gap:7px}.ttl.big svg{width:16px;height:16px}.zsExtra b{display:inline-flex;align-items:center;gap:6px}.zsExtra b svg{width:16px;height:16px;color:var(--acid);flex:none}.zsTypes{display:flex;flex-wrap:wrap;gap:6px 14px;padding:10px 0 2px;font:11px monospace;color:#828a95;letter-spacing:.04em}.zsTypes b{color:var(--text)}.zsNote{font:10px monospace;color:#828a95;padding:6px 0 4px;letter-spacing:.04em}.ttl.big{flex-direction:column;align-items:flex-start;gap:3px;font-size:13px;letter-spacing:.06em;border-radius:12px;padding:10px 14px;margin:0}.ttl.big small{font:10px monospace;letter-spacing:.06em;color:#828a95;text-transform:none}.cmpTitles .ttl{margin:2px}.ppPlaces{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);--gold:#f2c94c;--silver:#c3cad3;--bronze:#d08a52;--rest:#4a535e}.ppPlace{padding:20px 24px;min-width:0}.ppPlace+.ppPlace{border-left:1px solid var(--line)}.ppTop{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.ppTop h3{margin:0;font:bold 11px monospace;letter-spacing:.14em;color:var(--acid)}.ppTop span{font:11px monospace;color:#828a95;letter-spacing:.06em}.ppTop span b{color:var(--text);font-size:13px}.ppHero{display:flex;align-items:baseline;gap:10px;margin:10px 0 14px;flex-wrap:wrap}.ppHero>b{font-size:44px;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}.ppHero span{font:12px monospace;letter-spacing:.1em;color:#828a95}.ppHero em{font-style:normal;color:var(--text);font-size:14px;margin-left:auto}.ppHero em b{color:var(--acid)}.ppBar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--line);gap:2px}.ppBar i{display:block;height:100%}.ppBar .gold{background:var(--gold)}.ppBar .silver{background:var(--silver)}.ppBar .bronze{background:var(--bronze)}.ppBar .rest{background:var(--rest)}.ppMedals{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.ppMedal{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:9px 10px;display:flex;flex-direction:column;gap:2px;font-variant-numeric:tabular-nums;min-width:0}.ppMedal.gold{--c:var(--gold)}.ppMedal.silver{--c:var(--silver)}.ppMedal.bronze{--c:var(--bronze)}.ppMedal.rest{--c:#828a95}.ppMedal:hover,.ppMedal.on{border-color:var(--c)}.ppMedal.on{background:rgba(255,255,255,.04)}.ppMedal:focus-visible{outline:2px solid var(--c);outline-offset:1px}.ppMedal b{font-size:20px;line-height:1.1}.ppMedal small{font:9px monospace;letter-spacing:.12em;color:#828a95;display:flex;align-items:center;gap:6px;white-space:nowrap}.ppMedal small::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}.ppMedal.zero{opacity:.45}.ppSplit{margin-top:12px;font:11px monospace;color:#828a95;letter-spacing:.05em}.ppSplit b{color:var(--text)}.ppNone{color:#828a95;font-size:13px;margin:12px 0 0}@media(max-width:760px){.ppPlaces{grid-template-columns:1fr}.ppPlace+.ppPlace{border-left:0;border-top:1px solid var(--line)}}@media(max-width:420px){.ppPlace{padding:16px}.ppMedal{padding:8px 7px}.ppMedal small{letter-spacing:.04em}}.pp-acc{display:flex;flex-wrap:wrap;gap:8px;padding:14px 24px;border-bottom:1px solid var(--line)}.pp-acc a{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;font:11px monospace;color:#c9d0d8}.pp-acc a:hover{border-color:var(--acid);color:var(--acid)}.pp-acc a.banned{border-color:#7a2a2a;color:#e57373}.pp-acc small{color:#828a95}.pp-sec{padding:16px 24px}.pp-sec h3{margin:0 0 10px;font:bold 10px monospace;letter-spacing:.14em;color:var(--acid)}.pp-row{display:grid;grid-template-columns:44px 1fr auto auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #1a2028}.pp-row:last-child{border-bottom:0}.pp-row img{width:44px;height:30px;object-fit:cover;border-radius:6px}.pp-row .m{font-weight:bold}.pp-row .m small{display:block;font:10px monospace;color:#828a95;margin-top:2px}.pp-row .r{text-align:right;font-weight:bold;font-size:20px}.pp-row .r small{display:block;font:10px monospace;color:#828a95;font-weight:normal}.pp-row .k{font:bold 10px monospace;padding:4px 7px;border-radius:5px;border:1px solid var(--line);color:#828a95}.pp-row .k.g{border-color:var(--acid);color:var(--acid)}.pp-filt{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 24px;border-bottom:1px solid var(--line)}.pp-filt label{display:flex;gap:8px;align-items:center;flex:1 1 200px;border:1px solid #373f49;border-radius:8px;padding:9px 11px;color:var(--acid)}.pp-filt input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);font:inherit;font-size:12px}.pp-filt .filters{flex-wrap:wrap}.pp-filt .recordSort{padding:9px 10px;font-size:11px}.pp-count{margin-left:auto;font:10px monospace;letter-spacing:.12em;color:#828a95;white-space:nowrap}.pp-count button{border:0;background:none;color:var(--acid);font:inherit;letter-spacing:inherit;cursor:pointer;padding:0}@media(max-width:640px){.pp-filt{padding:12px 16px}.pp-filt label{flex-basis:100%}.pp-count{margin-left:0}}@media(max-width:640px){.pp-stats{grid-template-columns:repeat(2,1fr)}.pp-stats span:nth-child(2){border-right:0}.pp-row{grid-template-columns:1fr auto}.pp-row img,.pp-row .k{display:none}}.map small .mode{display:inline-block;padding:3px 7px;border-radius:3px;background:var(--acid);color:#0b0d10;font:bold 9px/1 monospace;letter-spacing:.08em;text-transform:uppercase}.game{margin-left:auto;align-self:flex-start;border:1px solid #7b838c;padding:6px 8px;font:bold 9px monospace;color:var(--acid)}.slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.slot{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.slot:nth-child(2n){border-right:0}.slot .more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.slot .more>div{overflow:hidden;min-height:0}.slot.open .more{grid-template-rows:1fr}.moreBtn{display:flex;width:100%;justify-content:center;align-items:center;padding:6px 0 8px;border:0;background:none;color:#69727c;cursor:pointer}.moreBtn:hover,.moreBtn:focus-visible{color:var(--acid)}.moreBtn svg{width:16px;height:16px;transition:transform .25s ease}.slot.open .moreBtn svg{transform:rotate(180deg)}.slotHead{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #252c34}.slotHead span{color:var(--acid);font:bold 11px monospace}.slotHead small{color:#69727c;font-size:7px}.line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:82px;padding:12px}.rank{color:#777f89;font:10px monospace}.names{display:flex;flex-direction:column;gap:5px;min-width:0}.player{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;min-width:0}.player span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}span.flag{display:inline-block!important;vertical-align:-2px}.flag{display:inline-block;flex:none;width:20px;height:15px;border-radius:2px;background:url(/flags.png?v=1) 0 0/2000% 1400% no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.round{text-align:right}.round b,.round small{display:block}.round b{font-size:28px}.round small{color:#78818c;font-size:8px}.empty{min-height:82px;display:grid;place-items:center;color:#48505a}
.streamNav{display:flex;align-items:center;gap:10px;margin-top:14px}.streamNav:empty{display:none}.snStep{flex:none;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:inherit;font:inherit;font-size:11px;font-weight:700;padding:9px 14px;cursor:pointer}.snStep:hover{border-color:var(--acid);color:var(--acid)}.snChips{flex:1;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}.snChips::-webkit-scrollbar{display:none}.snChip{flex:none;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:11px;padding:7px 12px;cursor:pointer;white-space:nowrap}.snChip.on{border-color:var(--acid);color:var(--text,#fff)}.snChip small{color:var(--acid);font-weight:700}.snDot{width:6px;height:6px;border-radius:50%;background:#ef4343}.snCount{flex:none;color:var(--muted);font:11px monospace}@media (max-width:700px){.snCount{display:none}.snStep{padding:9px 11px}}.streamList{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:22px}.streamCard{display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden;padding:0;color:inherit;cursor:pointer;font:inherit}.streamCard.on{border-color:var(--acid)}.streamCard img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#0b0e12}.streamCard .sc{display:flex;flex-direction:column;gap:6px;padding:12px 14px}.streamCard small{color:var(--muted);font-size:11px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.liveTags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.streamCard .liveTags{margin:0}.liveTag{border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.liveTag.on{border-color:var(--acid);color:var(--acid)}.liveTag.red{border-color:#ef4343;color:#ef4343}.liveKicker{color:#ef4343}.liveProfile{display:block;margin-bottom:18px;color:var(--acid);font-size:12px}nav a[data-view="stream"].isLive::after{content:'';display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:#ef4343;vertical-align:middle;box-shadow:0 0 0 3px rgba(239,67,67,.25)}.guideNav{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 30px}.guideNav a{border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:11px;color:var(--muted)}.guideNav a:hover{border-color:var(--acid);color:var(--acid)}.guideGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guideCard{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:26px 28px;scroll-margin-top:100px}.guideCard h3{font-size:22px;margin:12px 0 16px}.guideCard ul,.guideCard ol{margin:0;padding-left:18px;color:var(--muted);line-height:1.65;font-size:13px}.guideCard li{margin-bottom:7px}.guideCard li b{color:var(--text)}.guideCard dl{display:grid;grid-template-columns:max-content 1fr;gap:9px 16px;margin:0;font-size:13px}.guideCard dt{white-space:nowrap}.guideCard dd{margin:0;color:var(--muted);line-height:1.5}.guideCard code{background:#0a0d11;border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:12px;color:var(--acid)}.guideCard a{color:var(--acid)}.guideNote{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.6}@media (max-width:800px){.guideGrid{grid-template-columns:1fr}.guideCard dl{grid-template-columns:1fr;gap:2px}.guideCard dd{margin-bottom:8px}}.page{min-height:calc(100vh - 84px)}.intro{max-width:780px;margin-bottom:36px}.streamLayout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.frame{min-height:560px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}.frame iframe{width:100%;height:100%;min-height:560px;border:0}.aside{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:28px}.aside h3{font-size:28px;margin:20px 0 8px}.aside p{color:var(--muted);line-height:1.6;margin-bottom:28px}.vodGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.vod{border:1px solid var(--line);border-radius:15px;background:var(--panel);overflow:hidden}.vodHead{display:flex;justify-content:space-between;align-items:center;padding:19px;border-bottom:1px solid var(--line)}.vodHead h3{margin:4px 0}.vodHead span{display:grid;place-items:center;min-width:38px;height:38px;border-radius:10px;background:#1d242d;color:var(--acid);font-weight:800}.vodFiles{max-height:316px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#39434f transparent}.vodFiles::-webkit-scrollbar{width:8px}.vodFiles::-webkit-scrollbar-track{background:transparent}.vodFiles::-webkit-scrollbar-thumb{background:#39434f;border-radius:4px}.vodFiles::-webkit-scrollbar-thumb:hover{background:#4a5666}.vodMore{padding:12px 18px;text-align:center;color:#727b86;font:9px monospace;letter-spacing:.12em;text-transform:uppercase}.vodRow{display:flex;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid #232a32}.vodRow b,.vodRow small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vodRow b{font-size:12px}.vodRow small{color:#737c86;font-size:9px}.vodRow>span{color:var(--acid);font:9px monospace}.error{color:#ff8162;padding:14px}.lazySentinel{grid-column:1/-1;min-height:72px;display:grid;place-items:center;color:#727b86;font:10px monospace;letter-spacing:.12em;text-transform:uppercase}
footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;padding:40px 7vw;border-top:1px solid var(--line)}footer p{text-align:center;color:#747c86;font-size:11px}footer>div:last-child{display:flex;justify-content:flex-end;gap:18px;font:bold 9px monospace}
@media(max-width:1000px){.grid{grid-template-columns:1fr}.serverRow{grid-template-columns:auto 1fr auto}.mapMetric,.roundMetric{display:none}}@media(max-width:850px){.topbar{height:72px;padding:0 18px;gap:12px}.webfront,.discordLink{display:none}.globalSearch{width:165px}nav{position:fixed;left:0;right:0;bottom:0;justify-content:space-around;padding:8px 5px;background:#080b0f;border-top:1px solid var(--line)}nav a{font-size:9px}.hero{grid-template-columns:1fr;padding:52px 22px}.section{padding:65px 22px 95px}.heading{align-items:start;flex-direction:column}.streamLayout{grid-template-columns:1fr}.frame,.frame iframe{min-height:55vw}.vodGrid{grid-template-columns:1fr}footer{grid-template-columns:1fr;text-align:center;margin-bottom:58px}footer>div:last-child{justify-content:center}.recordTools{grid-template-columns:1fr}}@media(max-width:540px){.brand small{display:none}.globalSearch{width:125px}.actions{flex-direction:column}.best{grid-template-columns:1fr}.best strong{font-size:86px}.slots{grid-template-columns:1fr}.slot{border-right:0}.playerMetric{display:none}h1{font-size:52px}}
@media(max-width:850px){.topbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:#07090c}nav{justify-content:flex-start;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:30}nav::-webkit-scrollbar{display:none}nav a{flex:none;font-size:11px;padding:10px 12px;white-space:nowrap}nav.fadeR{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}nav.fadeL{-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px);mask-image:linear-gradient(90deg,transparent,#000 40px)}nav.fadeL.fadeR{-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}}
.pp-wf{margin-left:auto;border:1px solid #39414b;border-radius:6px;padding:9px 12px;color:var(--text);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pp-wf:hover{border-color:var(--acid);color:var(--acid)}.pp-empty{padding:34px 24px 38px;max-width:560px}.pp-empty b{display:block;font-size:20px;margin-bottom:10px}.pp-empty p{color:var(--muted);line-height:1.7;margin:0 0 12px}.pp-empty .primary{display:inline-block;margin-top:10px}
.section .speedTools{grid-template-columns:minmax(220px,1fr) auto auto auto}.speedTime b{font-size:20px;font-variant-numeric:tabular-nums}.rt{font-variant-numeric:tabular-nums;white-space:nowrap}.rt i{font-style:normal;font-weight:normal}.rt .u{color:#828a95;font-size:.7em;margin:0 .3em 0 .06em}.rt .u:last-child{margin-right:0}.rt .cs{opacity:.5}.eeHead{padding:10px 14px;border-bottom:1px solid var(--line);color:var(--acid);font:bold 11px monospace;letter-spacing:.08em;text-transform:uppercase}@media(max-width:1000px){.section .speedTools{grid-template-columns:1fr}}.names .who{display:flex;align-items:center;gap:6px;min-width:0}.names .pov{display:inline-block;flex:none;color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.06em;vertical-align:middle}.howto{border:1px solid var(--line);border-radius:15px;background:var(--panel);margin:0 0 26px;padding:0 20px}.howto summary{cursor:pointer;padding:16px 0;font-weight:800;font-size:13px;color:var(--acid);letter-spacing:.04em;text-transform:uppercase}.howto[open] summary{border-bottom:1px solid var(--line)}.howtoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:18px 0 20px}.howto h4{margin:0 0 10px;font-size:15px}.howto ol{margin:0;padding-left:18px;color:var(--muted);line-height:1.65;font-size:13px}.howto li{margin-bottom:6px}.howto b{color:var(--text)}.howto code{background:#10151b;border:1px solid #2b333d;border-radius:5px;padding:1px 5px;font-size:12px;color:var(--text);word-break:break-all}.vodMain{flex:1;min-width:0;color:inherit;text-decoration:none}.vodLinks{display:flex;gap:12px;flex:none;align-items:center;font-size:12px}.vodLinks a{color:inherit;text-decoration:none}.vodLinks a:last-child{color:var(--orange)}@media(max-width:850px){.howtoGrid{grid-template-columns:1fr}}.recordSort{border:1px solid #373f49;border-radius:8px;background:#10151b;color:var(--text);padding:11px 12px;font-size:12px;font-weight:700}.recordTools{grid-template-columns:minmax(220px,1fr) auto auto auto}.weekStrip{padding-top:0;padding-bottom:40px}.weekStrip.noWeek{display:none!important}.weekTiles{display:grid;grid-template-columns:1fr 1fr 2fr;gap:14px;margin-bottom:18px}.weekTile{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:16px 18px;min-width:0}.weekTile b{display:block;font-size:34px;line-height:1;color:var(--acid)}.weekTile small{display:block;margin-top:8px;color:#78818c;font-size:10px;letter-spacing:.08em}.weekTile.wide small{margin:0 0 10px}.weekPlayer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.weekWhy{color:var(--muted);font-size:12px}.weekLists{display:grid;grid-template-columns:1fr 1fr;gap:14px}.weekLists h4{margin:0 0 8px;font-size:12px;color:#78818c;letter-spacing:.08em;text-transform:uppercase}.weekRow{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:10px 14px;margin-bottom:8px}.weekRow b{font-size:20px;font-variant-numeric:tabular-nums}.weekMap{display:block;font-size:11px;color:#78818c;margin-bottom:4px}.weekEmpty{color:#5f6873;font-size:12px;padding:10px 0}@media(max-width:1000px){.recordTools{grid-template-columns:1fr}.weekTiles{grid-template-columns:1fr 1fr}.weekTile.wide{grid-column:1/-1}.weekLists{grid-template-columns:1fr}}.pp-page{min-width:0;max-width:100%}.pp-sec h3 span{display:block;white-space:normal;margin-top:4px;line-height:1.5}@media(max-width:700px){.pp-stats b{font-size:18px}}.leaderTools{grid-template-columns:auto auto auto auto 1fr}@media(max-width:1250px){.leaderTools{grid-template-columns:auto auto 1fr}}.leaderTools>span{text-align:right;font:9px monospace;color:#78818c;letter-spacing:.08em}.leaderTable{border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.lbRow{display:grid;grid-template-columns:44px minmax(160px,1fr) repeat(6,minmax(64px,88px));gap:8px;align-items:center;padding:10px 16px;border-bottom:1px solid #1a2028;font-variant-numeric:tabular-nums}.lbRow:last-child{border-bottom:0}.lbRow>span[data-k]{text-align:right;color:#aab2bc;font-size:14px}.lbRow>span[data-k] small{margin-left:5px;font-size:10px;color:#6c7580}.lbRow>span.on{color:var(--acid);font-weight:800;font-size:16px}.lbHead{background:#12171d;font:bold 9px monospace;letter-spacing:.12em;text-transform:uppercase;color:#78818c}.lbHead>span[data-k]{font:bold 9px monospace;color:#78818c}.lbHead>span.on{color:var(--acid);font-size:9px}.lbHead>span[data-sort]{cursor:pointer;user-select:none}.lbHead>span[data-sort]:not(.on):hover{color:var(--text)}.lbRank{font:bold 13px monospace;color:#78818c}.lbRow.top1 .lbRank{color:#e8b923}.lbRow.top2 .lbRank{color:#c3ccd6}.lbRow.top3 .lbRank{color:#c9804a}.lbName{min-width:0;display:flex;flex-wrap:wrap;gap:6px}.weekStats{grid-template-columns:1fr 1fr}.leaderTable.lbBest .lbRow{grid-template-columns:44px minmax(160px,1fr) repeat(4,minmax(64px,88px)) minmax(150px,220px)}.lbGame{display:block;text-align:right;color:#c9d0d8;font-size:13px}.lbGame small{display:block;margin:2px 0 0!important;font-size:10px}.zsTiles{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:10px}.zsTiles>span{border:1px solid var(--line);border-radius:10px;background:#12171d;padding:10px 12px;min-width:0}.zsTiles b{display:block;font-size:20px;color:var(--acid);font-variant-numeric:tabular-nums}.zsTiles b small{margin-left:4px;font-size:11px;color:#828a95}.zsTiles>span>small{font:9px monospace;letter-spacing:.12em;color:#828a95}.zsBest{padding:10px 12px;border:1px solid #5a4a12;border-radius:10px;background:#1a1606;color:#d9dde2;font-size:13px;margin-bottom:10px}.zsBest small{display:block;font:bold 9px monospace;letter-spacing:.12em;color:#e8b923;margin-bottom:4px}.zsBest b{color:#f3cf4e}.zsBest em{color:#828a95;font-style:normal;margin-left:8px;font-size:11px}.zsRow{display:grid;grid-template-columns:minmax(0,1fr) repeat(5,64px) 90px;gap:8px;padding:7px 0;border-bottom:1px solid #1a2028;font-size:13px;font-variant-numeric:tabular-nums}.zsRow:last-child{border-bottom:0}.zsRow>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zsRow>span:not(:first-child){text-align:right;color:#aab2bc}.zsHead{font:bold 9px monospace;letter-spacing:.12em;text-transform:uppercase;color:#828a95}.zsHead>span:not(:first-child){color:#828a95}@media(max-width:1000px){.leaderTools{grid-template-columns:1fr}.leaderTools>span{text-align:left}.lbRow{grid-template-columns:34px minmax(0,1fr) 72px 56px;padding:10px 12px}.lbRow>span[data-k]:not(.on):not([data-k="games"]):not([data-k="game"]){display:none}.leaderTable.lbBest .lbRow{grid-template-columns:34px minmax(0,1fr) 56px minmax(96px,130px)}.zsTiles{grid-template-columns:repeat(3,1fr)}.zsRow{grid-template-columns:minmax(0,1fr) 44px 52px 56px 48px}.zsRow>span:nth-child(4),.zsRow>span:nth-child(7){display:none}.weekStats{grid-template-columns:1fr}header nav{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}header nav::-webkit-scrollbar{display:none}header nav a{flex:none;white-space:nowrap}}.eeTools{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:-10px 0 24px}.eeTools[hidden]{display:none}.eeTools select{max-width:260px}.eeHead{display:flex;align-items:center;gap:8px}.eeTag{margin-left:auto;padding:2px 6px;border-radius:5px;font:bold 8px monospace;letter-spacing:.1em;color:#0b0e12;background:#78818c}.eeTag.main{background:var(--acid)}.eeTag.song{background:#7cc4ff}.eeTag.side{background:#ffb35c}.eeTag.ending{background:#ff8a9a}@media(max-width:1000px){.eeTools select{max-width:none;width:100%}#speedrunBoards,#eeTypes,#eeSquads{flex-wrap:wrap}.speedTools{grid-template-columns:minmax(0,1fr)}}#serverGames button{display:inline-flex;align-items:center;gap:7px}#serverGames .cnt{min-width:18px;padding:2px 5px;border-radius:5px;background:rgba(255,255,255,.08);color:#c9ced6;font-size:8px;line-height:1;text-align:center}#serverGames button.active .cnt{background:rgba(9,11,14,.18);color:#090b0e}.role .roleName{background-size:250% auto;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;font-weight:800;animation:roleFlow 3.2s linear infinite}@keyframes roleFlow{to{background-position:250% center}}.r2 .roleName{background-image:linear-gradient(90deg,#c4b5fd,#f0abfc,#93c5fd,#c4b5fd)}.r3 .roleName{background-image:linear-gradient(90deg,#38bdf8,#818cf8,#22d3ee,#38bdf8);filter:drop-shadow(0 0 4px rgba(56,189,248,.5))}.r4 .roleName{background-image:linear-gradient(90deg,#d6ff3f,#4dffb8,#f5ffb0,#d6ff3f);filter:drop-shadow(0 0 5px rgba(214,255,63,.55))}.r5 .roleName{background-image:linear-gradient(90deg,#ff3d00,#ffb300,#ff6a3d,#ff3d00);filter:drop-shadow(0 0 6px rgba(255,120,0,.55))}.r6 .roleName,.r7 .roleName{background-image:linear-gradient(90deg,#ff4d4d,#ffb84d,#fff35c,#4dff88,#4dc3ff,#b84dff,#ff4d4d);background-size:400% auto;animation-duration:4s;filter:drop-shadow(0 0 7px rgba(255,220,120,.6))}@media (prefers-reduced-motion:reduce){.role .roleName{animation:none!important}}/* Map pages, squads, head-to-head, personal bests, period boards, private servers */
.rank.m1{color:#ffd54a;font-weight:bold}.rank.m2{color:#cfd6de;font-weight:bold}.rank.m3{color:#e0995e;font-weight:bold}
.gap{font-style:normal;color:#ff9b7a}
.squadLink{display:inline-block;margin-top:3px;font:bold 9px monospace;letter-spacing:.08em;color:#6f7781}
.squadLink:hover{color:var(--acid)}
.mapLink{color:inherit}.mapLink:hover{color:var(--acid);text-decoration:underline;text-underline-offset:3px}
.vodMini{font-size:9px;color:var(--orange)}
.pp-sec h3 .sub{color:#828a95;font-weight:normal}
a.pp-row{color:inherit}a.pp-row:hover .m{color:var(--acid)}
.mp-hero{position:relative;min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:22px 24px;border-bottom:1px solid var(--line);overflow:hidden;border-radius:18px 18px 0 0}
.mp-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;z-index:0}
.mp-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f131800 20%,#0f1318f2 100%);z-index:0}
.mp-hero>*{position:relative;z-index:1}
.mp-hero h1,.mp-hero h2{margin:0;font-size:clamp(28px,5vw,44px);line-height:1}
.mp-top{position:absolute;top:18px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between}
.mp-top .pp-back-btn{background:#0f1318cc}
.mpSlots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden}
.mpSlots .slot{border-bottom:0}.mpSlots .slot:last-child{border-right:0}
.mpSlots .line{min-height:0;padding:9px 12px}.mpSlots .round b{font-size:19px}
.mpRuns{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.mpRunsT{display:grid;grid-template-columns:minmax(130px,1.1fr) repeat(4,minmax(120px,1fr));min-width:620px}
.mpRunsT>span{padding:10px 12px;border-bottom:1px solid #1a2028;min-width:0}
.mpRunsT .h{font:9px monospace;letter-spacing:.12em;color:#828a95;background:#0c1015}
.mpRunsT .b{font-size:12px;font-weight:bold}
.mpRunsT .c b{display:block;font-size:15px;font-variant-numeric:tabular-nums}
.mpRunsT .c .names{display:flex;flex-direction:column;gap:2px;margin-top:3px}
.mpRunsT .c .player{font-size:11px}
.mpRunsT .none{color:#48505a}
.fRow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #1a2028}
.fRow .k{font:bold 10px monospace;padding:4px 7px;border-radius:5px;border:1px solid var(--line);color:#828a95}
.fRow .names{display:flex;flex-wrap:wrap;gap:4px 12px;min-width:0}
.fRow .r{text-align:right;font-weight:bold;font-size:17px;font-variant-numeric:tabular-nums}
.fRow .r small,.pp-row .r small{display:block;font:9px monospace;letter-spacing:.08em;color:#828a95;font-weight:normal}
.sqNames{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0 0}
.sqNames .player{font-size:20px}.sqNames .plus{font-style:normal;color:#7b838d}
.bestT{font:bold 10px monospace;color:var(--acid);border:1px solid #3d4a14;border-radius:5px;padding:4px 7px;white-space:nowrap}
.ppMore{margin-top:10px;border:1px solid var(--line);background:none;color:var(--muted);border-radius:8px;padding:8px 12px;font:bold 10px monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.ppMore:hover{color:var(--text);border-color:#4a535e}
.mates{display:flex;flex-wrap:wrap;gap:8px}
.mateChip{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:12px;font-weight:bold;color:var(--text);background:var(--panel)}
.mateChip small{font:9px monospace;letter-spacing:.1em;color:#828a95;font-weight:normal}
.mateChip:hover{border-color:var(--acid)}
.mateChip .flag{vertical-align:-2px;margin-right:6px}
.pick{position:relative;padding:12px 24px;border-bottom:1px solid var(--line)}
.pick label{display:flex;gap:9px;align-items:center;border:1px solid #2b333d;border-radius:9px;background:#10151b;padding:9px 12px}
.pick input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--text);font-size:13px}
.pickList{display:flex;flex-direction:column;margin-top:6px}
.pickList button{display:flex;gap:8px;align-items:center;border:0;border-bottom:1px solid #1a2028;background:none;color:var(--text);padding:9px 4px;text-align:left;cursor:pointer;font-size:13px}
.pickList button:hover{color:var(--acid)}
.pickList small{margin-left:auto;font:9px monospace;color:#828a95}
.pickNone{padding:10px 4px;color:#78818c;font-size:12px}
.cmpRow{display:grid;grid-template-columns:1fr minmax(120px,auto) 1fr;gap:14px;align-items:center;padding:10px 24px;border-bottom:1px solid #1a2028;color:inherit}
.cmpRow>span{font-size:19px;font-weight:bold;font-variant-numeric:tabular-nums;min-width:0}
.cmpRow>span:first-child{text-align:right}
.cmpRow>small{text-align:center;font:9px monospace;letter-spacing:.12em;color:#828a95}
.cmpRow .win{color:var(--acid)}
.cmpRow em{font-style:normal;font:9px monospace;color:#828a95;margin:0 6px}
.cmpRow small i{display:block;font-style:normal;color:#5d656f;margin-top:2px}
a.cmpMap:hover small{color:var(--text)}
.cmpMap>small{font:bold 12px system-ui,sans-serif;letter-spacing:0;color:var(--text)}
.cmpNames{padding:18px 24px}.cmpNames .player{font-size:17px}
.cmpNote{padding:10px 24px;font-size:11px;color:#6f7781}
.cmpTogether{display:block;margin:6px 24px 0;padding:12px 14px;border:1px solid #3d4a14;border-radius:10px;color:var(--text);font-size:13px}
.cmpTogether span{float:right;font:bold 9px monospace;letter-spacing:.1em;color:var(--acid)}
.privPanel{margin-top:28px;border:1px solid var(--line);border-radius:15px;background:#0f1318;padding:20px 22px}
.privHead{display:flex;justify-content:space-between;gap:20px;align-items:end;flex-wrap:wrap;margin-bottom:14px}
.privHead h3{margin:4px 0 0;font-size:20px}
.privHead p{margin:0;max-width:470px;color:var(--muted);font-size:12px;line-height:1.5}
.privHead a{color:var(--acid)}
.privList{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.privCard{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--panel)}
.privCard b{display:block;font-size:13px}
.privCard small{font:9px monospace;letter-spacing:.12em;color:#828a95}
.privBadge{flex:none;border:1px solid #7b838c;padding:6px 8px;border-radius:6px;font:bold 9px monospace;color:var(--acid)}
.privEmpty{color:#78818c;font-size:12px;padding:4px 0}
@media(max-width:1000px){.mpSlots{grid-template-columns:repeat(2,minmax(0,1fr))}.mpSlots .slot:nth-child(2){border-right:0}.mpSlots .slot:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:640px){.mpSlots{grid-template-columns:1fr}.mpSlots .slot{border-right:0;border-bottom:1px solid var(--line)}.mpSlots .slot:last-child{border-bottom:0}
.mp-hero{padding:18px 16px;min-height:180px}.mp-top{left:16px;right:16px;top:14px}.pick{padding:12px 16px}
.cmpRow{padding:9px 16px;gap:8px;grid-template-columns:1fr 92px 1fr}.cmpRow>span{font-size:15px}.cmpNote{padding:10px 16px}.cmpTogether{margin:6px 16px 0}.cmpTogether span{float:none;display:block;margin-top:4px}
.privPanel{padding:16px}}
button.pp-wf{background:none;cursor:pointer;font-family:inherit}button.pp-wf:hover{border-color:var(--acid)}
.lineX{display:flex;gap:10px;align-items:center}.lineX .squadLink{margin-top:0}
.cmpNames>span{display:flex}.cmpNames>span:first-child{justify-content:flex-end}

.legacyTag,.nowTag.legacyTag{display:inline-flex;align-items:center;margin-left:6px;padding:3px 7px;border-radius:3px;border:1px solid #c98b3a;color:#f0b35c;background:#0b0d10cc;font:bold 9px/1 monospace;letter-spacing:.1em;vertical-align:1px}.mapCard .art .nowTag.legacyTag{left:auto;right:12px;height:20px;margin:0;border-radius:5px}.mp-top .legacyTag{margin:0 0 0 auto}.mp-top .legacyTag+.game{margin-left:8px}
#leaderSource[hidden],#leaderPeriod[hidden]{display:none}.leaderTable.lbPod .lbRow{grid-template-columns:44px minmax(160px,1fr) repeat(4,minmax(56px,80px))}.lbMedal{font-weight:800}.lbMedal.first{color:#e8b923}.lbMedal.second{color:#c3ccd6}.lbMedal.third{color:#c9804a}.lbRow>span.on .lbMedal.top5{color:var(--acid)}.lbNil{color:#4a525c}@media(max-width:1000px){.leaderTable.lbPod .lbRow{grid-template-columns:30px minmax(0,1fr) repeat(4,38px)}.leaderTable.lbPod .lbRow>span[data-k]{display:block!important;font-size:13px}}
/* Ko-fi supporters: s1 Contributor (gold shine), s2 Supporter+ (camo flow + electric pulse) */
.sup:not(.role) .supName{-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;font-weight:800}
.sup.s1:not(.role) .supName{background-image:linear-gradient(100deg,#c8961e 0%,#f5c542 35%,#fff7cf 48%,#f5c542 61%,#c8961e 100%);background-size:250% 100%;animation:supShine 3.2s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(245,197,66,.45))}
.sup.s2:not(.role) .supName{background-image:linear-gradient(90deg,#a855f7,#ec4899,#38bdf8,#c084fc,#a855f7);background-size:300% auto;animation:roleFlow 2.6s linear infinite,papPulse 1.8s ease-in-out infinite}
.supMark{display:inline-block;margin-left:4px;font-size:.85em;line-height:1;vertical-align:baseline;color:#f5c542;-webkit-text-fill-color:currentColor}
.s2 .supMark{color:#ec4899;animation:supBeat 1.4s ease-in-out infinite;text-shadow:0 0 6px rgba(236,72,153,.8)}
.supChip{display:inline-flex;align-items:center;gap:5px;font:bold 11px monospace;letter-spacing:.1em;text-transform:uppercase;padding:4px 11px;border-radius:999px;white-space:nowrap;align-self:center;-webkit-text-fill-color:currentColor}
.supChip.s1{color:#2a1c02;background:linear-gradient(100deg,#c8961e,#f5c542,#fff3b8,#f5c542,#c8961e);background-size:250% 100%;animation:supShine 3.2s ease-in-out infinite;box-shadow:0 0 10px rgba(245,197,66,.45)}
.supChip.s2{color:#fff;background:linear-gradient(90deg,#7c3aed,#db2777,#0284c7,#9333ea,#7c3aed);background-size:300% auto;animation:roleFlow 2.6s linear infinite,papChip 1.8s ease-in-out infinite;text-shadow:0 0 6px rgba(255,255,255,.5)}
@keyframes supShine{0%{background-position:100% 0}55%,100%{background-position:0 0}}
@keyframes papPulse{0%,100%{filter:drop-shadow(0 0 3px rgba(168,85,247,.55))}50%{filter:drop-shadow(0 0 9px rgba(236,72,153,.95))}91%{filter:drop-shadow(0 0 4px rgba(168,85,247,.6)) brightness(1)}93%{filter:drop-shadow(0 0 12px rgba(56,189,248,1)) brightness(1.6)}95%{filter:drop-shadow(0 0 4px rgba(168,85,247,.6)) brightness(1)}}
@keyframes papChip{0%,100%{box-shadow:0 0 8px rgba(168,85,247,.55)}50%{box-shadow:0 0 18px rgba(236,72,153,.9)}}
@keyframes supBeat{0%,100%{transform:scale(1)}12%{transform:scale(1.3)}24%{transform:scale(1)}36%{transform:scale(1.18)}48%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.supName,.supMark,.supChip{animation:none!important}}
.tierGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.tierCard{display:flex;flex-direction:column;gap:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:26px 28px;min-width:0}.tierCard.s1{border-color:#5a4a12;background:linear-gradient(180deg,#1a1606,var(--panel) 45%)}.tierCard.s2{border-color:#4c2a7a;background:linear-gradient(180deg,#1b1028,var(--panel) 45%)}.tierTop{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 12px}.tierTop .kicker{grid-column:1/-1}.tierTop h3{margin:0;font-size:28px}.tierPrice{text-align:right}.tierPrice b{display:block;font-size:26px;line-height:1}.tierCard.s1 .tierPrice b{color:#f5c542}.tierCard.s2 .tierPrice b{color:#c084fc}.tierPrice small{color:#828a95;font-size:11px}.tierPreview{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;border:1px solid var(--line);border-radius:12px;background:#0d1116;padding:14px 16px;font-size:20px}.tierPreview>small{flex-basis:100%;font:bold 9px monospace;letter-spacing:.12em;color:#78818c}.tierCard ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.65;font-size:14px}.tierCard li{margin-bottom:6px}.tierCard li b{color:var(--text)}.tierBtn{margin-top:auto;display:block;text-align:center;padding:13px 16px;border-radius:10px;font-weight:800;font-size:13px;letter-spacing:.04em;text-decoration:none;color:#0b0e12}.tierCard.s1 .tierBtn{background:#f5c542}.tierCard.s2 .tierBtn{background:linear-gradient(90deg,#a855f7,#ec4899);color:#fff}.tierBtn:hover{filter:brightness(1.1)}@media(max-width:1000px){.tierGrid{grid-template-columns:1fr}.tierCard{padding:22px 20px}}
@media(min-width:1001px){header nav a.navSupport{display:none}}
/* Desktop header: labels never wrap; the search box gives up room first, then spacing tightens. */@media(min-width:1001px){.topbar nav{flex:none}.topbar nav a,.topbar .webfront,.topbar .discordLink{white-space:nowrap}.globalSearch{flex:0 1 235px;width:auto;min-width:130px}.brand{flex:none}}@media(min-width:1001px) and (max-width:1499px){.topbar{gap:12px;padding:0 24px}.topbar nav{gap:2px}.topbar nav a{padding:10px 8px}.discordLink{padding:14px 12px}.webfront{padding:15px 14px}.kbdHint{display:none}}@media(min-width:1001px) and (max-width:1149px){.brandWm,.brandRule{display:none}}@media(min-width:1001px) and (max-width:1249px){.topbar .discordLink:not(.kofiLink){display:none}.topbar nav a{padding:10px 6px}}
@media(min-width:1001px) and (max-width:1499px){.kbdHint{display:none}}@media(min-width:1001px){.topbar .kofiLink{display:inline-block}}@media(min-width:1001px) and (max-width:1499px){.topbar .kofiLink{padding:11px 12px}}
@media(min-width:1001px) and (max-width:1149px){.topbar{padding:0 18px}}

/* No layout jumps (18 Oct 2026). Until the first show(), only the view the URL opens is displayed
   (html[data-boot], set by the head script), <main> holds the footer below the fold while a view
   fills in, and profiles / map pages open on placeholders the size of their panels. */
main{min-height:100vh}
html[data-boot=overview] .view:not(.overview),html[data-boot=servers] .view:not(.servers),html[data-boot=records] .view:not(.records),html[data-boot=speedruns] .view:not(.speedruns),html[data-boot=maps] .view:not(.maps),html[data-boot=leaders] .view:not(.leaders),html[data-boot=stream] .view:not(.stream),html[data-boot=archive] .view:not(.archive),html[data-boot=guide] .view:not(.guide),html[data-boot=support] .view:not(.support),html[data-boot=player] .view:not(.player),html[data-boot=mappage] .view:not(.mappage),html[data-boot=squadpage] .view:not(.squadpage),html[data-boot=comparepage] .view:not(.comparepage){display:none}
.ppSkelBody{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px 24px}.ppSkelBody .wide{grid-column:1/-1}.skelHero{background:#0c1015}
@media(max-width:700px){.ppSkelBody{grid-template-columns:1fr;padding:16px}}
#serverSummary{min-width:190px;text-align:right}@media(max-width:700px){#serverSummary{min-width:0;text-align:left}}
.pp-page{width:100%}

/* Phones and legibility (18 Oct 2026). */
/* Labels: nothing under 10px, grey labels at least #8f96a0 on the dark panels. */
.stats small,.slotHead small,.metric small,.metric span,.round small,.best small,.brand small,.serverInfo small,#serverGames .cnt,.eeTag,.recentList .agoLine,.beat,.toolbar>span,.leaderTools>span,.pp-stats small,.ppMedal small,.vodMore,.vodRow small,.zsTiles>span>small,.zsHead,.lbHead,.lbHead>span[data-k],.lbHead>span.on,.mpRunsT .h,.fRow .r small,.pp-row .r small,.mateChip small,.pickList small,.cmpRow>small,.cmpRow em,.privCard small,.tierPreview>small{font-size:10px}
.stats small,.slotHead small,.metric small,.metric span,.round small,.best small,.recentList .agoLine,.beat,.toolbar>span,.leaderTools>span,.vodRow small,.vodMore,.lbHead,.lbHead>span[data-k]:not(.on),.pp-stats small,.ppMedal small,.zsTiles>span>small,.zsHead,.mpRunsT .h,.fRow .r small,.pp-row .r small,.mateChip small,.pickList small,.cmpRow>small,.cmpRow em,.privCard small,.tierPreview>small{color:#8f96a0}
/* Player names: a 24px+ hit area without moving anything. */
.names a.player,.lbName a.player,.weekPlayer a.player,.cmpNames a.player,a.mapLink,a.squadLink{padding-block:5px;margin-block:-5px}
/* Grids without holes: an odd last guide card takes the whole row. */
.guideGrid>.guideCard:last-child:nth-child(odd){grid-column:1/-1}
/* Support in the desktop nav once there is room for it; the heart covers narrower headers. */
@media(min-width:1001px) and (max-width:1399px){header nav a.navSupport{display:none}}
@media(min-width:1400px){header nav a.navSupport{display:inline-block}.topbar .kofiLink{display:none}}
@media(max-width:700px){
  #serverFilters,#serverGames{flex-wrap:wrap}
  /* Board pages: the intro folds to two lines (tap to open) so the boards start on the first screen. */
  .section.records{padding-top:34px}
  .records .heading h1{font-size:34px}
  .records .heading p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;margin:10px 0 0}
  .records .heading p.open{display:block}
  /* Map page speedruns: one block per board, squad sizes two by two, each labelled. */
  .mpRuns{overflow:visible}
  .mpRunsT{min-width:0;grid-template-columns:1fr 1fr}
  .mpRunsT .h{display:none}
  .mpRunsT .b{grid-column:1/-1;background:#0c1015}
  .mpRunsT .c::before{content:attr(data-s);display:block;font:10px monospace;letter-spacing:.12em;color:#8f96a0;margin-bottom:4px}
}
.installChip{position:fixed;right:18px;bottom:18px;z-index:70;display:flex;align-items:center;border:1px solid rgba(214,255,63,.45);border-radius:999px;background:rgba(17,22,29,.96);box-shadow:0 14px 40px #000a;backdrop-filter:blur(12px)}.installGo{border:0;background:none;color:var(--acid);font:bold 11px monospace;letter-spacing:.1em;text-transform:uppercase;padding:12px 6px 12px 16px;min-height:44px}.installX{border:0;background:none;color:var(--muted);font-size:18px;line-height:1;padding:10px 14px 10px 8px;min-height:44px}.installGo:hover,.installX:hover{color:#fff}.offlineNote{position:fixed;left:50%;top:94px;transform:translateX(-50%);z-index:70;border:1px solid var(--orange);border-radius:999px;background:rgba(17,22,29,.96);color:var(--orange);font:bold 11px monospace;letter-spacing:.06em;padding:9px 16px;white-space:nowrap}@media(max-width:900px){.installChip{bottom:76px;right:12px}.offlineNote{top:76px}}@media print{.installChip,.offlineNote{display:none}}
/* Notifications (push.js): the header bell, its panel and the Follow buttons on servers. */
.pushBell{flex:none;display:grid;place-items:center;position:relative;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:4px;background:none;color:var(--muted);cursor:pointer;transition:color .2s ease,border-color .2s ease}
.pushBell:hover,.pushBell[aria-expanded=true]{color:#fff;border-color:#5a646f}
.pushBell.on{color:var(--acid);border-color:rgba(214,255,63,.45)}
.pushBell.on::after{content:"";position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 2px var(--bg)}
.pushBell:focus-visible,.srvBell:focus-visible,.pnRow input:focus-visible{outline:2px solid var(--acid);outline-offset:2px}
.pushPanel{position:fixed;top:92px;right:5vw;z-index:65;width:min(370px,calc(100vw - 24px));max-height:calc(100vh - 110px);overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 24px 70px #000c;padding:4px 18px 14px}
.pushPanel[hidden]{display:none}
.pnHead{display:flex;align-items:center;justify-content:space-between;padding:10px 0 8px}
.pnHead b{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--acid)}
.pnX{border:0;background:none;color:var(--muted);font-size:22px;line-height:1;width:36px;height:36px;margin-right:-10px;cursor:pointer}.pnX:hover{color:#fff}
.pnState{margin:4px 0 10px;padding:10px 12px;border-left:3px solid var(--orange);border-radius:6px;background:#191512;color:var(--text);font-size:12.5px;line-height:1.55}
.pnState a,.pnRow small a{color:var(--acid)}
.pnRow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line);cursor:pointer}
.pnRow b{display:block;font-size:13px}
.pnRow small{display:block;margin-top:3px;color:#8f96a0;font-size:11.5px;line-height:1.45}
.pnMaster{border-top:0}.pnMaster b{font-size:14px}
.pnList.off .pnRow{opacity:.45;cursor:default}
.pnRow input{flex:none;appearance:none;-webkit-appearance:none;position:relative;width:40px;height:22px;margin:0;border-radius:999px;background:#2a323c;cursor:pointer;transition:background .15s ease}
.pnRow input::before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#c5ccd4;transition:transform .15s ease,background .15s ease}
.pnRow input:checked{background:var(--acid)}.pnRow input:checked::before{transform:translateX(18px);background:#07090c}
.pnRow input:disabled{cursor:default;opacity:.6}
.pnNote{margin:8px 0 0;color:var(--acid);font:11px/1.5 monospace;letter-spacing:.04em}
.srvBell{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #3a424c;padding:8px 12px;border-radius:8px;font:bold 9px monospace;background:none;color:var(--muted);cursor:pointer;letter-spacing:.04em;white-space:nowrap;transition:color .15s ease,border-color .15s ease}
.srvBell svg{width:12px;height:12px}
.serverRow .joinBox{min-width:90px}
.srvBell:hover{color:var(--text);border-color:#5a646f}
.srvBell.on{color:var(--acid);border-color:rgba(214,255,63,.6)}.srvBell.on svg{fill:currentColor}
@media(max-width:850px){.pushBell{width:40px;height:40px}.pushPanel{top:80px;right:12px;left:12px;width:auto;max-height:calc(100vh - 170px)}}
@media print{.pushBell,.pushPanel{display:none}}
/* Servers page: who is on (linked profiles), the game mode for non-zombies servers, Steam badges. */
.serverWho{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:9px;font:12px monospace}.serverWho .player,.serverWho span{color:var(--text)}
.metric b.modeName{font-size:13px;line-height:1.25;margin:7px 0 6px;overflow-wrap:anywhere}
.badge.steam{color:#8fb8ff;font-size:10px;letter-spacing:0;text-align:center;line-height:1.1;padding:3px;overflow:hidden}
#serverFilters button,#serverGames button{white-space:nowrap}
/* Leaderboards › Multiplayer (IW4MAdmin top players) */
.filters[hidden],.recordSort[hidden]{display:none}#mpServer{max-width:300px}
.leaderTable.lbMp .lbRow{grid-template-columns:52px minmax(160px,1fr) minmax(130px,150px) repeat(5,minmax(60px,84px))}
.lbMp .lbRank{display:flex;flex-direction:column;line-height:1.1}.lbMp .lbRank small{font:bold 9px monospace;margin-top:2px}.mpUp{color:#4dff88}.mpDown{color:#ff6b6b}
.lbMp span[data-k=perf]{display:flex;align-items:center;justify-content:flex-end;gap:8px}.mpSpark{flex:none;color:#5d6b2a;opacity:.9}.lbMp .lbRow:hover .mpSpark{color:var(--acid)}
.lbMp span[data-k=seen]{font-size:12px!important;color:#828a95!important}
.mpPager{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px;border-top:1px solid #1a2028;font:bold 10px monospace;letter-spacing:.1em;color:#828a95;text-transform:uppercase}.mpPager button[disabled]{opacity:.35;cursor:default}
@media(max-width:1000px){.leaderTable.lbMp .lbRow{grid-template-columns:40px minmax(0,1fr) 92px 48px;padding:10px 12px}.lbMp .lbRow>span[data-k]:not([data-k=perf]):not([data-k=kdr]){display:none}.lbMp .mpSpark{display:none}.lbMp .lbRow>span[data-k=kdr]{display:block!important;text-align:right}#mpServer{max-width:none;width:100%}}
/* Profile › On our servers */
.ppHistory .hTiles{grid-template-columns:repeat(4,1fr)}.ppHistory .hTiles b small{font-size:11px;color:#828a95;margin-left:4px}.ppHistory .mpH3{margin-top:22px}.ppHistory .mpH3 a{color:var(--acid)}
.zsRow.mpHRow{grid-template-columns:minmax(0,1fr) 72px 56px 64px 64px 64px 84px}.mpHRow small{font-size:10px;color:#828a95}.mpG{font:bold 9px monospace!important;letter-spacing:.08em;color:#828a95;margin-left:4px}
.mpOld{font:bold 8px monospace!important;letter-spacing:.1em;color:#5f6873!important;border:1px solid #2b333d;border-radius:4px;padding:1px 4px}.mpHRow.old>span:first-child{color:#9aa2ac}.mpMore[hidden]{display:none}.mpMoreBtn{margin:10px 0 0}
@media(max-width:1000px){.ppHistory .hTiles{grid-template-columns:repeat(2,1fr)}.zsRow.mpHRow{grid-template-columns:minmax(0,1fr) 62px 44px 56px}.zsRow.mpHRow>span:nth-child(n+5){display:none}.zsRow.mpHRow>span:nth-child(4){display:block}}
/* Guide › Rules and All commands */
#g-rules ol{font-size:14px}#g-rules ol li{color:var(--text)}#g-rules .guideNote b{color:var(--text)}
.cmdSearch{display:flex;align-items:center;gap:8px;border:1px solid #373f49;border-radius:8px;background:#10151b;padding:0 12px;max-width:360px}.cmdSearch span{color:var(--acid)}.cmdSearch input{flex:1;min-width:0;border:0;background:none;color:var(--text);padding:11px 0;font-size:13px;outline:none}
#cmdNote{margin:10px 0 4px}.cmdGroup{margin-top:18px}.cmdGroup h4{margin:0 0 6px;font:bold 10px monospace;letter-spacing:.12em;text-transform:uppercase;color:#828a95}.cmdGroup.staff h4{color:var(--acid)}
.cmdRow{display:grid;grid-template-columns:minmax(150px,220px) 1fr auto;gap:6px 16px;align-items:baseline;padding:8px 0;border-top:1px solid #1a2028;font-size:13px}.cmdName{display:flex;flex-wrap:wrap;gap:6px}.cmdName code.alias{color:#9aa2ac}
.cmdDesc{color:var(--muted);line-height:1.5}.cmdDesc small{display:block;font:11px monospace;color:#6c7580;margin-top:2px}.cmdLvl{font:bold 9px monospace;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--acid);border:1px solid #3d4a1f;border-radius:5px;padding:2px 6px;white-space:nowrap}
@media(max-width:700px){.cmdRow{grid-template-columns:1fr auto}.cmdDesc{grid-column:1/-1}.cmdSearch{max-width:none}}
/* The game chips outgrew one row at laptop widths: the server count wraps under them instead of off the page. */.servers .toolbar{flex-wrap:wrap}#serverSummary{margin-left:auto}

/* Live player names (servers rows + home cards): readable chips, staff level tags, team colours. */
.serverWho{gap:6px;margin-top:10px;font:600 13px Arial,sans-serif}
.pChip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 10px;border:1px solid #2b333d;border-radius:6px;background:#171d25;line-height:1.25}
.serverWho .pChip{color:var(--text)}.pChip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pChip>span i{font-style:normal}
.serverWho a.pChip:hover{border-color:#5a6470;background:#1d242e;color:#fff}
.pChip small{font:10px monospace;color:#8f96a0}
.lvTag{font:normal bold 9px monospace;letter-spacing:.08em;padding:2px 5px;border-radius:3px;color:var(--c);background:color-mix(in srgb,var(--c) 15%,transparent);-webkit-text-fill-color:currentColor}
.pChip.lvTrusted{--c:#4fe3f0}.pChip.lvModerator{--c:#6f9bff}.pChip.lvAdmin{--c:#ff9f43}.pChip.lvSeniorAdmin{--c:#ff6b6b}.pChip.lvOwner,.pChip.lvCreator{--c:var(--acid)}
.serverWho .pChip[class*=" lv"]{border-color:color-mix(in srgb,var(--c) 45%,#2b333d)}
.liveTeams{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;align-items:start}
.teamCol>b{display:flex;align-items:center;gap:7px;margin-bottom:7px;font:bold 10px monospace;letter-spacing:.14em}
.teamCol>b span{padding:1px 6px;border-radius:3px;background:#1b222b;color:#c4cad2}
.teamCol>div{display:flex;flex-wrap:wrap;gap:6px}.teamNone{font:10px monospace;color:#6f7782}
.teamCol.t0>b{color:#6fa8ff}.teamCol.t1>b{color:var(--orange)}
.serverWho .tm-allies{border-left:3px solid #6fa8ff}.serverWho .tm-axis{border-left:3px solid var(--orange)}
@media(max-width:540px){.liveTeams{grid-template-columns:1fr}}
.serverInfo,.liveTeams,.teamCol{min-width:0}@media(max-width:540px){.serverWho .pChip small{display:none}.serverWho{font-size:12px}.pChip{padding:4px 8px}}
@media(max-width:540px){.serverRow{grid-template-columns:auto 1fr}.serverRow .joinBox{grid-column:1/-1;flex-direction:row;min-width:0}.serverRow .joinBox>*{flex:1}.serverRow .joinBox:empty{display:none}}
/* MP board on phones, sorted by something other than performance: that column replaces performance. */@media(max-width:1000px){.leaderTable.lbMp.mpAlt .lbRow{grid-template-columns:40px minmax(0,1fr) 48px 92px}.lbMp.mpAlt .lbRow>span[data-k=perf]{display:none}.lbMp.mpAlt .lbRow>span[data-k].on{display:block!important;text-align:right}}
#mpSortSel{display:none}@media(max-width:1000px){#mpSortSel:not([hidden]){display:block;width:100%;max-width:none}}
.lbMp .lbHead>span[data-k=seen]{font-size:9px!important;color:#78818c!important}
/* Easter eggs: one full-width card per map, 1P-4P always in the same four columns. */
.grid.eeGrid{grid-template-columns:1fr}.eeGrid .card .map{height:120px}
.eeGrid .slots{grid-template-columns:repeat(4,minmax(0,1fr))}.eeGrid .slot,.eeGrid .slot:nth-child(2n){border-right:1px solid var(--line)}.eeGrid .slot:nth-child(4n){border-right:0}
.eeGrid .empty{min-height:58px}.eeNone{padding:14px;border-bottom:1px solid var(--line);color:#7d8590;font-size:13px}
@media(max-width:1000px){.eeGrid .slots{grid-template-columns:repeat(2,minmax(0,1fr))}.eeGrid .slot:nth-child(2n){border-right:0}}
@media(max-width:540px){.eeGrid .slots{grid-template-columns:1fr}.eeGrid .slot{border-right:0!important}.eeGrid .slot.none{display:none}}
.installHow{margin:4px 0 6px;color:var(--text);font-size:13px;line-height:1.55}.installHow b{color:var(--acid)}@media(max-width:540px){.appBtn{display:none}}@media print{.appBtn{display:none}}
.installIntro{margin:6px 0 10px;color:var(--muted);font-size:13px;line-height:1.5}
.eeGrid .slot.na{background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(255,255,255,.018) 8px 16px)}.eeGrid .slot.na .empty{color:#5d6570;font-size:12px}.eeGrid .slot.na .slotHead span{color:#4a525c}.eeMin{font:bold 9px monospace;letter-spacing:.1em;color:#8f96a0;border:1px solid #333b45;border-radius:4px;padding:2px 6px}.eeHead .eeTag{margin-left:auto}
/* Shep level (progress.js): chips by names, profile level card + map completion, Levels board */
.lvChip{display:inline-flex;align-items:stretch;height:16px;margin-right:6px;border:1px solid #3d4a2a;border-radius:4px;overflow:hidden;font:900 9.5px/14px monospace;letter-spacing:0;vertical-align:1px;flex:none}
.lvChip .lv{min-width:14px;padding:0 4px;text-align:center;background:#0d1109;color:var(--acid)}.lvChip.pres{border-color:#8d6c1c}
.lvChip .pr{display:inline-flex;align-items:center;gap:2px;padding:0 3px 0 1px;background:linear-gradient(180deg,#f7dd7d,#c9971f);color:#2a1c02}.lvChip .pr svg{display:block;flex:none}
.lvCard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center}
.lvEmbWrap{display:grid;place-items:center}.lvEmb{display:block;flex:none}
.lvTop{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}.lvTop b{font-size:26px;letter-spacing:-.03em}
.lvRank{font:800 11px monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--acid)}
.lvPres{font:800 10px monospace;letter-spacing:.12em;text-transform:uppercase;color:#f2c94c;border:1px solid rgba(242,201,76,.5);border-radius:999px;padding:2px 8px}
.lvXp{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;margin:12px 0 7px;font:12px monospace;color:var(--muted);font-variant-numeric:tabular-nums}.lvXp b{color:var(--text)}
.lvBar{height:8px;background:#1c232c;border-radius:99px;overflow:hidden}.lvBar i{display:block;height:100%;background:var(--acid);border-radius:99px}
.lvHow{margin-top:10px;font:11px monospace;color:#6c7580}.lvHow a{color:var(--acid)}
.lvGames{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.lvGames button{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:none;color:var(--text);text-align:left}
.lvGames button.active{border-color:rgba(214,255,63,.55);background:rgba(214,255,63,.06)}
.lvGames button span{display:grid;min-width:0}.lvGames b{font-size:14px}.lvGames small{font:10px monospace;color:#828a95}
.lvMapGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.lvMap{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:16/9;max-width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;overflow:hidden;isolation:isolate}
.lvMap[hidden]{display:none}
.lvMap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.lvMap::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,9,12,.1) 25%,rgba(7,9,12,.92))}
.lvMap b{font-size:13px;line-height:1.2}.lvMap small{font:10px monospace;color:#aab2bc}
.lvMap.un{border-style:dashed}.lvMap.un img{filter:grayscale(1) brightness(.45)}.lvMap.un b{color:#9098a3}
.lvMap:hover,.lvMap:focus-visible{border-color:rgba(214,255,63,.6)}
.lvStars{position:absolute;top:8px;right:8px;display:flex;gap:2px}.lvStars svg{width:14px;height:14px}
.leaderTable.lbLv .lbRow{grid-template-columns:44px minmax(160px,1fr) minmax(170px,230px) repeat(3,minmax(64px,96px))}
.lbLv .lvCell{display:flex!important;align-items:center;justify-content:flex-end;gap:7px}.lbLv .lvCell b{color:var(--text);font-size:15px}
.lbLv .lvCell small{margin:0!important;font:10px monospace!important;color:#828a95!important;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1000px){.leaderTable.lbLv .lbRow{grid-template-columns:34px minmax(0,1fr) 54px 72px;padding:10px 12px}
.lbLv .lbRow>span[data-k=level]{display:flex!important}.lbLv .lvCell small,.lbLv .lbRow>span[data-k=games],.lbLv .lbRow>span[data-k=maps]{display:none!important}}
@media(max-width:700px){.lvCard{grid-template-columns:1fr;justify-items:start}.lvGames{grid-template-columns:repeat(2,minmax(0,1fr))}.lvMapGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Achievements (progress.js) */
.achCats{flex-wrap:wrap;margin-bottom:12px}@media(max-width:540px){.achCats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}.achCats::-webkit-scrollbar{display:none}.achCats button{flex:none}}
.achGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.achGrid.collapsed .achCard:nth-child(n+13){display:none}
.achCard{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#0f141a}
.achCard[hidden]{display:none}
.achMedal{display:block;flex:none}
.achBody{display:grid;gap:2px;min-width:0}.achBody b{font-size:13.5px}.achDesc{margin:0;font-size:12px;color:#9098a3;line-height:1.35;white-space:normal}
.achMeta{display:flex;justify-content:space-between;gap:8px;margin-top:4px;font:10px monospace;color:#6c7580}
.achMeta em{font-style:normal;color:var(--acid)}.achMeta i{font-style:normal;white-space:nowrap}
.achCard.locked{background:#0b0f13}.achCard.locked .achMedal{filter:grayscale(1);opacity:.35}.achCard.locked b{color:#9098a3}.achCard.locked .achMeta em{color:#9098a3}
.achCard.achSecret{border-style:dashed}.achCard.achSecret .achMedal{opacity:.55}.achCard.achSecret b{font-style:italic}
.achBar{height:4px;margin-top:6px}
.achFoot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px}.achFoot small{font:10.5px monospace;color:#6c7580}
.leaderTable.lbLv .lbRow{grid-template-columns:44px minmax(160px,1fr) minmax(170px,230px) repeat(3,minmax(64px,110px))}
@media(max-width:1000px){.lbLv .lbRow>span[data-k=ach]{display:none!important}}
/* Weekly challenges (progress.js) */
.chalStrip{padding-top:0;padding-bottom:40px}.chalStrip[hidden]{display:none}
.chalStrip .heading small{font:11px monospace;color:var(--muted)}
.chalCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.chCard{display:grid;gap:8px;align-content:start;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.chCard b{font-size:17px;line-height:1.25;letter-spacing:-.02em}.chCard small{font:11px monospace;color:var(--muted)}.chCard small em{font-style:normal;color:var(--acid);font-weight:800}
.chTier{font:800 9px monospace;letter-spacing:.14em;text-transform:uppercase}
.chCard.easy .chTier{color:#7ee787}.chCard.medium .chTier{color:#f2c94c}.chCard.hard .chTier{color:var(--orange)}
.chCard.done{border-color:rgba(214,255,63,.45);background:linear-gradient(180deg,rgba(214,255,63,.07),transparent 70%),var(--panel)}
.chBar{height:5px}
.chComm{margin-top:12px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:grid;gap:10px}
.chCommTop{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;font:12px monospace;color:var(--muted)}.chCommTop b{color:var(--text);font-size:18px;font-family:Arial,sans-serif}
.chCommBar{position:relative;height:10px;background:#1c232c;border-radius:99px}.chCommBar i{display:block;height:100%;background:var(--acid);border-radius:99px}
.chCommBar em{position:absolute;top:-3px;width:4px;height:16px;margin-left:-2px;border-radius:2px;background:#5d6570}.chCommBar em.on{background:var(--acid)}
.chCommMs{display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap;font:10.5px monospace;color:#6c7580}.chCommMs .on{color:var(--acid)}
.chalFoot{margin:10px 0 0;font:11px monospace;color:var(--muted)}
.lvChal .chalCards{margin-bottom:0}
@media(max-width:800px){.chalCards{grid-template-columns:1fr}}
/* Online now (online.js) */
.onDot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 3px rgba(61,220,132,.18);margin-left:6px;vertical-align:middle;font-style:normal}
.ppOnline{flex-basis:100%;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border:1px solid rgba(61,220,132,.35);background:rgba(61,220,132,.06);border-radius:10px;font-size:13px}
.ppOnline .onDot{margin:0;animation:onPulse 2s ease-in-out infinite}.ppOnline b{color:#3ddc84}.ppOnline .join{margin-left:auto;padding:8px 12px;border-color:#3ddc84;color:#3ddc84}
@keyframes onPulse{50%{box-shadow:0 0 0 6px rgba(61,220,132,0)}}@media (prefers-reduced-motion:reduce){.ppOnline .onDot{animation:none}}
/* Levels board: with "This month" showing, the summary gets its own row so the filters don't squeeze */
.leaderTools:has(#leaderPeriod [data-lvonly]:not([hidden]))>#leaderSummary{grid-column:1/-1;text-align:left}
.ppOnline{order:99}.ppOnline span{flex:1 1 180px;min-width:0;white-space:normal;overflow:visible;text-overflow:clip}

/* Supporter extras (/profile in Discord) */
.ppSupHead{background:linear-gradient(90deg,color-mix(in srgb,var(--supAcc) 13%,transparent),transparent 62%);box-shadow:inset 4px 0 0 var(--supAcc)}
.ppNameWrap{display:flex;flex-direction:column;gap:4px;min-width:0}
.ppSupTitle{font-size:15px;font-weight:600;font-style:italic;color:var(--supAcc);letter-spacing:.01em;overflow-wrap:anywhere}
.ppShowGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ppShowcase .achCard{border-color:color-mix(in srgb,var(--supAcc) 55%,var(--line));box-shadow:0 0 18px color-mix(in srgb,var(--supAcc) 16%,transparent)}
@media(max-width:760px){.ppShowGrid{grid-template-columns:1fr}.ppNameWrap{flex:1 1 100%}.ppNameWrap h1{flex-wrap:wrap}}
.supWall{margin-top:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:26px 28px}
.supWallTop h2{margin:6px 0 4px}.supWallTop p{margin:0 0 18px;color:var(--muted,#9aa1ab)}
.supWallGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.supWallItem{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--supAcc) 40%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--supAcc) 9%,transparent),transparent);color:inherit;text-decoration:none;min-width:0}
.supWallItem:hover{border-color:var(--supAcc)}
.supWallName{font-weight:700;font-size:15px;display:flex;align-items:center;gap:6px;min-width:0}
.supWallName>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.supWallItem small{color:var(--supAcc);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.supWallNone{color:var(--muted,#9aa1ab);margin:0}
@media(max-width:540px){.supWall{padding:20px 16px}}
/* Multiplayer (mp.js, 22 Oct 2026) */
.mpSec{border-top:1px solid var(--line)}.mpSec .lvCard{margin-bottom:14px}
.mpTiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:0 0 12px}
.mpTile{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:11px monospace;color:#828a95}
.mpTile b{flex-basis:100%;font:bold 11px monospace;letter-spacing:.14em;color:var(--acid)}.mpTile em{font:bold 18px Arial,sans-serif;color:var(--text);font-style:normal;margin-right:3px}
.mpWeapons{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px}.mpWeapons small{font:bold 10px monospace;letter-spacing:.14em;color:#828a95;margin-right:4px}
.mpWeapons span{border:1px solid var(--line);border-radius:999px;padding:4px 10px;font:bold 11px monospace}.mpWeapons em{font-style:normal;color:var(--acid);margin-left:4px}
.mpCols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px}@media(max-width:820px){.mpCols{grid-template-columns:1fr}}
.mpSec h4{margin:4px 0 8px;font:bold 10px monospace;letter-spacing:.14em;color:#828a95}.mpSec h4 span{font-weight:normal}
.mpMatchRow{all:unset;box-sizing:border-box;display:grid;grid-template-columns:44px minmax(0,1fr) 42px 64px;gap:10px;align-items:center;width:100%;padding:8px;border-bottom:1px solid #1a2028;border-radius:8px;cursor:pointer}
.mpMatchRow:hover,.mpMatchRow:focus-visible{background:#161c24}.mpMatchRow .m{font-weight:bold;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mpMatchRow .m small{display:block;font:10px monospace;color:#828a95;font-weight:normal;margin-top:2px}
.mpMode{display:inline-grid;place-items:center;min-width:40px;height:26px;border:1px solid var(--line);border-radius:6px;font:bold 9px monospace;letter-spacing:.06em;color:var(--acid)}
.mpMvp{font:bold 9px monospace;letter-spacing:.08em;color:#0b0d10;background:var(--acid);border-radius:4px;padding:3px 5px;font-style:normal;justify-self:start}
.mpKd{text-align:right;font-variant-numeric:tabular-nums}.mpKd b{font-size:17px}.mpKd small{display:block;font:9px monospace;color:#828a95}
.mpRivals{display:grid;grid-template-columns:1fr;gap:14px;align-content:start}.mpRivals small{display:block;font:bold 10px monospace;letter-spacing:.14em;color:#828a95;margin:4px 0 6px}
.mpRiv{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #1a2028}.mpRiv em{font:bold 14px monospace;font-style:normal;color:var(--acid)}
.mpAch{margin-top:16px}.mpAnon{color:#c9d0d8;font-size:12px;font-weight:bold}.mpAnon small{font:9px monospace;color:#69727c}
.mpDlg{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:1px solid var(--line);border-radius:16px;background:#0f1318;color:var(--text)}
.mpDlg::backdrop{background:#000b}.mpDlgHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}
.mpDlgHead h2{margin:4px 0;font-size:24px}.mpDlgHead small{font:11px monospace;color:#828a95}.mpDlgClose{border:1px solid var(--line);background:none;color:var(--text);border-radius:8px;padding:6px 10px}
.mpSb{padding:8px 20px 4px}.mpSb h4{display:flex;justify-content:space-between;margin:14px 0 4px;font:bold 11px monospace;letter-spacing:.12em;color:var(--acid)}.mpSb h4 span{color:#828a95}
.mpSbRow{display:grid;grid-template-columns:minmax(0,1fr) 70px 44px 52px 52px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #1a2028;font-variant-numeric:tabular-nums;text-align:right}
.mpSbRow>:first-child{text-align:left;min-width:0}.mpSbRow.bot{opacity:.55}.mpSbHead{font:bold 9px monospace;letter-spacing:.1em;color:#828a95;text-transform:uppercase}
.mpDlgNote{margin:8px 20px 16px;font:10px monospace;color:#828a95}
.mpLvT .lbRow{grid-template-columns:44px minmax(160px,1fr) minmax(150px,210px) repeat(4,minmax(56px,90px))}
.mpLvT .lvCell{display:flex!important;align-items:center;justify-content:flex-end;gap:7px}.mpLvT .lvCell b{font-size:15px}
.mpLvT .lvCell small{font:10px monospace;color:#828a95;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.mpLvT .lbRow{grid-template-columns:34px minmax(0,1fr) 54px 72px;padding:10px 12px}.mpLvT .lbRow>span:nth-child(n+5),.mpLvT .lvCell small{display:none!important}}
.mpRecGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;padding:12px}
.mpRecCard{border:1px solid var(--line);border-radius:12px;background:#12171d;overflow:hidden}.mpRecCard header{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
.mpRecCard header small{display:block;font:10px monospace;color:#828a95;margin-top:2px}.mpRecCols{display:grid;grid-template-columns:1fr 1fr}.mpRecCols>div{padding:10px 14px;min-width:0}.mpRecCols>div+div{border-left:1px solid var(--line)}
.mpRecCols h5{margin:0 0 6px;font:bold 9px monospace;letter-spacing:.12em;color:#828a95}.mpRecLine{display:flex;align-items:center;gap:8px;padding:4px 0;min-width:0}
.mpRecLine .player{min-width:0;flex:1}.mpRecN{font:10px monospace;color:#69727c;width:10px}
.mpRecV{all:unset;cursor:pointer;margin-left:auto;font:bold 15px Arial,sans-serif;color:var(--acid);white-space:nowrap}.mpRecV small{font:9px monospace;color:#828a95;margin-left:3px}.mpRecV:hover{text-decoration:underline}
.mpAwGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:12px}
.mpAwCard{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:12px;background:#12171d;padding:16px}.mpAwCard>b{font-size:30px;color:var(--acid);line-height:1}
.mpAwCard>small{font:10px monospace;color:#828a95;letter-spacing:.06em;text-transform:uppercase}.mpAwWho .player{font-size:15px}
.mpH2h small{color:var(--acid)!important}
.bansTools{grid-template-columns:minmax(220px,420px) 1fr}.bansTools>span{text-align:right;font:10px monospace;color:#8f96a0;letter-spacing:.08em}
.bansList{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0f1318}
.banRow{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,1.6fr) 120px 120px;gap:12px;align-items:center;padding:11px 16px;border-bottom:1px solid #1a2028;font-size:13px}
.banHead{font:bold 9px monospace;letter-spacing:.12em;color:#828a95;text-transform:uppercase}.banWhy{color:#c9d0d8}.banPerm{color:#e57373;font-weight:bold}
@media(max-width:700px){.banRow{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}.banRow .banWhy{grid-column:1/-1;order:3;font-size:12px;color:#9098a3}.banRow>span:nth-child(3){display:none}.banHead{display:none}.bansTools{grid-template-columns:1fr}.bansTools>span{text-align:left}}
.leaderTools:has(#mpView:not([hidden]))>#leaderSummary{grid-column:1/-1;text-align:left}
.mpAch .achMeta i{display:none}.mpRecModes{padding:12px 12px 0;flex-wrap:wrap}