.rank-page{padding-bottom:40px}
.rank-lang{display:flex;gap:0;margin-left:auto;border:1px solid #52432c}
.rank-lang button{border:0;background:none;padding:6px 8px;color:#8f8573;font-size:10px;letter-spacing:.8px}
.rank-lang button[aria-pressed="true"]{color:#f0e2c4;background:#2a2418}
.rank-updated{margin:0;font-size:11px;color:#9a8b72}
.rank-phase{margin:8px 0 0;max-width:760px;color:#e7ddc8;font-size:15px;line-height:1.5}
.rank-status{min-height:1.4em;font-size:12px;color:#cbb892}
.rank-status.is-error{color:#e7b8a5}
.rank-filters{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:flex-end;margin:6px 0 16px}
.rank-tabs{display:flex;gap:0;border-bottom:1px solid #52432c}
.rank-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:0 0 10px;margin-right:18px;color:#8f8573;font-size:13px}
.rank-tabs button[aria-selected="true"]{color:#d7c092;border-bottom-color:#c4a366}
.rank-tabs button:hover:not(:disabled){background:none;color:#e8d7b1}
.rank-level{font-size:10px;letter-spacing:.4px;color:#8d8476}
.rank-level select{display:block;margin-top:6px;min-width:88px}
.rank-milestones{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.rank-milestones button{padding:6px 10px;font-size:11px;background:#1c1a16;border-color:#4a4030;color:#cbb892}
.rank-milestones button[aria-current="true"]{border-color:#c4a366;color:#f0e2c4}
.rank-records,.rank-board,.rank-notes{margin:0 0 28px}
.rank-records h2,.rank-board h2,.rank-notes h2{font:22px var(--serif);color:#e7ddc8;font-weight:400;margin:0 0 12px}
.rank-notes p{max-width:760px;color:#ab9a7f;font-size:13px;line-height:1.7}
.record-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.record-card{background:#181714;border:1px solid #3e3527;padding:12px 14px}
.record-card span{display:block;font-size:9px;letter-spacing:1px;color:#a19072}
.record-card strong{display:block;margin-top:6px;font:16px var(--serif);font-weight:400;color:#e7ddc8;overflow-wrap:anywhere}
.record-card small{color:#928b7d}
.rank-table{width:100%;border-collapse:collapse}
.rank-table th,.rank-table td{text-align:left;padding:11px 12px;border-bottom:1px solid #3e3323;vertical-align:top}
.rank-table th{font-size:10px;letter-spacing:.6px;color:#c0a373;font-weight:500}
.rank-table td{font-size:13px;color:#d4cbb8}
.rank-table .who small{display:block;color:#928b7d;font-size:11px}
.rank-table tr.podium td{background:#221e17}
.rank-table tr.podium-1 td{box-shadow:inset 2px 0 #c4a366}
.life{font-size:12px;color:#cbb892}
.life.dead{color:#d7b0a4}
.empty-copy{color:#ab9a7f;font-size:14px;line-height:1.6;margin:8px 0 0}
.retry{margin-top:10px}
@media(max-width:720px){
.rank-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.rank-table,.rank-table tbody,.rank-table tr,.rank-table td{display:block;width:100%}
.rank-table tr{border:1px solid #3e3527;margin:0 0 10px;padding:8px 0;background:#181714}
.rank-table td{display:flex;justify-content:space-between;gap:16px;border:0;padding:6px 12px}
.rank-table td::before{content:attr(data-label);color:#8d8476;font-size:10px;letter-spacing:.4px}
.rank-table .who{display:block}
.rank-table .who::before{display:block;margin-bottom:4px}
}