.leaderboard-page{display:grid;gap:var(--space-8);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0)}.leaderboard-intro{display:grid;gap:var(--space-3);max-width:42rem}.leaderboard-intro h1{font-family:var(--font-display);font-size:var(--text-heading-md);font-weight:600;color:var(--ink);margin:0;line-height:1.25}.leaderboard-intro p{margin:0;color:var(--ink-muted);font-size:var(--text-body-md);line-height:1.55}.leaderboard-period-note{font-size:var(--text-body-sm);color:var(--ink-muted);margin:0}.leaderboard-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);border-bottom:1px solid var(--border);padding-bottom:var(--space-3)}.leaderboard-tab{appearance:none;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;color:var(--ink-muted);text-decoration:none;cursor:pointer}.leaderboard-tab:hover{color:var(--ink);background:var(--surface-muted)}.leaderboard-tab[aria-current=page]{color:var(--ink);border-color:var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.leaderboard-top-section{display:grid;gap:var(--space-3)}.leaderboard-top-three{display:grid;gap:var(--space-4);grid-template-columns:1fr;list-style:none;margin:0;padding:0}@media (min-width:768px){.leaderboard-top-three{grid-template-columns:1.15fr 1fr 1fr;align-items:stretch}.leaderboard-top-card--1,.leaderboard-top-card--2,.leaderboard-top-card--3{order:0}}.leaderboard-top-card{position:relative;padding:var(--space-5);display:grid;gap:var(--space-2);border:1px solid var(--border);background:var(--surface);justify-items:start}.leaderboard-top-card--1{border-color:color-mix(in srgb,var(--challenges) 35%,var(--border));box-shadow:var(--shadow-sm)}.leaderboard-top-medal{font-size:var(--text-body-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);margin:0}.leaderboard-top-medal-short{display:none}.leaderboard-top-username{font-family:var(--font-display);font-size:var(--text-heading-sm);font-weight:600;color:var(--ink);margin:0;word-break:break-word;overflow-wrap:anywhere;min-width:0;max-width:100%}.leaderboard-top-meta{margin:0;font-size:var(--text-body-sm);color:var(--ink-muted);min-width:0;max-width:100%}.leaderboard-meta-sep{margin-inline:.35em}.leaderboard-title-text{overflow-wrap:anywhere}.leaderboard-top-xp{margin:0;font-size:var(--text-body-md);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.leaderboard-xp-unit{font-weight:500;color:var(--ink-muted);font-size:.85em}.leaderboard-avatar{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--border);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:600;color:var(--ink-muted);line-height:1}.leaderboard-avatar--top{width:2.25rem;height:2.25rem}.leaderboard-personal{display:grid;gap:var(--space-3);padding:var(--space-5)}.leaderboard-personal-title{margin:0;font-family:var(--font-display);font-size:var(--text-heading-sm);font-weight:var(--font-weight-heading,700);color:var(--ink)}.leaderboard-personal-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr}@media (min-width:640px){.leaderboard-personal-grid{grid-template-columns:repeat(3,1fr)}}.leaderboard-personal-stat{display:grid;gap:var(--space-1);min-width:0}.leaderboard-personal-label{margin:0;font-size:var(--text-body-sm);color:var(--ink-muted)}.leaderboard-personal-value{margin:0;font-size:var(--text-body-md);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.leaderboard-personal-note{margin:0;font-size:var(--text-body-sm);color:var(--ink-muted)}.leaderboard-rankings{display:grid;gap:var(--space-3);min-width:0}.leaderboard-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.leaderboard-table{width:100%;border-collapse:collapse;min-width:36rem}.leaderboard-table td,.leaderboard-table th{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border);font-size:var(--text-body-sm);vertical-align:middle}.leaderboard-table th{font-weight:600;color:var(--ink-muted);background:var(--surface-muted)}.leaderboard-table tbody tr:last-child td{border-bottom:none}.leaderboard-row--you{background:color-mix(in srgb,var(--challenges) 8%,var(--surface));outline:2px solid color-mix(in srgb,var(--challenges) 28%,transparent);outline-offset:-2px}.leaderboard-you-badge{display:inline-block;margin-left:var(--space-2);font-size:var(--text-body-sm);font-weight:600;color:var(--challenges);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.leaderboard-rank{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}.leaderboard-username{font-weight:600;color:var(--ink);word-break:break-word;margin:0;min-width:0}.leaderboard-empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--ink-muted)}.leaderboard-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.leaderboard-pagination-meta{margin:0;font-size:var(--text-body-sm);color:var(--ink-muted)}.leaderboard-pagination-nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.leaderboard-mobile-list{display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.leaderboard-mobile-card{padding:var(--space-4);display:grid;gap:var(--space-2)}.leaderboard-mobile-card--you{border-color:color-mix(in srgb,var(--challenges) 40%,var(--border));background:color-mix(in srgb,var(--challenges) 8%,var(--surface))}.leaderboard-cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}@media (min-width:768px){.leaderboard-mobile-list{display:none}.leaderboard-desktop-table{display:block}.leaderboard-avatar--top{display:none}.leaderboard-intro{order:1}.leaderboard-tabs{order:2}.leaderboard-personal{order:3}.leaderboard-top-section{order:4}.leaderboard-empty,.leaderboard-rankings,.leaderboard-status{order:5}.leaderboard-pagination{order:6}}@media (max-width:767px){.leaderboard-desktop-table{display:none}.leaderboard-page{gap:var(--space-4);padding-block-end:calc(var(--space-8) + env(safe-area-inset-bottom, 0px))}.leaderboard-intro{gap:var(--space-2)}.leaderboard-intro h1{font-size:var(--text-heading-sm);line-height:1.3}.leaderboard-intro>p:not(.leaderboard-period-note){font-size:var(--text-body-sm);line-height:1.45}.leaderboard-period-note{font-size:var(--card-meta-size,.8125rem);line-height:1.4}.leaderboard-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;gap:var(--space-2);padding-bottom:var(--space-2);margin-inline:0;max-width:100%}.leaderboard-tabs::-webkit-scrollbar{display:none}.leaderboard-tab{flex:0 0 auto;white-space:nowrap;min-height:2.75rem;display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);box-shadow:none}.leaderboard-tab[aria-current=page]{box-shadow:none}.leaderboard-personal{padding:var(--card-pad-compact,var(--space-4));gap:var(--space-2)}.leaderboard-personal-title{font-size:var(--text-body-md);font-weight:600}.leaderboard-personal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.leaderboard-personal-label{font-size:var(--card-meta-size,.8125rem)}.leaderboard-personal-value{font-size:var(--text-body-sm)}.leaderboard-personal-note{font-size:var(--card-meta-size,.8125rem);line-height:1.4}.leaderboard-cta-row{gap:var(--space-2)}.leaderboard-cta-row .btn-primary,.leaderboard-cta-row .btn-secondary{min-height:2.75rem}.leaderboard-top-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);align-items:end}.leaderboard-top-card{padding:var(--space-3) var(--space-2);gap:var(--space-1);justify-items:center;text-align:center;min-width:0}.leaderboard-top-card--1{order:2;padding-block:var(--space-4) var(--space-3)}.leaderboard-top-card--2{order:1}.leaderboard-top-card--3{order:3}.leaderboard-top-medal-full{display:none}.leaderboard-top-medal-short{display:inline;font-variant-numeric:tabular-nums}.leaderboard-top-medal{letter-spacing:.02em;font-size:var(--card-meta-size,.8125rem)}.leaderboard-avatar--top{width:1.75rem;height:1.75rem;font-size:var(--card-meta-size,.8125rem)}.leaderboard-top-username{font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:600}.leaderboard-top-meta,.leaderboard-top-username{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.3}.leaderboard-top-meta{font-size:var(--card-meta-size,.8125rem)}.leaderboard-top-card .leaderboard-top-xp{font-size:var(--text-body-sm)}.leaderboard-mobile-card{display:grid;grid-template-columns:2.75rem 2rem minmax(0,1fr) auto;align-items:center;column-gap:var(--space-2);row-gap:0;padding:var(--space-3) var(--card-pad-compact,var(--space-4));min-height:3.25rem}.leaderboard-mobile-card .leaderboard-rank{width:2.75rem;text-align:right;font-size:var(--text-body-sm);line-height:1.2}.leaderboard-mobile-identity{min-width:0;display:grid;gap:.125rem}.leaderboard-mobile-card .leaderboard-username{display:flex;align-items:baseline;gap:var(--space-1);min-width:0}.leaderboard-username-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.leaderboard-mobile-card .leaderboard-you-badge{margin-left:0;font-size:.6875rem;letter-spacing:.03em}.leaderboard-mobile-card .leaderboard-top-meta{font-size:var(--card-meta-size,.8125rem);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-mobile-card .leaderboard-top-xp{justify-self:end;text-align:right;font-size:var(--text-body-sm);line-height:1.2;white-space:nowrap}.leaderboard-mobile-card--you{border-color:color-mix(in srgb,var(--challenges) 36%,var(--border));background:color-mix(in srgb,var(--challenges) 7%,var(--surface));box-shadow:none}.leaderboard-empty{padding:var(--space-6) var(--space-3);font-size:var(--text-body-sm)}.leaderboard-pagination{flex-direction:column;align-items:stretch;gap:var(--space-3)}.leaderboard-pagination-meta{font-size:var(--card-meta-size,.8125rem);line-height:1.4}.leaderboard-pagination-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.leaderboard-pagination-nav .btn-secondary,.leaderboard-pagination-nav a.btn-secondary,.leaderboard-pagination-nav span.btn-secondary{min-height:2.75rem;width:100%;justify-content:center;text-align:center}}@media (max-width:374px){.leaderboard-top-three{gap:var(--space-1)}.leaderboard-top-card{padding:var(--space-2) var(--space-1)}.leaderboard-top-card--1{padding-block:var(--space-3) var(--space-2)}.leaderboard-mobile-card{grid-template-columns:2.25rem 1.75rem minmax(0,1fr) auto;column-gap:var(--space-1);padding-inline:var(--space-3)}.leaderboard-mobile-card .leaderboard-rank{width:2.25rem}.leaderboard-avatar{width:1.75rem;height:1.75rem}.leaderboard-xp-unit{display:none}}.profile-rank-card{display:grid;gap:var(--space-4)}.profile-rank-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr}@media (min-width:640px){.profile-rank-grid{grid-template-columns:repeat(3,1fr)}}.profile-rank-stat label{display:block;font-size:var(--text-body-sm);color:var(--ink-muted);margin-bottom:var(--space-1)}.profile-rank-stat p{margin:0;font-weight:600;color:var(--ink)}.leaderboard-skeleton-personal{min-height:5.5rem}.leaderboard-skeleton-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);align-items:end}.leaderboard-skeleton-podium .lp-skeleton--card:nth-child(2){min-height:5.5rem}.leaderboard-skeleton-podium .lp-skeleton--card:first-child,.leaderboard-skeleton-podium .lp-skeleton--card:nth-child(3){min-height:4.5rem}.leaderboard-skeleton-rows{display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.leaderboard-skeleton-row{display:grid;grid-template-columns:2.75rem minmax(0,1fr) 4.5rem;align-items:center;column-gap:var(--space-2);min-height:3.25rem;padding:var(--space-3) var(--card-pad-compact,var(--space-4));border:1px solid var(--border);border-radius:var(--card-radius,var(--radius-xl));background:var(--surface)}.leaderboard-skeleton-rank{width:100%;max-width:2rem;justify-self:end}.leaderboard-skeleton-name{width:100%;max-width:12rem}.leaderboard-skeleton-xp{width:100%;max-width:4rem;justify-self:end}@media (min-width:768px){.leaderboard-skeleton-podium{grid-template-columns:1.15fr 1fr 1fr;gap:var(--space-4);align-items:stretch}.leaderboard-skeleton-podium .lp-skeleton--card{min-height:7rem}.leaderboard-skeleton-rows{display:none}}