#leaderboard-view{min-width:0}
#leaderboard-view .leaderboard-intro,#leaderboard-view .leaderboard-note,#leaderboard-view label,#leaderboard-view select,#leaderboard-view input,#leaderboard-view button{font:.85rem/1.5 system-ui,sans-serif}
.leaderboard-intro,.leaderboard-note{color:var(--muted)}
.leaderboard-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin:1rem 0}
.leaderboard-controls input[type=search]{width:16rem;max-width:100%}
.leaderboard-controls input[type=search],.leaderboard-tools select,.leaderboard-controls button,.leaderboard-paging button{border:1px solid var(--line);background:#171612;color:var(--ivory);padding:.45rem .65rem;border-radius:0}
.leaderboard-controls button,.leaderboard-paging button{cursor:pointer}
.leaderboard-controls button:hover,.leaderboard-paging button:hover{border-color:var(--gold)}
.leaderboard-controls button:disabled,.leaderboard-paging button:disabled{opacity:.4;cursor:default}
#leaderboard-view .leaderboard-anchors{margin:1.1rem 0 1.2rem}
.leaderboard-widget{margin:1rem 0;scroll-margin-top:7rem}
.leaderboard-widget>summary h2{flex:1;min-width:0;font:800 1rem/1.3 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;margin:0;color:var(--gold)}
.leaderboard-leader{display:inline-flex;align-items:center;gap:.45rem;min-width:0;font:.8rem/1.4 system-ui,sans-serif;color:var(--muted);text-align:right}
.leaderboard-summary-portrait{flex:0 0 28px;width:28px;height:28px;object-fit:cover;object-position:top;border:1px solid var(--line);background:#151511}
#leaderboard-view .leaderboard-summary-name,#leaderboard-view .leaderboard-name{color:var(--character-color,var(--ivory));font:inherit;font-weight:800}
#leaderboard-view .leaderboard-summary-value{font:inherit;color:var(--muted);white-space:nowrap}
.leaderboard-tools{display:flex;justify-content:flex-end}
.leaderboard-row{display:grid;grid-template-columns:3.2rem 40px minmax(0,1fr) auto;align-items:center;gap:.7rem;min-width:0;border:1px solid var(--line);padding:.55rem .7rem;color:var(--ivory);text-decoration:none;background:rgba(10,10,9,.5);font:.85rem/1.5 system-ui,sans-serif}
.leaderboard-row:hover,.leaderboard-row:focus-visible{border-color:var(--gold);background:rgba(201,162,75,.07)}
.leaderboard-rows{display:grid;gap:.4rem}
.leaderboard-portrait{object-fit:cover;object-position:top;background:#151511;border:1px solid var(--line)}
.leaderboard-name{min-width:0;overflow-wrap:anywhere}.leaderboard-value,.leaderboard-rank{font-variant-numeric:tabular-nums;color:var(--gold);white-space:nowrap}
#leaderboard-view .leaderboard-value{font:inherit!important;font-weight:800!important}
.leaderboard-gm{display:inline-block;margin-left:.5rem;border:1px solid var(--line);padding:0 .25rem;font:inherit;color:var(--muted)}
.leaderboard-paging{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;font:.8rem/1.5 system-ui,sans-serif;color:var(--muted)}
@media(max-width:600px){.leaderboard-widget>summary{flex-wrap:wrap}.leaderboard-widget>summary h2{flex-basis:65%;font-size:.88rem}.leaderboard-widget>summary .leaderboard-leader{order:4;flex-basis:100%;text-align:left;padding-left:1.8rem}.leaderboard-row{grid-template-columns:2.1rem 32px minmax(0,1fr) auto;gap:.4rem;padding:.5rem;font-size:.78rem}.leaderboard-portrait{width:32px;height:32px}.leaderboard-controls label{max-width:100%}}