.leaderboard-mode-nav,.leaderboard-period-nav{flex-wrap:wrap;gap:.45rem;display:flex}.leaderboard-panel{background:var(--color-surface,#fff);border-radius:1.25rem;margin-top:2rem;overflow:hidden;box-shadow:0 .55rem 1.2rem #17211b14}.leaderboard-header,.leaderboard-row{grid-template-columns:3.25rem minmax(0,1fr) 5.5rem;align-items:center;gap:.75rem 1rem;padding:.95rem 1.15rem;display:grid}.leaderboard-header{border-bottom:1px solid color-mix(in srgb, var(--color-ink,#17211b) 8%, transparent);letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted,#5f6d64);font-size:.72rem;font-weight:700}.leaderboard-header-value,.leaderboard-value{text-align:right;font-variant-numeric:tabular-nums}.leaderboard-list{margin:0;padding:0;list-style:none}.leaderboard-row{border-bottom:1px solid color-mix(in srgb, var(--color-ink,#17211b) 6%, transparent);font-size:.98rem}.leaderboard-row:last-child{border-bottom:none}.leaderboard-rank{font-variant-numeric:tabular-nums;color:var(--color-brand-700,#145a2f);font-weight:800}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.leaderboard-value{font-weight:800}.leaderboard-row.is-viewer{background:color-mix(in srgb, var(--color-brand-600,#1b6d3b) 8%, transparent)}.leaderboard-divider{border-top:1px dashed color-mix(in srgb, var(--color-ink,#17211b) 14%, transparent);border-bottom:1px dashed color-mix(in srgb, var(--color-ink,#17211b) 14%, transparent);background:color-mix(in srgb, var(--color-canvas,#f6f3ec) 72%, transparent);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted,#5f6d64);justify-content:center;align-items:center;padding:.55rem 1rem;font-size:.72rem;font-weight:700;display:flex}.leaderboard-empty{text-align:center;color:var(--color-muted,#5f6d64);padding:2rem 1.15rem}@media (min-width:640px){.leaderboard-header,.leaderboard-row{grid-template-columns:4rem minmax(0,1fr) 6.5rem;padding-inline:1.35rem}}