.leaderboards-nav.svelte-8m4suz{width:100%;max-width:min(1400px,100%);margin:0 auto;padding:clamp(24px,4vw,40px) clamp(16px,4vw,32px) 0;box-sizing:border-box}.back-link.svelte-8m4suz{display:inline-flex;align-items:center;gap:var(--space-2, .5rem);color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;padding:var(--space-2, .5rem) var(--space-3, .75rem);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border-subtle);background:var(--color-surface);transition:color .18s ease,border-color .18s ease,background .18s ease}.back-link.svelte-8m4suz:hover{color:var(--color-text-primary);border-color:var(--color-primary);background:var(--color-surface-raised)}.back-arrow.svelte-8m4suz{font-size:1rem;line-height:1}.leaderboard-page.svelte-8m4suz{max-width:700px;margin:0 auto;padding:var(--space-8, 2rem) var(--space-4, 1rem) var(--space-12, 3rem)}.page-header.svelte-8m4suz{text-align:center;margin-bottom:var(--space-6, 1.5rem)}.page-header.svelte-8m4suz h1:where(.svelte-8m4suz){font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--color-text-primary, #fff);margin:0 0 var(--space-4, 1rem)}.toggle-bar.svelte-8m4suz{display:inline-flex;border-radius:10px;overflow:hidden;border:1px solid color-mix(in srgb,currentColor 12%,transparent);margin-bottom:var(--space-3, .75rem)}.toggle-btn.svelte-8m4suz{padding:8px 24px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;color:inherit;opacity:.5;transition:all .15s ease}.toggle-btn.active.svelte-8m4suz{background:var(--color-primary, #a855f7);color:#fff;opacity:1}.toggle-btn.svelte-8m4suz:not(.active):hover{opacity:.8;background:color-mix(in srgb,currentColor 5%,transparent)}.user-position.svelte-8m4suz{font-size:.85rem;opacity:.6;margin:0}.empty-state.svelte-8m4suz{text-align:center;padding:var(--space-12, 3rem) var(--space-4, 1rem);opacity:.5}.empty-icon.svelte-8m4suz{font-size:3rem;margin-bottom:1rem}.empty-state.svelte-8m4suz h2:where(.svelte-8m4suz){margin:0 0 var(--space-2, .5rem)}.empty-state.svelte-8m4suz p:where(.svelte-8m4suz){margin:0}.leaderboard-list.svelte-8m4suz{display:flex;flex-direction:column;gap:4px}.lb-row.svelte-8m4suz{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:10px 14px;border-radius:10px;border:1px solid transparent;transition:background-color .15s ease}.lb-row.svelte-8m4suz:hover{background:color-mix(in srgb,currentColor 3%,transparent)}.lb-row.is-you.svelte-8m4suz{background:color-mix(in srgb,var(--color-primary, #a855f7) 8%,transparent);border-color:color-mix(in srgb,var(--color-primary, #a855f7) 20%,transparent)}.lb-row.top-3.svelte-8m4suz{background:color-mix(in srgb,currentColor 3%,transparent)}.lb-position.svelte-8m4suz{width:40px;text-align:center;flex-shrink:0}.medal.svelte-8m4suz{font-size:1.3rem}.position-num.svelte-8m4suz{font-size:.85rem;font-weight:600;opacity:.5}.lb-avatar.svelte-8m4suz{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar-img.svelte-8m4suz{width:100%;height:100%;object-fit:cover}.avatar-placeholder.svelte-8m4suz{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;background:color-mix(in srgb,var(--color-primary, #a855f7) 15%,transparent);color:var(--color-primary, #a855f7)}.lb-info.svelte-8m4suz{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.lb-name.svelte-8m4suz{font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-rank.svelte-8m4suz{font-size:.7rem;font-weight:500;opacity:.5}.lb-values.svelte-8m4suz{display:flex;align-items:baseline;gap:4px;flex-shrink:0}.value-num.svelte-8m4suz{font-size:1rem;font-weight:800;color:var(--color-primary, #a855f7)}.value-label.svelte-8m4suz{font-size:.6rem;font-weight:600;text-transform:uppercase;opacity:.4}.showing-count.svelte-8m4suz{text-align:center;font-size:.8rem;opacity:.4;margin:var(--space-4, 1rem) 0 0}@media(max-width:480px){.page-header.svelte-8m4suz h1:where(.svelte-8m4suz){font-size:1.5rem}.lb-row.svelte-8m4suz{padding:8px 10px;gap:var(--space-2, .5rem)}.lb-position.svelte-8m4suz{width:32px}.lb-avatar.svelte-8m4suz{width:30px;height:30px}.lb-name.svelte-8m4suz{font-size:.8rem}.value-num.svelte-8m4suz{font-size:.85rem}}