.rankings-page{max-width:1480px;margin-inline:auto;padding:22px 26px;min-width:0;color:var(--flat-text,#eef2ff)}
.rankings-page [hidden]{display:none!important}.ranking-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:12px 0 22px}.ranking-hero h1{font-size:28px;line-height:1.25;margin:4px 0 9px}.ranking-hero p{color:var(--flat-muted,#a3afc9);font-size:13px;margin:0;line-height:1.6}.ranking-hero .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:8px}.ranking-summary{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px;font-size:11px;color:var(--flat-muted,#a3afc9)}.ranking-summary strong{font-weight:500;color:var(--flat-text,#eef2ff)}
.ranking-import,.ranking-sources button,.ranking-segment button,.ranking-toolbar>button,.ranking-search button,.ranking-result-head button,.ranking-pagination button{font:inherit;font-size:11px;border:1px solid var(--flat-line,#b6c5ff24);border-radius:9px;background:var(--glass-interactive);color:var(--flat-text,#eef2ff);padding:9px 12px;cursor:pointer;text-decoration:none;white-space:nowrap}.ranking-import{margin-top:4px}.ranking-sources{display:flex;gap:7px;margin-bottom:17px}.ranking-sources button{font-size:10px;padding:7px 10px}.ranking-sources [aria-pressed=true],.ranking-segment [aria-pressed=true]{background:var(--glass-selected);color:var(--flat-accent,#b6c5ff);border-color:var(--flat-accent,#b6c5ff)}
.ranking-controls{margin-bottom:15px;min-width:0}.ranking-filters{display:grid;grid-template-columns:110px minmax(140px,1fr) minmax(210px,1.4fr) minmax(145px,1fr) auto;gap:10px;align-items:end}.ranking-filters label,.ranking-faction{display:grid;gap:6px;min-width:0;font-size:10px;color:var(--flat-muted,#a3afc9)}.ranking-filters select,.ranking-search input{width:100%;min-width:0;box-sizing:border-box;height:38px;border:1px solid var(--flat-line,#b6c5ff24);border-radius:9px;background:var(--glass-interactive);color:var(--flat-text,#eef2ff);font:inherit;font-size:11px;padding:8px 11px}.ranking-filters select{padding-right:25px;text-overflow:ellipsis}.ranking-segment{display:flex;min-width:0;gap:3px;background:var(--glass-secondary);padding:3px;border:1px solid var(--flat-line,#b6c5ff24);border-radius:10px}.ranking-segment button{flex:1;border-color:transparent;background:transparent;padding:7px 10px;border-radius:7px}.ranking-faction .ranking-segment{height:38px;box-sizing:border-box}.ranking-faction .ranking-segment button{padding:5px 9px}
.ranking-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:12px}.ranking-search{display:flex;gap:6px;min-width:240px;flex:1;margin-left:auto}.ranking-search input{flex:1;width:130px}.ranking-search button{background:var(--glass-interactive)}.ranking-search button:disabled{opacity:.55;cursor:wait}.ranking-search-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ranking-discovery-status{font-size:11px;line-height:1.6;color:var(--flat-muted,#a3afc9);margin:12px 0 0}.ranking-discovery-status:empty{display:none}
.ranking-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.ranking-stats>div{display:grid;gap:9px;padding:16px;background:var(--glass-secondary);border:1px solid var(--flat-line,#b6c5ff24);border-radius:12px}.ranking-stats small{font-size:10px;color:var(--flat-muted,#a3afc9)}.ranking-stats strong{font-size:22px;color:var(--flat-accent,#b6c5ff)}
.ranking-results{min-width:0}.ranking-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;font-size:10px;color:var(--flat-muted,#a3afc9)}.ranking-result-head p{margin:0}.ranking-result-head>div{display:flex;align-items:center;gap:10px}.ranking-result-head button{padding:5px 9px;font-size:17px}.ranking-result-head [data-state=waiting],.ranking-result-head [data-state=stale]{color:#e7bd77}.ranking-coverage{padding:12px 15px;border:1px solid var(--flat-line,#b6c5ff24);border-left:2px solid var(--flat-accent,#b6c5ff);border-radius:10px;background:var(--glass-secondary);font-size:11px;color:var(--flat-muted,#a3afc9);line-height:1.6;margin:4px 0 15px}
.ranking-table-scroll{overflow-x:auto;max-width:100%;overscroll-behavior-inline:contain}.ranking-table-scroll table{border-collapse:separate;border-spacing:0 6px;width:100%;min-width:850px;text-align:left;font-size:12px}.ranking-table-scroll th{font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:500;color:var(--flat-muted,#a3afc9);padding:8px 13px}.ranking-table-scroll td{padding:12px 13px;background:var(--glass-secondary);border-block:1px solid var(--flat-line,#b6c5ff20)}.ranking-table-scroll td:first-child{border-left:1px solid var(--flat-line,#b6c5ff20);border-radius:10px 0 0 10px}.ranking-table-scroll td:last-child{border-right:1px solid var(--flat-line,#b6c5ff20);border-radius:0 10px 10px 0}.ranking-table-scroll tr:hover td{background:var(--glass-hover)}.ranking-table-scroll tr[data-podium='1'] td{border-color:#d1ac5755;background:var(--glass-secondary)}.ranking-table-scroll tr[data-podium='2'] td{border-color:#b7c2da40}.ranking-table-scroll tr[data-podium='3'] td{border-color:#c58b5a40}.ranking-position{width:32px;text-align:center;font-weight:750;color:var(--flat-accent,#b6c5ff)}.ranking-person{min-width:170px}.ranking-person>span{display:inline-grid;vertical-align:middle;gap:3px}.ranking-person strong{font-size:12px}.ranking-person .ranking-class-badge{display:inline-flex;align-items:center;justify-content:center;width:37px;height:42px;margin-right:11px;border-radius:9px;background:var(--flat-raised,#222d44);color:var(--flat-accent,#b6c5ff);font-size:10px;overflow:hidden}.ranking-class-badge img{width:100%;height:100%;object-fit:cover}.ranking-person small,.ranking-realm small{display:block;font-size:10px;color:var(--flat-muted,#a3afc9);margin-top:3px}.ranking-person .ranking-mobile-realm{display:none}.ranking-realm strong{font-size:11px;font-weight:500}.ranking-number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.ranking-score{font-weight:750;color:var(--flat-accent,#b6c5ff)}.ranking-date{font-size:10px;color:var(--flat-muted,#a3afc9);white-space:nowrap}.ranking-favorite-cell{width:26px;text-align:center}.ranking-favorite-cell button{border:0;background:transparent;color:var(--flat-muted,#a3afc9);font-size:22px;cursor:pointer;padding:2px 4px}.ranking-favorite-cell [aria-pressed=true]{color:#e3bd68}.ranking-empty{padding:45px 18px;text-align:center;font-size:12px;color:var(--flat-muted,#a3afc9);line-height:1.7}.ranking-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:11px;color:var(--flat-muted,#a3afc9)}.ranking-pagination button:disabled{opacity:.4;cursor:default}
@media(max-width:1250px){.ranking-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.ranking-faction{grid-column:1/3}.ranking-faction .ranking-segment{width:max-content}.ranking-toolbar{gap:8px}.ranking-search{min-width:280px}}
@media(max-width:750px){.rankings-page{padding:16px 14px}.ranking-hero{padding:8px 0 18px;gap:12px;flex-direction:column}.ranking-hero h1{font-size:24px}.ranking-hero p{font-size:12px}.ranking-import{display:none}.ranking-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ranking-faction{grid-column:1/-1}.ranking-faction .ranking-segment{width:100%}.ranking-toolbar{display:grid;grid-template-columns:1fr auto;align-items:center}.ranking-toolbar>[data-ranking-metric-field],.ranking-toolbar>[data-ranking-collection-field],.ranking-search{grid-column:1/-1}.ranking-toolbar>[data-ranking-collection-field]{grid-column:1}.ranking-toolbar>button{grid-column:2}.ranking-search{min-width:0;margin:0;width:100%}.ranking-segment button{padding:8px;font-size:10px}.ranking-search button{font-size:10px;padding:8px}.ranking-summary{font-size:10px}.ranking-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-coverage{font-size:10px;padding:11px}.ranking-result-head{font-size:9px}.ranking-result-head p{max-width:70%;line-height:1.5}.ranking-result-head>div>span{display:none}.ranking-table-scroll table{min-width:0;table-layout:auto}.ranking-table-scroll :is(th,td){padding:11px 6px}.ranking-table-scroll :is(th,td):nth-child(3),.ranking-table-scroll :is(th,td):nth-child(6),.ranking-table-scroll .ranking-gear,.ranking-table-scroll [data-ranking-gear-heading]{display:none}.ranking-person{min-width:0;overflow-wrap:anywhere}.ranking-person strong{font-size:11px;white-space:normal}.ranking-person .ranking-class-badge{display:none}.ranking-person .ranking-mobile-realm{display:block;font-size:9px}.ranking-position{width:20px}.ranking-score{font-size:11px}.ranking-favorite-cell{width:20px}.ranking-favorite-cell button{font-size:21px}.rankings-page[data-ranking-source=characters][data-ranking-metric=gear] .ranking-score,.rankings-page[data-ranking-source=characters][data-ranking-metric=gear] [data-ranking-score-heading]{display:none}.rankings-page[data-ranking-source=characters][data-ranking-metric=gear] .ranking-gear,.rankings-page[data-ranking-source=characters][data-ranking-metric=gear] [data-ranking-gear-heading]{display:table-cell}.ranking-table-scroll th{font-size:8px;letter-spacing:0}.ranking-person small{font-size:9px}}
/* Keep the ranking's compact controls and table independent of generic studio panels. */
html body.orb-studio #main-content.rankings-page :is(.ranking-filters,.ranking-toolbar,.ranking-summary){background:transparent!important;box-shadow:none!important}
html body.orb-studio #main-content.rankings-page .ranking-table-scroll{position:relative!important;min-width:0!important;overflow-x:auto!important;max-width:100%!important}
html body.orb-studio #main-content.rankings-page table{border-collapse:separate!important;border-spacing:0 6px!important;background:transparent!important}
html body.orb-studio #main-content.rankings-page :is(th,td){background:var(--glass-secondary)!important;padding:12px 13px!important}
html body.orb-studio #main-content.rankings-page th{background:transparent!important}
html body.orb-studio #main-content.rankings-page .ranking-number{text-align:right!important}
html body.orb-studio #main-content.rankings-page .ranking-position{text-align:center!important}
html body.orb-studio #main-content.rankings-page tr[data-podium='1'] td{background:var(--glass-secondary)!important;border-color:#d1ac5755!important}
html body.orb-studio #main-content.rankings-page tr[data-podium='2'] td{background:var(--glass-secondary)!important;border-color:#b7c2da40!important}
html body.orb-studio #main-content.rankings-page tr[data-podium='3'] td{background:var(--glass-secondary)!important;border-color:#c58b5a40!important}
html body.orb-studio #main-content.rankings-page .ranking-favorite-cell button{background:transparent!important;border:0!important;box-shadow:none!important;padding:2px 4px!important;min-width:0!important;min-height:0!important;font-size:22px!important}
@media(max-width:750px){html body.orb-studio #main-content.rankings-page :is(th,td){padding:11px 6px!important}}
@media(max-width:750px){
.ranking-toolbar{grid-template-columns:minmax(0,1fr) auto!important;min-width:0}
.ranking-toolbar>[data-ranking-metric-field]{grid-column:1;grid-row:1;min-width:0}
.ranking-toolbar>[data-ranking-collection-field]{grid-column:1/-1;grid-row:2;min-width:0}
.ranking-toolbar>.ranking-stats-toggle{grid-column:2;grid-row:1}
.ranking-toolbar>.ranking-search{grid-row:3}
html body.orb-studio #main-content.rankings-page .ranking-segment button{min-width:0!important;white-space:normal!important;font-size:10px!important;padding:7px 8px!important;line-height:1.3!important}
}
.ranking-sources{flex-wrap:wrap}