/* Scoped to the approved leaderboard overview, not ranking detail pages. */
.leader-compact .leader-shell {padding-top:24px;padding-bottom:40px}
.leader-compact .leader-hero {grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:24px;padding:24px;background:var(--ui-surface)}
.leader-compact .leader-hero h1 {font-size:32px;line-height:1.25;letter-spacing:-.025em;max-width:none;display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.leader-compact .leader-hero h1 span {font-size:13px;letter-spacing:.06em}
.leader-compact .leader-hero > div > p:last-child {font-size:13px;line-height:1.6;margin:10px 0 0;max-width:none}
.leader-compact .leader-hero-note {align-self:center;border:0;border-left:1px solid var(--ui-border);border-radius:0;padding:0 0 0 24px;background:none}
.leader-compact .leader-hero-note strong {display:inline;font-size:13px;margin-left:10px}
.leader-compact .leader-hero-note p {font-size:12px;margin-top:8px}
.leader-compact .leader-controls {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;padding:24px;margin-top:16px}
.leader-compact .leader-control-group {min-width:0}
.leader-compact .leader-scope-group {grid-column:1/-1;order:2}
.leader-compact .leader-controls .ui-tabs {border:0;background:transparent;padding:0;gap:12px;overflow:visible}
.leader-compact .leader-controls .ui-tab {border:1px solid var(--ui-border);border-radius:8px;margin:0;min-height:48px;box-shadow:none;transform:none}
.leader-compact .leader-controls .ui-tab.is-active {border-color:var(--leader-accent)}
.leader-compact .leader-controls .ui-tab:hover {border-color:var(--leader-accent);box-shadow:0 2px 6px color-mix(in srgb,var(--leader-accent) 15%,transparent)}
.leader-compact .leader-controls button:active:not(:disabled) {filter:brightness(.88);transform:translateY(1px)}
.leader-compact .leader-controls button:focus-visible {outline:2px solid var(--leader-accent);outline-offset:3px}
.leader-compact .leader-filter-grid {grid-template-columns:repeat(3,minmax(0,1fr)) minmax(230px,.95fr);gap:16px;align-items:end}
.leader-compact .leader-filter-actions {display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.leader-compact .leader-filter-actions button {margin:0;min-height:46px;width:100%;padding:10px 12px;font-size:13px;white-space:normal;border-radius:8px}
.leader-compact .leader-filter-grid .ui-input {min-height:46px;height:46px}
.leader-compact .leader-summary {margin:26px 0 16px;gap:20px;align-items:center}
.leader-compact .leader-summary h2 {font-size:24px;line-height:1.4}
.leader-compact .leader-summary .leader-kicker {display:none}
.leader-compact .leader-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.leader-compact .leader-card {display:flex;flex-direction:column}
.leader-compact .leader-card-head {padding:16px;min-height:76px;gap:8px}
.leader-compact .leader-card-head h3 {font-size:17px;line-height:1.4}
.leader-compact .leader-card-code {font-size:10px;padding-top:4px}
.leader-compact .leader-top-ten {padding:4px 10px 8px;flex:1}
.leader-compact .leader-row {min-height:52px;grid-template-columns:27px minmax(0,1fr) auto;gap:8px}
.leader-compact .leader-player {white-space:normal;overflow-wrap:anywhere}
.leader-compact .leader-player small {display:block;margin:3px 0 0;font-size:11px}
.leader-compact .leader-value {font-variant-numeric:tabular-nums}
.leader-compact .leader-card-foot {padding:12px 16px 16px}
.leader-compact .full-ranking {margin-top:24px;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:16px 24px;align-items:start}
.leader-compact .full-ranking h2 {font-size:24px;line-height:1.4}
.leader-compact .full-ranking .leader-kicker {display:none}
.leader-compact .ranking-toolbar {margin:0;display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0}
.leader-compact .ranking-toolbar p {margin:0;text-align:right}
.leader-compact .ranking-search {width:100%}
.leader-compact .ranking-table-wrap {grid-column:1/-1;min-width:0}
.leader-compact .ranking-table {min-width:740px}
.leader-compact .ranking-table th:nth-child(n+4),.leader-compact .ranking-table td:nth-child(n+4) {text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.leader-compact .ranking-table td {height:52px}
.leader-compact .leader-card:hover {transform:none}
@media(max-width:1100px){
.leader-compact .leader-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.leader-compact .leader-filter-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
.leader-compact .leader-filter-actions {grid-column:1/-1;justify-self:end;width:280px}
.leader-compact .leader-hero {grid-template-columns:minmax(0,1fr) 260px}
}
@media(max-width:760px){
.leader-compact .leader-hero {grid-template-columns:1fr;padding:20px;gap:16px}
.leader-compact .leader-hero h1 {font-size:28px}
.leader-compact .leader-hero-note {padding:14px 0 0;border-left:0;border-top:1px solid var(--ui-border)}
.leader-compact .leader-controls {grid-template-columns:1fr;padding:18px;gap:20px}
.leader-compact .leader-controls .ui-tabs {gap:10px}
.leader-compact .leader-scope-group {order:2}
.leader-compact .leader-filter-grid {grid-template-columns:1fr}
.leader-compact .leader-filter-actions {width:100%}
.leader-compact .leader-grid {grid-template-columns:1fr}
.leader-compact .leader-summary h2 {font-size:21px}
.leader-compact .full-ranking {grid-template-columns:1fr;padding:18px;gap:16px}
.leader-compact .full-ranking h2 {font-size:21px}
.leader-compact .ranking-toolbar p {text-align:left}
}