.ranks-page{padding-top:36px;--board-color:#5bd46a;color:#ecedee}
.ranks-page[data-provider=mcsr]{--board-color:#b798f5}.ranks-page[data-provider=pvphq]{--board-color:#f1af69}
.ranks-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}
.ranks-hero>div{max-width:560px}.ranks-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#8be695;font:12px Silkscreen,monospace;letter-spacing:.04em}.ranks-eyebrow:before{content:'';width:6px;height:6px;background:#5bd46a;flex:none}
.ranks-page .materials-heading{margin:0}.ranks-page .materials-heading h1{font:600 44px/1 Geist,sans-serif;letter-spacing:-.035em}.ranks-page .ranks-intro{font-size:16px;line-height:1.5;margin:12px 0 0;color:#9a9ca3}
.ranks-page .ranks-search{display:flex;align-items:center;gap:10px;flex:0 1 320px;min-width:220px;height:42px;margin:0;padding:0 12px;border:1px solid #2c2e34;background:#191a1d;color:#8a8d95}.ranks-search:focus-within{outline:2px solid #5bd46a;outline-offset:3px}.ranks-search input{width:100%;min-width:0;height:100%;background:transparent;border:0;border-radius:0;padding:0;outline:0;color:#ecedee;font:14px Geist,sans-serif;box-shadow:none}.ranks-search input::placeholder{color:#8a8d95}
.ranks-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ranks-page .ranks-providers{margin-bottom:24px;gap:12px}.ranks-page .ranks-provider{--tab-color:#5bd46a;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:110px;padding:16px 18px;text-align:start;border:1px solid #24262b;background:#17181b;box-shadow:none;color:#ecedee}.ranks-page .ranks-provider[data-ranks-provider=mcsr]{--tab-color:#b798f5}.ranks-page .ranks-provider[data-ranks-provider=pvphq]{--tab-color:#f1af69}.ranks-page .ranks-provider[aria-pressed=true]{background:#1c1d21;box-shadow:inset 0 0 0 1px var(--tab-color);border-color:var(--tab-color)}.ranks-page .ranks-provider strong{font-size:18px;color:#ecedee;letter-spacing:-.01em}.ranks-provider-label{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0}.ranks-provider-bar{width:24px;height:4px;background:var(--tab-color)}.ranks-provider-kind{font:10px Silkscreen,monospace;letter-spacing:.04em;color:#8a8d95}.ranks-tab-leader{display:flex;align-items:center;gap:10px;min-width:0}.ranks-tab-leader-text{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:0}.ranks-tab-leader small{font:10px Silkscreen,monospace;color:#8a8d95}.ranks-tab-leader-text>span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:#d5d7db}.ranks-tab-leader img{width:36px;height:36px;flex:none;image-rendering:pixelated}
.ranks-podium{position:relative;margin-bottom:24px;background:#17181b;border:1px solid #24262b;overflow:hidden}.ranks-podium:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(#000,transparent 85%);pointer-events:none}.ranks-podium-players{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,220px));justify-content:center;align-items:end;gap:20px;padding:32px 32px 0;direction:ltr}.ranks-podium-player{display:flex;flex-direction:column;align-items:center;min-width:0;color:#ecedee;--medal:#c9d1da}.ranks-podium-player[data-rank="1"]{--medal:#f5c04a}.ranks-podium-player[data-rank="3"]{--medal:#e0915a}.ranks-podium-body{width:auto;max-width:100%;height:160px;object-fit:contain;margin-bottom:-4px;position:relative;image-rendering:pixelated;filter:drop-shadow(0 10px 10px #0008)}.ranks-podium-player[data-rank="1"] .ranks-podium-body{height:190px}.ranks-podium-step{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;height:118px;padding:14px 12px 0;background:#202226;box-shadow:inset 0 4px var(--medal),inset -4px 0 #0003,inset 4px 0 #ffffff0a;box-sizing:border-box}.ranks-podium-player[data-rank="1"] .ranks-podium-step{height:150px}.ranks-podium-player[data-rank="3"] .ranks-podium-step{height:96px}.ranks-podium-place{font:26px/1 Silkscreen,monospace;color:var(--medal)}.ranks-podium-step strong{max-width:100%;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranks-podium-value{font:13px 'Geist Mono',monospace;color:#9a9ca3;white-space:nowrap}.ranks-podium-player:hover strong{color:#8be695}.ranks-grass{position:relative;height:20px;background:linear-gradient(#5bd46a 0 6px,#45a853 6px 9px,#7a5434 9px)}
.ranks-page .ranks-panel{background:#17181b;border-color:#24262b}.ranks-panel-header{padding:16px 20px;border-bottom:1px solid #24262b;gap:16px}.ranks-panel-header>div:first-child{position:relative;padding-inline-start:22px;display:flex;flex-wrap:wrap;column-gap:8px;max-width:100%}.ranks-panel-header>div:first-child:before{content:'';position:absolute;inset-inline-start:0;top:6px;width:10px;height:10px;background:var(--board-color)}.ranks-panel-header h2{order:-1;width:100%;font-size:17px;margin:0 0 4px}.ranks-overall{font:12px Geist,sans-serif;text-transform:none;letter-spacing:0;color:#8a8d95}#ranks-result-count{font-size:12px;color:#8a8d95}#ranks-result-count:not(:empty):before{content:'· ';}.ranks-tools{align-items:center}.ranks-tools label{flex-direction:row;align-items:center;gap:8px}.ranks-tools select,.ranks-tools button{background:#1f2125;font-size:12px;height:38px;min-height:38px;border-color:#2f3137}.ranks-status{padding-top:16px}.ranks-search-empty{padding:32px 20px;text-align:center;color:#8a8d95;font-size:14px}
.ranks-table th{font:11px Silkscreen,monospace;letter-spacing:.04em;padding:10px 20px;border-top:0;border-color:#24262b}.ranks-table th:first-child{width:64px}.ranks-table th:nth-child(2){width:216px}.ranks-table th:nth-child(3){width:120px;text-align:end}.ranks-table td{padding:10px 20px;border-bottom:1px solid #1f2125}.rank-position{font:15px Silkscreen,monospace}.rank-player{gap:12px}.rank-player strong{font-size:15px;font-weight:600}.rank-avatar{border-radius:0}.rank-score{font:600 15px 'Geist Mono',monospace;text-align:end}.rank-score small{font:10px/1.5 Geist,sans-serif}.ranks-table tbody tr:hover{background:#1c1d21}
.ranks-page .rank-kits{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.ranks-page .rank-kit{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:5px;min-height:26px;min-width:0;padding:3px 6px 3px 4px;border:1px solid #2a2c31;border-radius:0;background:#1f2125;box-shadow:none;white-space:nowrap}.ranks-page .rank-kit .mcpvp-kit-name{display:flex;gap:4px;font:500 11px 'Geist Mono',monospace;color:#c5c7cc}.ranks-page .rank-kit .mcpvp-kit-name>span:last-child{white-space:nowrap}.ranks-page .rank-kit .mcpvp-kit-name img{width:16px;height:16px}.ranks-page .rank-kit-icons img+img{margin-inline-start:-6px}.ranks-page .rank-kit .mcpvp-tier-badge{display:inline;min-width:0;width:auto;height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font:600 11px 'Geist Mono',monospace;color:var(--tier-color,#9a9ca3)}
.ranks-page .rank-kit[data-tier-code*="1"]{--tier-color:#f5c04a}.ranks-page .rank-kit[data-tier-code*="2"]{--tier-color:#b798f5}.ranks-page .rank-kit[data-tier-code*="3"]{--tier-color:#8be695}.ranks-page .rank-kit[data-tier-code*="4"]{--tier-color:#85bfff}.ranks-page .rank-kit[data-tier-code*="5"]{--tier-color:#aaaeb8}.rank-country{color:#9a9ca3}.ranks-pagination{justify-content:space-between;padding:14px 20px;gap:8px}.ranks-pagination button{height:34px;min-height:34px;padding:0 12px;background:transparent;font-size:12px}.ranks-pagination #ranks-page{border:1px solid #2c2e34;padding:8px 12px;color:#ecedee;font:12px 'Geist Mono',monospace}.ranks-meta a{color:#8be695}
.ranks-page [hidden]{display:none!important}
@media(max-width:1100px){.ranks-tab-leader-text{display:none}.ranks-table th:nth-child(2){width:190px}.ranks-table th:nth-child(3){width:105px}.ranks-table :is(th,td){padding-inline:12px}}
@media(max-width:900px){.ranks-hero{align-items:stretch;flex-wrap:wrap}.ranks-search{flex-basis:100%;max-width:100%}.ranks-table tr{grid-template-columns:56px minmax(0,1fr) 110px}.ranks-table th:first-child,.ranks-table th:nth-child(2),.ranks-table th:nth-child(3){width:auto}.ranks-table td{padding-block:12px}.ranks-table td:nth-child(4){padding:0 16px 14px 72px}.ranks-table thead{border-top:1px solid #24262b}.ranks-table th{border:0}.ranks-page .ranks-providers{gap:10px}.ranks-page .ranks-provider{padding:14px 12px}.ranks-page .ranks-provider strong{font-size:16px}.ranks-tab-leader{display:none!important}}
@media(max-width:600px){.ranks-page{padding-top:28px}.ranks-page .materials-heading h1{font-size:36px}.ranks-page .ranks-intro{font-size:14px}.ranks-page .ranks-providers{gap:6px}.ranks-page .ranks-provider{padding:12px 8px;min-height:94px}.ranks-page .ranks-provider strong{font-size:13px}.ranks-provider-kind{font-size:8px;letter-spacing:0}.ranks-provider-label{gap:9px}.ranks-podium-players{gap:8px;padding:24px 12px 0}.ranks-podium-body{height:120px}.ranks-podium-player[data-rank="1"] .ranks-podium-body{height:145px}.ranks-podium-step{padding:12px 5px 0}.ranks-podium-step strong{font-size:11px}.ranks-podium-value{font-size:10px}.ranks-podium-place{font-size:22px}.ranks-panel-header{padding:16px 12px}.ranks-tools{gap:8px}.ranks-tools label{font-size:10px}.ranks-tools select,.ranks-tools button{padding-inline:9px}.ranks-table tr{grid-template-columns:40px minmax(0,1fr) 84px}.ranks-table :is(th,td){padding-inline:9px}.rank-player{gap:8px}.rank-player strong{font-size:12px}.rank-score{font-size:13px}.rank-position{font-size:13px}.ranks-table td:nth-child(4){padding:0 10px 12px}.ranks-pagination{padding:14px 10px}.ranks-pagination button{padding-inline:10px}.ranks-pagination #ranks-page{padding-inline:8px}}
/* Keep version, kit and refresh aligned as one stable control row. */
.ranks-page .ranks-tools{display:grid;grid-template-columns:112px 170px auto;align-items:end;flex-wrap:nowrap;max-width:100%;min-width:0}
.ranks-page .ranks-tools label{display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:6px}
.ranks-page .ranks-tools label>span{white-space:nowrap}
.ranks-page .ranks-tools select{width:100%;min-width:0;box-sizing:border-box}
.ranks-page .ranks-tools button{white-space:nowrap}
@media(max-width:760px){
 .ranks-page .ranks-panel-header{align-items:stretch;flex-direction:column}
 .ranks-page .ranks-tools{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto}
}