:root{--lb-blue:#1264e8;--lb-ink:#10213e;--lb-muted:#66758b;--lb-line:#dce5f0;--lb-canvas:#f5f8fd;--lb-gold:#c6922f;--lb-silver:#8794a6;--lb-bronze:#a96d43;--lb-green:#168c49}
.leaderboard-preview{overflow:hidden;border:1px solid var(--lb-line);border-radius:12px;background:#fff;color:var(--lb-ink);box-shadow:0 6px 8px rgba(16,33,62,.05)}
.leaderboard-preview__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 26px 14px}.leaderboard-preview__header h2{margin:0!important;color:var(--lb-ink)!important;font-size:1.35rem!important;letter-spacing:-.02em}.leaderboard-preview__header p{margin:4px 0 0;color:var(--lb-muted);font-size:.78rem}.leaderboard-preview__header>span{padding:5px 8px;border-radius:6px;color:#52647b;background:#f0f4f9;font-size:.62rem;font-weight:700}
.leaderboard-preview__tabs{display:flex;gap:30px;margin:0 26px;border-bottom:1px solid var(--lb-line)}.leaderboard-preview__tabs span{padding:9px 0;color:#65748a;font-size:.72rem;font-weight:600}.leaderboard-preview__tabs .is-active{margin-bottom:-1px;border-bottom:2px solid var(--lb-blue);color:var(--lb-blue)}
.leaderboard-preview__podium{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 18px;border-bottom:1px solid var(--lb-line)}.preview-winner{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:2px 10px;padding:0 12px;text-align:left}.preview-winner+*{border-left:1px solid var(--lb-line)}.preview-winner>b{grid-row:1/4;color:var(--lb-silver);font-size:.8rem}.preview-winner>span{display:grid;width:34px;height:34px;grid-row:1/3;place-items:center;border-radius:50%;color:#2e59a2;background:#eaf2ff;font-weight:700}.preview-winner strong,.preview-winner small{grid-column:3}.preview-winner strong{font-size:.72rem}.preview-winner small{color:var(--lb-muted);font-size:.62rem}.preview-winner--gold>b{color:var(--lb-gold)}.preview-winner--gold>span{color:#855d14;background:#fff3d4}.preview-winner--bronze>b{color:var(--lb-bronze)}.preview-winner--bronze>span{color:#86502f;background:#fae9df}
.leaderboard-preview__rows>div{display:grid;grid-template-columns:26px 30px 1fr auto;align-items:center;gap:10px;min-height:48px;padding:7px 26px;border-bottom:1px solid #edf1f6;color:#31425a;font-size:.7rem}.leaderboard-preview__rows b{font-variant-numeric:tabular-nums}.preview-avatar,.table-avatar{display:grid;place-items:center;border-radius:50%;color:#315da6;background:#eaf2ff;font-weight:700}.preview-avatar{width:28px;height:28px}.leaderboard-preview__rows .is-current{color:var(--lb-blue);background:#f0f6ff}.leaderboard-preview__rows .is-current i{color:var(--lb-green)}
.leaderboard-preview__link{display:flex;min-height:50px;align-items:center;gap:8px;padding:0 26px;color:var(--lb-blue);font-size:.72rem;font-weight:700;text-decoration:none}.leaderboard-preview__link:hover{color:#0e56ca;background:#fafcff}
.leaderboard-content{min-width:0}.leaderboard-heading{margin:0 0 24px}.leaderboard-heading h1{margin:0 0 7px;font-size:1.75rem}.leaderboard-heading p{max-width:68ch;margin:0;color:var(--lb-muted);font-size:.82rem;line-height:1.55}
.rank-summary{display:grid;grid-template-columns:150px 150px 1fr 1.25fr;align-items:center;margin-bottom:22px;border:1px solid var(--lb-line);border-radius:12px;background:#fff}.rank-summary>*{min-height:118px;padding:22px;border-right:1px solid var(--lb-line)}.rank-summary>*:last-child{border-right:0}.rank-summary span,.rank-summary small{display:block}.rank-summary>div>span{color:var(--lb-muted);font-size:.67rem}.rank-summary__primary strong,.rank-summary__band strong{display:block;margin:4px 0;color:var(--lb-ink);font-size:1.8rem;line-height:1}.rank-summary small{color:#78879b;font-size:.6rem;line-height:1.4}.rank-summary__band small{color:var(--lb-green)}.rank-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0}.rank-summary dl div+div{padding-left:18px;border-left:1px solid var(--lb-line)}.rank-summary dt{color:var(--lb-muted);font-size:.65rem;font-weight:500}.rank-summary dd{margin:4px 0 0;color:var(--lb-ink);font-size:.93rem;font-weight:700}.rank-summary__message{display:flex;justify-content:center;flex-direction:column}.rank-summary__message p{margin:0 0 12px;color:#435570;font-size:.7rem;line-height:1.5}.rank-progress{overflow:hidden;height:6px;border-radius:6px;background:#e9eef5}.rank-progress span{display:block;height:100%;border-radius:inherit;background:var(--lb-blue)}
.leaderboard-board{overflow:hidden;border:1px solid var(--lb-line);border-radius:12px;background:#fff}.leaderboard-controls{padding:15px 20px;border-bottom:1px solid var(--lb-line)}.leaderboard-controls>nav{display:flex;gap:5px}.leaderboard-controls>nav a{padding:9px 12px;border-radius:7px;color:#617086;font-size:.7rem;font-weight:650;text-decoration:none}.leaderboard-controls>nav a.is-active{color:var(--lb-blue);background:#edf4ff}
.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table caption{padding:16px 20px;caption-side:top;color:var(--lb-ink);font-size:.88rem;font-weight:700;text-align:left}.leaderboard-table th{padding:10px 18px;border-top:1px solid var(--lb-line);border-bottom:1px solid var(--lb-line);color:#718097;background:#f8fafc;font-size:.61rem;font-weight:700;text-align:left;text-transform:uppercase}.leaderboard-table td{height:58px;padding:9px 18px;border-bottom:1px solid #edf1f6;color:#495b73;font-size:.69rem}.leaderboard-table tbody tr:last-child td{border-bottom:0}.leaderboard-table tr.is-current td{color:#1559bd;background:#f0f6ff}.leaderboard-table td:nth-child(2){display:flex;align-items:center;gap:10px}.table-avatar{width:32px;height:32px;flex:0 0 32px}.leaderboard-table td strong{color:var(--lb-ink)}.leaderboard-table td em{color:var(--lb-blue);font-style:normal}.leaderboard-table td small{margin-left:auto;color:#8a96a8;font-size:.55rem}.trend{display:grid;width:27px;height:27px;place-items:center;border-radius:7px}.trend--up{color:var(--lb-green);background:#edf8f1}.trend--down{color:#bd4b4b;background:#fff1f1}.trend--same{color:#69788c;background:#f1f4f8}
@media(max-width:1050px){.rank-summary{grid-template-columns:1fr 1fr}.rank-summary>*{border-bottom:1px solid var(--lb-line)}.rank-summary>*:nth-child(2){border-right:0}.rank-summary>*:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:780px){.leaderboard-preview__header{padding:18px}.leaderboard-preview__tabs{margin:0 18px}.leaderboard-preview__podium{padding-inline:6px}.preview-winner{gap:2px 6px;padding-inline:6px}.preview-winner>span{width:30px;height:30px}.leaderboard-preview__rows>div{padding-inline:18px}.leaderboard-controls>nav{display:grid;grid-template-columns:repeat(3,1fr)}.leaderboard-controls>nav a{text-align:center}.leaderboard-table thead{display:none}.leaderboard-table,.leaderboard-table tbody,.leaderboard-table tr,.leaderboard-table td{display:block;width:100%}.leaderboard-table tbody{padding:0 14px 14px}.leaderboard-table tr{display:grid;grid-template-columns:1fr 1fr;margin-top:10px;padding:12px;border:1px solid var(--lb-line);border-radius:10px}.leaderboard-table td{display:flex!important;height:auto;min-height:32px;align-items:center;justify-content:space-between;gap:10px;padding:5px 8px;border:0}.leaderboard-table td:before{color:#7a8799;content:attr(data-label);font-size:.58rem;font-weight:600}.leaderboard-table td:nth-child(2){grid-column:1/-1;grid-row:1}.leaderboard-table td:nth-child(2):before{display:none}.leaderboard-table td small{margin-left:0}}
@media(max-width:520px){.leaderboard-preview__podium{grid-template-columns:1fr}.preview-winner{grid-template-columns:auto auto 1fr;justify-content:stretch;padding:8px}.preview-winner+*{border-top:1px solid var(--lb-line);border-left:0}.preview-winner>b{grid-row:1}.preview-winner>span{grid-row:1}.preview-winner strong,.preview-winner small{grid-column:3}.preview-winner small{grid-row:2}.rank-summary{grid-template-columns:1fr}.rank-summary>*{min-height:auto;border-right:0!important;border-bottom:1px solid var(--lb-line)!important}.rank-summary>*:last-child{border-bottom:0!important}}
@media(prefers-reduced-motion:reduce){.leaderboard-preview a,.leaderboard-page a{transition:none}}