.leaderboard{background:var(--card);border:1px solid var(--bd);border-radius:22px;padding:26px;margin:32px 0;box-shadow:0 10px 35px #18254b06;color:var(--tx);min-width:0}.leaderboard header{display:flex;justify-content:space-between;align-items:center;gap:16px}.leaderboard-heading{display:flex;align-items:center;gap:14px}.leaderboard-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:color-mix(in srgb,var(--pr) 10%,var(--card));font-size:26px}.leaderboard h2{font-size:23px;margin:6px 0 0}.leaderboard header button{font-size:12px;flex-shrink:0}.leaderboard-filters{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.leaderboard-filters label{flex:1;min-width:150px;font-size:12px;font-weight:600;color:var(--mu)}.leaderboard-filters label[hidden]{display:none}.leaderboard-filters select{display:block;margin-top:7px;width:100%;min-width:0;padding:11px;border-radius:10px;border:1px solid var(--bd);background:var(--bg);color:var(--tx);font:inherit;font-size:14px;box-sizing:border-box}.leaderboard-filters label:first-child{flex:2;min-width:220px}.leaderboard-columns,.leaderboard-row{display:grid;grid-template-columns:48px minmax(0,1fr) 110px 80px 94px;align-items:center;gap:14px}.leaderboard-columns{padding:10px 14px;font-size:11px;color:var(--mu)}.leaderboard-row{padding:14px;border-radius:12px;border:1px solid transparent;border-bottom-color:var(--bd)}.leaderboard-rank{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:750;font-size:14px;background:var(--bg);color:var(--mu)}.rank-1{background:#fff1c9;color:#906500}.rank-2{background:#e9edf4;color:#53647b}.rank-3{background:#f9e6d7;color:#92552b}.leaderboard-name b{font-size:14px;overflow-wrap:anywhere}.leaderboard-name>small{display:inline-block;font-size:10px;color:var(--pr);background:var(--pr2);padding:3px 7px;border-radius:6px;margin-left:8px}.leaderboard-row>strong{font-size:20px;color:var(--pr);font-variant-numeric:tabular-nums}.leaderboard-row>strong small{font-size:11px;color:var(--mu);font-weight:400;margin-left:4px}.leaderboard-row>time,.leaderboard-correct{font-size:12px;color:var(--mu)}.leaderboard-row.is-mine{background:color-mix(in srgb,var(--pr) 6%,var(--card));border-color:color-mix(in srgb,var(--pr) 20%,var(--bd))}.leaderboard-note,.leaderboard-total{font-size:12px;color:var(--mu);line-height:1.7}.leaderboard-note{margin:20px 0 0}.leaderboard-mine-label{font-size:12px;color:var(--mu);margin:20px 0 8px}.leaderboard-empty{text-align:center;padding:32px 12px;background:var(--bg);border-radius:14px}.leaderboard-empty>span{display:block;font-size:32px;color:var(--pr);margin-bottom:12px}.leaderboard-empty>b{font-size:16px}.leaderboard-empty p{font-size:13px;color:var(--mu);line-height:1.7}
@media(max-width:650px){.leaderboard{padding:18px;border-radius:17px}.leaderboard h2{font-size:19px}.leaderboard-icon{width:40px;height:40px;font-size:23px}.leaderboard-heading{gap:10px}.leaderboard .score-eyebrow{font-size:9px;letter-spacing:.8px}.leaderboard header button{font-size:11px;padding:8px}.leaderboard-filters label:first-child{min-width:100%;}.leaderboard-columns,.leaderboard-row{grid-template-columns:30px minmax(0,1fr) 88px;gap:9px}.leaderboard-columns{padding:8px}.leaderboard-row{padding:12px 8px}.leaderboard-columns>span:nth-child(n+4),.leaderboard-correct,.leaderboard-row>time{display:none}.leaderboard-name b{font-size:13px}.leaderboard-name>small{margin-left:0;display:block;width:fit-content;margin-top:4px}.leaderboard-row>strong{font-size:19px}}
.leaderboard-name>.leaderboard-mobile-time{display:none;background:transparent;padding:0;color:var(--mu);font-size:11px;font-variant-numeric:tabular-nums}.leaderboard-row>time{font-variant-numeric:tabular-nums}
@media(max-width:650px){.leaderboard-name>.leaderboard-mobile-time{display:block}}
.leaderboard header{position:static;background:transparent;backdrop-filter:none;border:0;box-shadow:none;z-index:auto}.leaderboard-icon{flex-shrink:0}
@media(max-width:650px){.leaderboard{padding:14px}.leaderboard header{align-items:flex-start;flex-direction:column;gap:12px}.leaderboard-heading{gap:8px}.leaderboard .score-eyebrow{display:none}.leaderboard h2{font-size:18px;line-height:1.4;margin:0}.leaderboard-icon{width:30px;height:30px;font-size:20px}.leaderboard header button{align-self:flex-end}.leaderboard-filters label{min-width:0;width:100%;flex-basis:100%}.leaderboard-columns{display:none}.leaderboard-row{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:14px 6px}.leaderboard-row>.leaderboard-rank{grid-column:1;grid-row:1/3;align-self:start;width:26px;height:28px}.leaderboard-row>.leaderboard-name{grid-column:2;grid-row:1}.leaderboard-row>strong{grid-column:2;grid-row:2;font-size:20px}.leaderboard-name b{font-size:14px;line-height:1.5;word-break:normal}.leaderboard-name>.leaderboard-mobile-time{font-size:11px}}