.ds-LeaderboardPage{--ds-color-primary: var(--ds-rankings-link);--ds-color-text: var(--ds-rankings-ink);--ds-color-text-secondary: var(--ds-rankings-muted);position:relative;isolation:isolate;min-height:100svh;color:var(--ds-rankings-ink);background:var(--ds-color-canvas);padding:calc(var(--daylight-header-height, var(--ds-space-96)) + var(--ds-space-36)) clamp(var(--ds-space-16),2.7vw,var(--ds-space-40)) var(--ds-space-56)}.ds-LeaderboardPage:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:max(100svh,calc(var(--ds-space-80) * 10));pointer-events:none;background:linear-gradient(var(--ds-rankings-wash-start),var(--ds-rankings-wash-end)),url(../../../design/daylight/daily-content/room.webp) center top / cover no-repeat}.ds-LeaderboardPage .ranking-page-section{max-width:var(--ds-rankings-width);padding-block:0}.ranking-page-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-24);margin-block-end:var(--ds-space-32)}.ranking-page-heading h1{margin:0;font-size:clamp(var(--ds-space-32),3.3vw,var(--ds-space-44));line-height:1.14;letter-spacing:calc(var(--ds-rankings-tracking-heading) * 1em);font-weight:var(--ds-font-weight-semibold)}.ranking-description p{margin:var(--ds-space-12) 0 0;font-size:var(--ds-font-size-body);color:var(--ds-rankings-muted)}.ranking-crumbs{display:flex;align-items:center;gap:var(--ds-space-8);font-size:var(--ds-font-size-caption);color:var(--ds-rankings-muted);margin-block-end:var(--ds-space-20)}.ranking-crumbs a{color:inherit}.ds-LeaderboardPage .ranking-back{color:var(--ds-rankings-ink);flex:none;background:transparent;border-color:var(--ds-rankings-rule)}.ds-LeaderboardPage .leaderboard-filters{display:flex;align-items:end;flex-wrap:wrap;gap:var(--ds-space-16)}.ds-LeaderboardPage .mode-filter{min-width:0;margin:0;padding:0;border:0}.ds-LeaderboardPage .mode-filter legend{font-size:var(--ds-font-size-caption);color:var(--ds-rankings-muted);font-weight:var(--ds-font-weight-semibold);margin-block-end:var(--ds-space-8)}.ds-LeaderboardPage .mode-tabs{display:flex;gap:var(--ds-space-4);padding:var(--ds-space-4);border:1px solid var(--ds-rankings-rim);border-radius:var(--ds-radius-16);background:var(--ds-rankings-body)}.ds-LeaderboardPage .mode-tab{flex:1;min-height:var(--ds-control-height-44);padding:var(--ds-space-8) var(--ds-space-20);border-radius:var(--ds-radius-10);border:1px solid transparent;background:transparent;color:var(--ds-rankings-muted);font:inherit;font-size:var(--ds-font-size-label);cursor:pointer}.ds-LeaderboardPage .mode-tab.active{background:var(--ds-rankings-selected);color:var(--ds-rankings-ink);border-color:var(--ds-color-primary);font-weight:var(--ds-font-weight-semibold)}.ranking-filter{display:flex;flex-direction:column;min-width:calc(var(--ds-space-80) * 2)}.filter-period{margin-inline-start:auto}.ranking-about{display:inline-flex;gap:var(--ds-space-8);align-items:center;min-height:var(--ds-control-height-44);color:var(--ds-color-primary);font-size:var(--ds-font-size-label)}.ranking-material{position:relative}.ranking-ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:var(--ds-radius-24)}.ranking-ambient img{position:absolute;width:calc(var(--ds-space-80) * 2);filter:brightness(var(--ds-rankings-decor-brightness))}.ranking-ambient .ambient-blue{inset-inline-start:9%;top:var(--ds-space-20);transform:rotate(-13deg)}.ranking-ambient .ambient-ruby{inset-inline-end:12%;top:calc(var(--ds-space-52) * 2);width:calc(var(--ds-space-64) * 2);transform:rotate(15deg)}.ds-LeaderboardPage .ranking-material>.ranking-panel{position:relative;z-index:1;overflow:clip;border-radius:var(--ds-radius-24);background:var(--ds-rankings-body);border:1px solid var(--ds-rankings-rim);color:var(--ds-rankings-ink);box-shadow:var(--ds-glass-elevation);backdrop-filter:blur(var(--ds-rankings-blur)) saturate(var(--ds-rankings-saturation)) brightness(var(--ds-rankings-brightness));-webkit-backdrop-filter:blur(var(--ds-rankings-blur)) saturate(var(--ds-rankings-saturation)) brightness(var(--ds-rankings-brightness))}.ranking-results-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-12);padding:var(--ds-space-20) var(--ds-space-24);border-bottom:1px solid var(--ds-rankings-rule)}.ranking-results-heading h2{margin:0;font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-semibold)}.ranking-results-heading>span{color:var(--ds-rankings-muted);font-size:var(--ds-font-size-caption);text-align:end}.ds-LeaderboardPage .leaderboard-table-container{min-width:0;overflow-x:auto}.ds-LeaderboardPage .leaderboard-table{width:100%;border-collapse:separate;border-spacing:0 var(--ds-space-8);font-variant-numeric:tabular-nums}.ds-LeaderboardPage .leaderboard-table th{text-align:start;font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-semibold);color:var(--ds-rankings-muted)}.ds-LeaderboardPage .leaderboard-table :is(th,td){padding:var(--ds-space-12)}.ds-LeaderboardPage .leaderboard-table td{font-size:var(--ds-font-size-label)}.ds-LeaderboardPage .leaderboard-table tbody td{background:var(--ds-color-glass);border-block:1px solid var(--ds-rankings-rim)}.ds-LeaderboardPage .leaderboard-table tbody td:first-child{border-inline-start:3px solid var(--ds-rankings-rim);border-start-start-radius:var(--ds-radius-12);border-end-start-radius:var(--ds-radius-12)}.ds-LeaderboardPage .leaderboard-table tbody td:last-child{border-inline-end:1px solid var(--ds-rankings-rim);border-start-end-radius:var(--ds-radius-12);border-end-end-radius:var(--ds-radius-12)}.ds-LeaderboardPage .leaderboard-table tbody tr:nth-child(1) td{background:color-mix(in srgb,var(--ds-color-success) 8%,var(--ds-color-glass))}.ds-LeaderboardPage .leaderboard-table tbody tr:nth-child(2) td{background:color-mix(in srgb,var(--ds-color-primary) 8%,var(--ds-color-glass))}.ds-LeaderboardPage .leaderboard-table tbody tr:nth-child(3) td{background:color-mix(in srgb,var(--ds-color-warning) 8%,var(--ds-color-glass))}.ds-LeaderboardPage .leaderboard-table tbody tr:nth-child(1) td:first-child{border-inline-start-color:var(--ds-color-success)}.ds-LeaderboardPage .leaderboard-table tbody tr:nth-child(2) td:first-child{border-inline-start-color:var(--ds-color-primary)}.ds-LeaderboardPage .leaderboard-table tbody tr:nth-child(3) td:first-child{border-inline-start-color:var(--ds-color-warning)}.ds-LeaderboardPage .leaderboard-table tr>:first-child{padding-inline-start:var(--ds-space-24)}.ds-LeaderboardPage .sort-button{display:inline-flex;gap:var(--ds-space-8);min-height:var(--ds-control-height-44);align-items:center;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.ds-LeaderboardPage .leaderboard-table th.active{color:var(--ds-rankings-ink)}.ds-LeaderboardPage .player-cell{display:flex;align-items:center;gap:var(--ds-space-12);min-width:0}.ds-LeaderboardPage .rank-number{display:inline-grid;place-items:center;min-width:var(--ds-space-24);min-height:var(--ds-space-24);border-radius:var(--ds-radius-10);background:var(--ds-rankings-selected);font-weight:var(--ds-font-weight-semibold)}.ds-LeaderboardPage .username-link{display:inline-block;min-width:0;padding-block:var(--ds-space-12);overflow-wrap:anywhere;color:var(--ds-rankings-ink);text-decoration:none}.ds-LeaderboardPage .value{white-space:nowrap}.ds-LeaderboardPage .leaderboard-table .current-user td{background:var(--ds-rankings-selected)}.ds-LeaderboardPage .you-badge{color:var(--ds-color-primary);font-size:var(--ds-font-size-caption)}.ds-LeaderboardPage .ds-button--secondary{background:var(--ds-rankings-control);border-color:var(--ds-rankings-rim);color:var(--ds-rankings-ink);box-shadow:none}.ranking-state{min-height:calc(var(--ds-space-76) * 4);padding:var(--ds-space-40) var(--ds-space-24);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ds-space-16);text-align:center}.ranking-state>.ds-icon{width:var(--ds-space-36);height:var(--ds-space-36);color:var(--ds-rankings-muted)}.ranking-state h2{margin:0;font-size:var(--ds-space-20);max-width:36ch}.ranking-state p{margin:0;color:var(--ds-rankings-muted);font-size:var(--ds-font-size-label);max-width:44ch;line-height:var(--ds-line-height-reading)}.ranking-state>.ds-button{margin-block-start:var(--ds-space-8)}.ranking-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--ds-space-8) var(--ds-space-20);padding:var(--ds-space-16) var(--ds-space-24);border-top:1px solid var(--ds-rankings-rule);color:var(--ds-rankings-subtle);font-size:var(--ds-font-size-caption)}.ranking-foot a{color:var(--ds-rankings-ink)}.ranking-guidance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-28);margin-block-start:var(--ds-space-36);padding:var(--ds-space-24);background:var(--ds-rankings-body);border-top:1px solid var(--ds-rankings-rule);scroll-margin-top:var(--ds-space-24)}.ranking-guidance h2{font-size:var(--ds-font-size-label);margin:var(--ds-space-12) 0 var(--ds-space-8)}.ranking-guidance p,.ranking-guidance a{font-size:var(--ds-font-size-label);color:var(--ds-rankings-muted);line-height:var(--ds-line-height-reading)}.ranking-guidance>section>.ds-icon{color:var(--ds-color-primary)}.ranking-refresh-notice{padding:var(--ds-space-16) var(--ds-space-24)}.ranking-skeleton{width:100%}.ranking-skeleton>div{display:grid;grid-template-columns:1fr 3fr 1fr;gap:var(--ds-space-24);padding-block:var(--ds-space-20);border-bottom:1px solid var(--ds-rankings-rule)}.ranking-skeleton span{height:var(--ds-space-12);background:var(--ds-rankings-selected);border-radius:var(--ds-radius-10)}.ds-LeaderboardPage .phone-rankings{display:none}.ds-LeaderboardPage :is(button,select,a,summary,[tabindex]):focus-visible{outline:3px solid var(--ds-color-focus);outline-offset:var(--ds-space-4)}.ds-LeaderboardPage :disabled{opacity:.5;cursor:wait}@media (hover: hover) and (pointer: fine){.ds-LeaderboardPage .mode-tab:not(:disabled):hover,.ds-LeaderboardPage .leaderboard-row:hover{background:var(--ds-rankings-selected)}.ds-LeaderboardPage .username-link:hover{text-decoration:underline}}@media (max-width: 719px){.ds-LeaderboardPage{padding-block-start:calc(var(--daylight-header-height, var(--ds-space-72)) + var(--ds-space-24))}.ranking-crumbs{display:none}.ranking-page-heading{display:block;margin-block-end:var(--ds-space-24)}.ranking-page-heading .ranking-back{margin-top:var(--ds-space-8);padding-inline:0;border:0;text-decoration:underline}.ranking-description p{font-size:var(--ds-font-size-label)}.ds-LeaderboardPage .leaderboard-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-16) var(--ds-space-12)}.ds-LeaderboardPage .mode-filter{grid-column:1 / -1}.ranking-filter{min-width:0}.filter-period{margin-inline-start:0}.ranking-about{display:none}.ds-LeaderboardPage .mode-tab{padding-inline:var(--ds-space-12)}.ranking-results-heading{padding:var(--ds-space-16);align-items:start}.ds-LeaderboardPage .leaderboard-table{display:none}.ds-LeaderboardPage .phone-rankings{display:block;list-style:none;padding:0;margin:0}.phone-rankings>li{margin:var(--ds-space-8);padding:var(--ds-space-16);border:1px solid var(--ds-rankings-rim);border-inline-start-width:3px;border-radius:var(--ds-radius-12);background:var(--ds-color-glass)}.phone-rankings>li:nth-child(1){border-inline-start-color:var(--ds-color-success);background:color-mix(in srgb,var(--ds-color-success) 8%,var(--ds-color-glass))}.phone-rankings>li:nth-child(2){border-inline-start-color:var(--ds-color-primary);background:color-mix(in srgb,var(--ds-color-primary) 8%,var(--ds-color-glass))}.phone-rankings>li:nth-child(3){border-inline-start-color:var(--ds-color-warning);background:color-mix(in srgb,var(--ds-color-warning) 8%,var(--ds-color-glass))}.phone-rankings>li.current-user{background:var(--ds-rankings-selected)}.phone-ranking-main{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:var(--ds-space-12)}.phone-ranking-main .username-link{overflow-wrap:anywhere}.primary-metric{display:flex;flex-direction:column;text-align:end;font-size:var(--ds-font-size-caption);color:var(--ds-rankings-muted)}.primary-metric strong{color:var(--ds-rankings-ink);font-size:var(--ds-font-size-body)}.phone-rankings summary{min-height:var(--ds-control-height-44);align-content:center;color:var(--ds-color-primary);font-size:var(--ds-font-size-label);cursor:pointer}.phone-rankings dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-16);margin:var(--ds-space-12) 0}.phone-rankings dt{color:var(--ds-rankings-muted);font-size:var(--ds-font-size-caption)}.phone-rankings dd{margin:0;font-variant-numeric:tabular-nums}.ranking-foot,.ranking-state{padding-inline:var(--ds-space-16)}.ranking-guidance{grid-template-columns:1fr}}@media (prefers-reduced-transparency: reduce),(prefers-contrast: more){.ds-LeaderboardPage .ranking-material>.ranking-panel{background:var(--ds-color-paper)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.ranking-ambient{display:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.ds-LeaderboardPage .ranking-material>.ranking-panel{background:var(--ds-color-paper)}.ranking-ambient{display:none}}@media (forced-colors: active){.ds-LeaderboardPage{background:Canvas;color:CanvasText;--ds-rankings-ink: CanvasText;--ds-rankings-muted: CanvasText;--ds-rankings-subtle: CanvasText;--ds-rankings-rule: ButtonText;--ds-rankings-rim: ButtonText}.ds-LeaderboardPage:before,.ranking-ambient{display:none}.ds-LeaderboardPage .ranking-material>.ranking-panel{background:Canvas!important;color:CanvasText;border-color:ButtonText;box-shadow:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.ds-LeaderboardPage .mode-tab.active{background:Highlight;color:HighlightText;border-color:Highlight}}.rank-alerts.svelte-1x2lmhs{max-inline-size:520px;margin-block:var(--ds-space-12)}.back-to-top.svelte-1x2lmhs{display:flex;justify-content:end;margin-block-start:var(--ds-space-24)}.controls-section.svelte-1x2lmhs{margin-block-end:var(--ds-space-20)}.notice.svelte-1x2lmhs{margin-block-end:var(--ds-space-24)}.user-rank.svelte-1x2lmhs{display:flex;flex-wrap:wrap;gap:var(--ds-space-16);padding-block:var(--ds-space-16);margin-block-end:var(--ds-space-24);border-block:1px solid var(--ds-color-border);font-variant-numeric:tabular-nums}