.leaderboard-page{display:grid;gap:var(--space-8)}.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-three{display:grid;gap:var(--space-4);grid-template-columns:1fr}@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)}.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-username{font-family:var(--font-display);font-size:var(--text-heading-sm);font-weight:600;color:var(--ink);margin:0;word-break:break-word}.leaderboard-top-meta{margin:0;font-size:var(--text-body-sm);color:var(--ink-muted)}.leaderboard-top-xp{margin:0;font-size:var(--text-body-md);font-weight:600;color:var(--ink)}.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:600;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)}.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)}.leaderboard-personal-note{margin:0;font-size:var(--text-body-sm);color:var(--ink-muted)}.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}.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}.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-3)}@media (min-width:768px){.leaderboard-mobile-list{display:none}.leaderboard-desktop-table{display:block}}@media (max-width:767px){.leaderboard-desktop-table{display:none}}.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}.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)}