.ranking-results-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0;font-size:11px;color:var(--color-text-secondary)}
.ranking-method-button{white-space:nowrap;min-height:32px;font-size:11px!important;flex:none}
.ranking-tier-inline{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
.ranking-tier-inline .tier-badge{width:24px;height:24px;font-size:11px;flex:none}
.ranking-method-dialog{width:min(760px,calc(100% - 24px));max-width:760px;max-height:85dvh;padding:0 22px 22px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);color:var(--color-text);font-family:inherit;overflow:auto}
.ranking-method-dialog::backdrop{background:rgba(0,0,0,.6)}
.ranking-method-head{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:0;background:var(--color-surface);padding:16px 0 10px;z-index:1}
.ranking-method-head h2{font-size:20px;line-height:1.3;margin:0}
.ranking-method-family{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--color-text-secondary);margin:6px 0 16px}
.ranking-method-family select{min-width:0;min-height:40px;border:1px solid var(--color-border);border-radius:8px;padding:8px 12px;background:var(--color-surface);color:var(--color-text);font:inherit}
.ranking-method-body h3{font-size:13px;font-weight:750;margin:20px 0 7px}
.ranking-method-body p,.ranking-method-body li{font-size:12px;line-height:1.75;color:var(--color-text-secondary);margin:8px 0}
.ranking-method-body .ranking-method-lead{color:var(--color-text)}
.pal-ranking-panel .base-ranking-options{margin-bottom:3px}
.pal-ranking-panel .base-rank-search{margin-bottom:12px}
@media(max-width:1000px), (max-height:500px){
 .base-ranking-panel>.base-ranking-tabs{margin-bottom:4px!important}
 .base-ranking-panel .base-ranking-primary{margin-bottom:4px}
 .base-ranking-panel .base-ranking-primary .base-rank-field{gap:3px}
 .base-ranking-panel .base-ranking-primary select{min-height:36px;padding-block:7px}
 #page[data-route="tiers"]:has(.pal-ranking-panel)>.collection-tabs{display:none}
 #page[data-route="tiers"]:has(.pal-ranking-panel)>.page-heading{margin-bottom:4px;gap:8px}
 #page[data-route="tiers"]:has(.pal-ranking-panel)>.page-heading h1{font-size:24px;letter-spacing:-.5px}
 .ranking-method-dialog{padding-inline:14px;max-height:90dvh}.ranking-method-head h2{font-size:18px}
 .ranking-method-family{gap:8px}.ranking-method-family select{flex:1}
 .ranking-results-heading{font-size:10px}.ranking-method-button{font-size:10px!important}
}
@media(max-width:380px){#page[data-route="tiers"]:has(.pal-ranking-panel)>.page-heading h1{font-size:22px}#page[data-route="tiers"]:has(.pal-ranking-panel) .base-mobile-tier select{width:auto;max-width:100%}}