.ranking-phase-picker{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:8px 24px;align-items:center;margin:0 0 24px}
.ranking-phase-picker label{grid-column:1;font-weight:600}
.ranking-phase-picker select{grid-column:1;grid-row:2;width:100%;min-width:0;min-height:48px;font:inherit}
.ranking-phase-picker p{grid-column:2;grid-row:2;margin:0;color:var(--muted);font-size:14px}
.ranking-phase-picker select:focus-visible{outline:2px solid var(--lime,#d5ff44);outline-offset:3px}
.ranking-phase-picker select:disabled{opacity:.65}
.ranking-table{table-layout:fixed;white-space:normal;font-variant-numeric:tabular-nums}
.ranking-table th,.ranking-table td{padding:16px 14px;overflow-wrap:anywhere}
.ranking-table .ranking-rank{width:64px;text-align:center}
.ranking-table .ranking-rating{width:104px;text-align:end}
.ranking-table .ranking-record-cell{width:225px}
.ranking-table .ranking-average{width:115px;text-align:end}
.ranking-table .ranking-profile{width:100%;padding:0;gap:10px}
.ranking-table .ranking-profile>span.ranking-name{min-width:0;overflow-wrap:anywhere}
.ranking-table .ranking-name>small{display:block;font-size:11px;font-weight:400;opacity:.7}
.ranking-table .ranking-profile:focus-visible{outline:2px solid var(--lime,#d5ff44);outline-offset:4px;border-radius:4px}
.ranking-table .ranking-record{display:flex;flex-wrap:wrap;gap:5px 14px;font-size:17px}
.ranking-table .ranking-record>span{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}
.ranking-table .ranking-record b{font-weight:600}
.ranking-table .ranking-record small{font-size:12px;opacity:.7}
.ranking-record-mobile{display:none}
.ranking-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){
 .ranking-table .ranking-record-cell{width:170px}
 .ranking-table .ranking-rating{width:88px}
 .ranking-table .ranking-average{width:95px}
 .ranking-table th,.ranking-table td{padding:14px 10px}
}
@media(max-width:650px){
 .ranking-phase-picker{grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:18px}
 .ranking-phase-picker p{grid-column:1;grid-row:3;font-size:12px}
 .ranking-table{font-size:16px}
 .ranking-table th,.ranking-table td{padding:12px 6px}
 .ranking-table th{font-size:12px}
 .ranking-table .ranking-rank{width:40px}
 .ranking-table .ranking-rating{width:58px}
 .ranking-table .ranking-average{width:64px}
 .ranking-table .ranking-record-cell{display:none}
 .ranking-table .ranking-record-mobile{display:block;margin-top:5px}
 .ranking-table .ranking-record{font-size:13px;gap:2px 9px}
 .ranking-table .ranking-record small{font-size:10px}
 .ranking-table .ranking-profile{gap:6px;min-height:44px}
 .ranking-table .ranking-profile .crest{display:none}
 .ranking-table .ranking-profile .badge-symbol.tiny{width:22px;height:28px}
}