.rank-medal--1{--medal-face:#f5c542;--medal-rim:#fde68a;--medal-ribbon-a:#b45309;--medal-ribbon-b:#92400e;--medal-ink:#4a2c00}.rank-medal--2{--medal-face:#c9d2dd;--medal-rim:#eef2f7;--medal-ribbon-a:#64748b;--medal-ribbon-b:#475569;--medal-ink:#33404f}.rank-medal--3{--medal-face:#d08a4e;--medal-rim:#f0b47c;--medal-ribbon-a:#7c4a1e;--medal-ribbon-b:#5f3714;--medal-ink:#40200a}.rank-medal.is-muted{--medal-face:var(--n-5);--medal-rim:var(--n-6);--medal-ribbon-a:var(--e3-bg);--medal-ribbon-b:var(--surface-2);--medal-ink:var(--n-8)}.rank-medal__disc{fill:var(--medal-face)}.rank-medal__rim{fill:none;stroke:var(--medal-rim);stroke-width:2px}.rank-medal__inner{fill:none;stroke:var(--medal-rim);stroke-width:1px;opacity:.5}.rank-medal__ribbon-a{fill:var(--medal-ribbon-a)}.rank-medal__ribbon-b{fill:var(--medal-ribbon-b)}.rank-medal__numeral{fill:var(--medal-ink);font-family:var(--display-font);font-size:8px;font-weight:700}.rank-medal__shine{fill:none;stroke:#ffffff80;stroke-width:1.2px;stroke-linecap:round}.leaderboard-page{padding:2rem 0 3.5rem}.leaderboard-page__head{text-align:center;max-width:620px;margin:0 auto 2rem}.leaderboard-page__title{font-family:var(--display-font);font-size:var(--fs-2xl);margin-bottom:.5rem}.leaderboard-page__desc{color:var(--text-secondary)}.leaderboard-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.leaderboard-tabs__btn{border-radius:var(--radius-pill);border:1px solid var(--border-color);background:var(--surface);color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer;transition:var(--transition);padding:.55rem 1.2rem;font-weight:600}.leaderboard-tabs__btn:hover{color:var(--text-primary);border-color:var(--accent-line)}.leaderboard-tabs__btn.is-active{color:var(--lhi-accent-fg);background:var(--gradient-primary);border-color:#0000}.leaderboard-mycard{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.5rem}.leaderboard-mycard--skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);background-size:200% 100%;height:auto;min-height:min(10.5rem,30dvh);animation:1.5s infinite skeleton-shimmer}.leaderboard-mycard__level{margin-bottom:1.25rem}.leaderboard-mycard__level-label{margin-bottom:.5rem;font-weight:700;display:block}.leaderboard-mycard__bar{border-radius:var(--radius-pill);background:var(--surface-2);height:8px;margin-bottom:.4rem;overflow:hidden}.leaderboard-mycard__bar-fill{background:var(--gradient-primary);border-radius:var(--radius-pill);height:100%;transition:width var(--dur-3) var(--ease-out)}.leaderboard-mycard__xp{font-size:var(--fs-xs);color:var(--text-muted)}.leaderboard-mycard__stats{border-top:1px solid var(--border-color);grid-template-columns:repeat(2,1fr);gap:1rem;padding-top:1.25rem;display:grid}.leaderboard-mycard__stat{text-align:center}@container pane (width<=30rem){.leaderboard-mycard__stats{grid-template-columns:1fr;gap:.75rem}.leaderboard-mycard__stat{text-align:left}}.leaderboard-mycard__stat-value{font-size:var(--fs-xl);color:var(--accent);font-weight:700}.leaderboard-mycard__stat-value i{font-size:.85em}.leaderboard-mycard__stat-label{font-size:var(--fs-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.leaderboard-mycard__badges{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.leaderboard-badge{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:var(--fs-xs);align-items:center;gap:.4rem;padding:.4rem .8rem;font-weight:600;display:inline-flex}.leaderboard-podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:1.25rem;margin-bottom:2rem;display:grid}.leaderboard-podium__card{text-align:center;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;align-items:center;padding:2rem 1rem 1.5rem;display:flex;position:relative}.leaderboard-podium__card.is-rank-1{background:linear-gradient(180deg, #facc1514, var(--surface) 60%);border-color:#facc1566;order:2;padding-top:2.75rem}.leaderboard-podium__card.is-rank-2{order:1}.leaderboard-podium__card.is-rank-3{order:3}.leaderboard-podium__card.is-me{border-color:var(--accent-line);box-shadow:0 0 0 1px var(--accent-line)}.leaderboard-podium__medal{filter:drop-shadow(0 2px 6px #00000073);line-height:0;position:absolute;top:1rem}.leaderboard-podium__avatar{background:var(--gradient-primary);width:56px;height:56px;color:var(--lhi-accent-fg);border-radius:50%;place-items:center;margin-bottom:.85rem;font-weight:700;display:grid}.leaderboard-podium__name{margin-bottom:.25rem;font-weight:600}.leaderboard-podium__xp{color:var(--accent);font-weight:700;font-size:var(--fs-lg)}.leaderboard-podium__level{font-size:var(--fs-xs);color:var(--text-muted)}.leaderboard-list{flex-direction:column;gap:.5rem;list-style:none;display:flex;container:lbList/inline-size}.leaderboard-list__row{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);grid-template-columns:2.5rem 2.25rem minmax(6rem,1fr) auto auto;align-items:center;gap:.6rem .85rem;padding:.75rem 1rem;display:grid}.leaderboard-list__name{text-overflow:ellipsis;min-width:0;overflow:hidden}.leaderboard-list__xp{font-variant-numeric:tabular-nums}@container lbList (width<=34rem){.leaderboard-list__row{grid-template-columns:2.25rem 2.25rem minmax(0,1fr) auto}.leaderboard-list__level{display:none}}@container lbList (width<=26rem){.leaderboard-list__row{grid-template-columns:1.75rem 2rem minmax(0,1fr) auto}}.leaderboard-list__row.is-me{border-color:var(--accent-line);background:var(--accent-soft)}.leaderboard-list__rank{color:var(--text-muted);font-weight:700}.leaderboard-list__avatar{background:var(--surface-2);width:2.25rem;height:2.25rem;font-size:var(--fs-xs);border-radius:50%;place-items:center;font-weight:700;display:grid}.leaderboard-list__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.leaderboard-list__level{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap}.leaderboard-list__xp{color:var(--accent);white-space:nowrap;font-weight:700}.leaderboard-skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);background-size:200% 100%;height:auto;min-height:min(20rem,45dvh);animation:1.5s infinite skeleton-shimmer}.leaderboard-back{justify-content:center;margin-top:2.5rem;display:flex}@container pane (width<=48rem){.leaderboard-mycard__stats{gap:.5rem}}@container pane (width<=40rem){.leaderboard-podium{grid-template-columns:1fr}.leaderboard-podium__card.is-rank-1,.leaderboard-podium__card.is-rank-2,.leaderboard-podium__card.is-rank-3{order:initial;padding-top:1.5rem}}