/* A third result slide with a stable five-row leaderboard. */
.leaderboard-panel{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;align-content:center;gap:12px;max-height:480px;margin:auto 0;padding:8px 4px}
.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.leaderboard-heading h2{margin:0;font-family:SnapshotSans,sans-serif;font-size:clamp(26px,7vw,34px);font-weight:700;line-height:1.25;letter-spacing:-.04em}
.leaderboard-demo{padding:3px 7px;border:1px solid #ffffff40;border-radius:6px;color:#d4e5ff;font-family:SnapshotSans,sans-serif;font-size:12px;line-height:1.3}
.leaderboard-summary{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:#d7e7ff;font-family:SnapshotSans,sans-serif;font-size:14px}
.leaderboard-summary p{display:flex;align-items:baseline;gap:5px;white-space:nowrap}
.leaderboard-summary strong{font-family:RankinoDisplay,sans-serif;color:white;font-size:36px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.15;letter-spacing:-.04em}
.leaderboard-summary small{margin-left:2px;font-size:13px;color:#c7ddff}
.leaderboard-switch{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border:1px solid #ffffff2b;border-radius:12px;background:#031a593d}
.leaderboard-switch button{min-height:36px;border:0;border-radius:9px;background:transparent;color:#d7e7ff;font-family:SnapshotSans,sans-serif;font-size:14px;font-weight:700;transition:background 160ms,color 160ms}
.leaderboard-switch button[aria-pressed="true"]{background:#fff;color:#1842bd;box-shadow:0 2px 8px #00104422}
.leaderboard-table{min-height:0;display:flex;flex-direction:column}
.leaderboard-columns,.leaderboard-row{display:grid;grid-template-columns:60px minmax(0,1fr) 66px;align-items:center;column-gap:10px}
.leaderboard-columns{padding:0 12px 7px;color:#c2d9ff;font-family:SnapshotSans,sans-serif;font-size:12px;line-height:1.3}
.leaderboard-columns>span:last-child{text-align:right}
.leaderboard-list{list-style:none;padding:0;margin:0;display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.leaderboard-row{flex:1;min-height:38px;max-height:55px;margin:1px 0;padding:7px 12px;border-bottom:1px solid #ffffff1c;border-radius:0;color:white;font-variant-numeric:tabular-nums}
.leaderboard-rank{font-size:17px;font-weight:500;letter-spacing:-.025em;color:#d5e6ff}
.leaderboard-user{display:flex;align-items:center;gap:10px;min-width:0}
.leaderboard-avatar{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;background:#b9e4ff24;border:1px solid #d9efff30;border-radius:50%;font-size:13px;font-weight:700;color:#d9f2ff}
.leaderboard-row:nth-child(2n) .leaderboard-avatar{background:#b5caff26;color:#e8eaff}
.leaderboard-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:RankinoDisplay,SnapshotSans,sans-serif;font-size:16px;font-weight:600}
.leaderboard-score{text-align:right;font-family:RankinoDisplay,sans-serif;font-size:21px;font-weight:700;letter-spacing:-.025em;white-space:nowrap}
.leaderboard-score small{margin-left:3px;font-family:SnapshotSans,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;color:#cfdefb}
.leaderboard-row.is-you{background:#fff;border-color:transparent;border-radius:12px;color:#163eae;box-shadow:0 5px 20px #061b6530}
.is-you .leaderboard-rank,.is-you .leaderboard-score small{color:#214fc0}
.leaderboard-row.is-you .leaderboard-avatar{background:#2457e8;border-color:#2457e8;color:white}
.is-you .leaderboard-name,.is-you .leaderboard-rank{font-weight:700}
.leaderboard-note{color:#c1d7fa;font-family:SnapshotSans,sans-serif;font-size:12px;line-height:1.4;text-align:center}
.result-viewport{touch-action:pan-x pan-y pinch-zoom}
body[data-motion="ranking"]:after{background:radial-gradient(circle at 95% 8%,#89e0ff25,transparent 30%);transform:scaleY(1)}
@media(max-width:390px){.result-dots{grid-template-columns:minmax(0,1fr) repeat(3,36px)}.result-dot{width:36px}.participation-proof{gap:3px;font-size:13px}.participation-proof small{margin-left:1px;padding:2px 4px}.leaderboard-columns,.leaderboard-row{grid-template-columns:54px minmax(0,1fr) 60px;column-gap:8px;padding-left:9px;padding-right:9px}.leaderboard-user{gap:7px}}
@media(max-width:350px){.participation-proof{font-size:12px}.participation-proof strong{font-size:15px}.leaderboard-summary{font-size:13px}.leaderboard-summary strong{font-size:31px}.leaderboard-summary small{font-size:12px}.leaderboard-name{font-size:14px}.leaderboard-avatar{flex-basis:24px;width:24px;height:24px}.leaderboard-score{font-size:19px}}
@media(max-height:700px){.leaderboard-panel{gap:8px;max-height:390px;padding-top:4px;padding-bottom:4px}.leaderboard-heading h2{font-size:27px}.leaderboard-summary strong{font-size:32px}.leaderboard-switch button{min-height:32px}.leaderboard-row{min-height:34px;padding-top:4px;padding-bottom:4px}.leaderboard-columns{padding-bottom:4px}.leaderboard-avatar{flex-basis:26px;width:26px;height:26px}.leaderboard-score{font-size:20px}}
@media(max-height:600px){.leaderboard-panel{gap:5px}.leaderboard-heading h2{font-size:24px}.leaderboard-summary strong{font-size:28px}.leaderboard-row{min-height:30px;padding-top:2px;padding-bottom:2px}.leaderboard-switch button{min-height:30px}}
@media(orientation:landscape) and (max-height:600px){.leaderboard-panel{grid-template-columns:1fr 1fr;grid-template-rows:auto auto minmax(0,1fr) auto;gap:6px 14px;max-height:none}.leaderboard-heading h2{font-size:22px}.leaderboard-summary{justify-content:flex-end}.leaderboard-summary>span{display:none}.leaderboard-summary strong{font-size:25px}.leaderboard-switch,.leaderboard-table,.leaderboard-note{grid-column:1/-1}.leaderboard-list[data-mode="near"] .leaderboard-row:first-child:not(.is-you),.leaderboard-list[data-mode="near"] .leaderboard-row:last-child:not(.is-you),.leaderboard-list[data-mode="top"] .leaderboard-row:nth-child(n+4){display:none}.leaderboard-list{overflow-y:auto}.leaderboard-row{max-height:42px}.leaderboard-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.leaderboard-switch button{transition:none}}
