.leaderboard-page{gap:1rem;display:grid}.leaderboard-page .leaderboard-header{border:1px solid var(--bb-border);border-top:.2rem solid var(--bb-brand);width:100%;min-height:4rem;box-shadow:var(--bb-shadow-card);background:var(--bb-panel);border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:0;padding:.875rem 1.25rem;display:flex}.leaderboard-page .leaderboard-header__intro{align-items:center;min-width:0;display:flex}.leaderboard-page .leaderboard-header h1,.leaderboard-page .leaderboard-header .app-page-heading__title{width:auto;min-height:unset;box-shadow:none;color:var(--bb-text);background:0 0;border:none;border-radius:0;align-items:center;margin:0;padding:0;font-size:1.125rem;font-weight:500;line-height:1.3;display:inline-flex}.leaderboard-page .leaderboard-header__controls{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.leaderboard-page .leaderboard-scope-toggle.p-selectbutton{background:var(--surface-100,#ffffff0d);border:1px solid var(--surface-border);border-radius:8px;align-items:center;gap:2px;padding:3px;display:inline-flex}.leaderboard-page .leaderboard-scope-toggle.p-selectbutton .p-button{height:2.15rem;min-height:unset;color:var(--text-color-secondary);box-shadow:none;background:0 0;border:1px solid #0000;border-radius:6px;padding:0 .85rem;font-size:.8125rem;font-weight:500;transition:all .15s}.leaderboard-page .leaderboard-scope-toggle.p-selectbutton .p-button:hover:not(.p-highlight){background:var(--surface-hover,#ffffff0a);color:var(--text-color)}.leaderboard-page .leaderboard-scope-toggle.p-selectbutton .p-button.p-highlight{background:var(--surface-card,#111b2d);border-color:var(--surface-border);color:var(--primary-color,#10c99a);font-weight:600;box-shadow:0 1px 3px #0003}.leaderboard-page .leaderboard-scope-toggle.p-selectbutton .p-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:-1px}.leaderboard-page .leaderboard-module-select{border-radius:8px;width:14rem;height:2.25rem;font-size:.8125rem}.leaderboard-page .leaderboard-module-select .p-dropdown-label{padding:.35rem .65rem;font-size:.8125rem}.leaderboard-page .leaderboard-podium{align-items:stretch}.leaderboard-page .leaderboard-podium>[class*=col-]{display:flex}.leaderboard-page .podium-card{border:1px solid var(--surface-border);background:var(--surface-card);border-radius:.75rem;width:100%;height:100%;padding:1rem 1.25rem;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s;box-shadow:0 4px 16px #0000000a}.leaderboard-page .podium-card:hover,.leaderboard-page .podium-card:focus-visible{outline:none;transform:translateY(-3px);box-shadow:0 12px 28px #00000014}.leaderboard-page .podium-card--active{border-color:color-mix(in srgb, var(--primary-color) 45%, var(--surface-border));box-shadow:0 4px 14px color-mix(in srgb, var(--primary-color) 10%, transparent)}.leaderboard-page .podium-card--gold{border-color:color-mix(in srgb, var(--yellow-500) 40%, var(--surface-border));background:linear-gradient(180deg, color-mix(in srgb, var(--yellow-500) 6%, var(--surface-card)) 0%, var(--surface-card) 100%)}.leaderboard-page .podium-card--silver{border-color:color-mix(in srgb, var(--bluegray-400) 35%, var(--surface-border));background:linear-gradient(180deg, color-mix(in srgb, var(--bluegray-400) 5%, var(--surface-card)) 0%, var(--surface-card) 100%)}.leaderboard-page .podium-card--bronze{border-color:color-mix(in srgb, var(--orange-500) 35%, var(--surface-border));background:linear-gradient(180deg, color-mix(in srgb, var(--orange-500) 5%, var(--surface-card)) 0%, var(--surface-card) 100%)}.leaderboard-page .podium-card__head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.leaderboard-page .podium-card__rank-medal{background:var(--surface-0);border:1px solid var(--surface-border);width:2.25rem;height:2.25rem;box-shadow:0 1px 3px color-mix(in srgb, var(--text-color) 6%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.leaderboard-page .podium-card__rank-medal--gold{background:color-mix(in srgb, var(--yellow-500) 12%, var(--surface-0));border-color:color-mix(in srgb, var(--yellow-500) 35%, var(--surface-border))}.leaderboard-page .podium-card__rank-medal--silver{background:color-mix(in srgb, var(--bluegray-400) 10%, var(--surface-0))}.leaderboard-page .podium-card__rank-medal--bronze{background:color-mix(in srgb, var(--orange-500) 10%, var(--surface-0))}.leaderboard-page .podium-card__rank-icon{font-size:1.1rem;line-height:1}.leaderboard-page .podium-card__rank-number{color:var(--text-color-secondary);font-size:.8125rem;font-weight:700}.leaderboard-page .podium-card__score{text-align:right}.leaderboard-page .podium-card__score-value{color:var(--primary-color);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700;line-height:1.1}.leaderboard-page .podium-card__score-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-color-secondary);margin-top:.1rem;font-size:.6875rem;font-weight:500}.leaderboard-page .podium-card__title{color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;margin:.45rem 0 .25rem;font-size:1rem;font-weight:600;line-height:1.3;overflow:hidden}.leaderboard-page .podium-card__chips{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.leaderboard-page .podium-card__rank-chip{letter-spacing:.02em;color:var(--text-color-secondary);background:var(--surface-100);border:1px solid var(--surface-border);border-radius:999px;padding:.15rem .45rem;font-size:.6875rem;font-weight:600;display:inline-flex}.leaderboard-page .podium-card__modules-chip{color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 8%, var(--surface-100));border:1px solid color-mix(in srgb, var(--primary-color) 25%, var(--surface-border));border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.leaderboard-page .podium-card__modules-chip .pi{font-size:.6875rem}.leaderboard-page .podium-card__repo-link{color:var(--blue-400);background:color-mix(in srgb, var(--blue-500) 8%, var(--surface-100));border:1px solid color-mix(in srgb, var(--blue-500) 25%, var(--surface-border));border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.6875rem;text-decoration:none;transition:background-color .15s;display:inline-flex}.leaderboard-page .podium-card__repo-link:hover{background:color-mix(in srgb, var(--blue-500) 16%, var(--surface-100));text-decoration:none}.leaderboard-page .podium-card__metrics{border-top:1px solid var(--surface-border);flex-direction:column;gap:.3rem;margin-top:.65rem;padding-top:.65rem;display:flex}.leaderboard-page .leaderboard-modules-tag{color:#3b82f6;background:#3b82f61a;border-radius:4px;align-items:center;gap:.3rem;margin-top:.2rem;padding:.15rem .45rem;font-size:.75rem;font-weight:600;display:inline-flex}.leaderboard-page .leaderboard-repo-link{color:#60a5fa;background:#60a5fa14;border:1px solid #60a5fa40;border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .4rem;font-size:.75rem;text-decoration:none;display:inline-flex}.leaderboard-page .leaderboard-repo-link:hover{background:#60a5fa2e;text-decoration:none}.leaderboard-page .leaderboard-metric-row{border-radius:var(--border-radius);grid-template-columns:minmax(0,6.5rem) minmax(0,1fr) 2.25rem;align-items:center;gap:.5rem;margin:0 -.35rem;padding:.2rem .35rem;transition:background-color .15s;display:grid}.leaderboard-page .leaderboard-metric-row:hover{background:var(--surface-50)}.leaderboard-page .leaderboard-metric-row__label{color:var(--text-color-secondary);cursor:help;white-space:nowrap;align-items:center;gap:.35rem;font-size:.75rem;font-weight:500;display:inline-flex}.leaderboard-page .leaderboard-metric-row__label .pi{opacity:.85;font-size:.7rem}.leaderboard-page .leaderboard-metric-row__bar .p-progressbar{background:var(--surface-200);border-radius:999px;height:.375rem}.leaderboard-page .leaderboard-metric-row__bar .p-progressbar-value{border-radius:999px;transition:width .6s}.leaderboard-page .leaderboard-metric-row--high .p-progressbar-value{background:var(--green-500)}.leaderboard-page .leaderboard-metric-row--mid .p-progressbar-value{background:var(--primary-color)}.leaderboard-page .leaderboard-metric-row--low .p-progressbar-value{background:var(--yellow-500)}.leaderboard-page .leaderboard-metric-row--empty .p-progressbar-value{background:var(--surface-300)}.leaderboard-page .leaderboard-metric-row__value{text-align:right;color:var(--text-color);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.leaderboard-page .leaderboard-trophy-icon{color:var(--yellow-500);filter:drop-shadow(0 1px 2px color-mix(in srgb, var(--yellow-600) 30%, transparent));flex-shrink:0;display:block}.leaderboard-page .leaderboard-trophy-icon--medal{width:1.625rem;height:1.625rem;color:var(--yellow-600)}.leaderboard-page .leaderboard-trophy-icon--table{width:1rem;height:1rem;color:var(--yellow-500)}.leaderboard-page .leaderboard-rank-pill{border:1px solid var(--surface-border);min-width:2.4rem;min-height:2.4rem;color:var(--text-color);background:var(--surface-100);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;gap:.35rem;padding:0 .55rem;font-weight:600;display:inline-flex}.leaderboard-page .leaderboard-rank-pill svg,.leaderboard-page .leaderboard-rank-pill .pi{font-size:.9rem}.leaderboard-page .leaderboard-rank-pill--gold svg{width:1rem;height:1rem}.leaderboard-page .leaderboard-rank-pill--silver .pi{color:var(--bluegray-500)}.leaderboard-page .leaderboard-rank-pill--bronze .pi{color:var(--orange-600)}.leaderboard-page .leaderboard-rank-pill--gold{border-color:color-mix(in srgb, var(--yellow-500) 38%, var(--surface-border));color:var(--yellow-700);background:color-mix(in srgb, var(--yellow-500) 12%, var(--surface-card))}.leaderboard-page .leaderboard-rank-pill--silver{border-color:color-mix(in srgb, var(--bluegray-400) 38%, var(--surface-border));background:color-mix(in srgb, var(--bluegray-400) 12%, var(--surface-card))}.leaderboard-page .leaderboard-rank-pill--bronze{border-color:color-mix(in srgb, var(--orange-500) 38%, var(--surface-border));background:color-mix(in srgb, var(--orange-500) 12%, var(--surface-card))}.leaderboard-page .leaderboard-rankings{min-width:0;margin:0;padding:clamp(1rem,2vw,1.5rem)}.leaderboard-page .leaderboard-rankings__header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.leaderboard-page .leaderboard-rankings__header h2{color:var(--text-color);font-size:1.05rem;font-weight:700}.leaderboard-page .leaderboard-rankings__header p{color:var(--text-color-secondary);font-size:.85rem;margin-top:.35rem!important}.leaderboard-page .leaderboard-rankings__count{border:1px solid var(--surface-border);color:var(--text-color-secondary);background:var(--surface-50);border-radius:999px;flex:none;padding:.35rem .65rem;font-size:.8rem;font-weight:600}.leaderboard-page .leaderboard-rank-list{gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.leaderboard-page .leaderboard-rank-list__item{border:1px solid var(--surface-border);background:var(--surface-card);border-radius:.5rem;grid-template-columns:3rem minmax(0,1fr) auto auto;align-items:center;gap:1rem;min-width:0;padding:.8rem 1rem;transition:background-color .16s,border-color .16s,transform .16s;display:grid}.leaderboard-page .leaderboard-rank-list__item:hover{border-color:color-mix(in srgb, var(--primary-color) 28%, var(--surface-border));background:var(--surface-hover);transform:translateY(-1px)}.leaderboard-page .leaderboard-rank-list__item--gold{border-left:3px solid var(--yellow-500)}.leaderboard-page .leaderboard-rank-list__item--silver{border-left:3px solid var(--bluegray-400)}.leaderboard-page .leaderboard-rank-list__item--bronze{border-left:3px solid var(--orange-500)}.leaderboard-page .leaderboard-rank-list__rank{justify-content:center;display:flex}.leaderboard-page .leaderboard-rank-list__group{min-width:0}.leaderboard-page .leaderboard-rank-list__group h3{color:var(--text-color);text-overflow:ellipsis;overflow-wrap:anywhere;margin:0;font-size:.95rem;font-weight:650;line-height:1.4;overflow:hidden}.leaderboard-page .leaderboard-rank-list__group>span{color:var(--text-color-secondary);margin-top:.15rem;font-size:.78rem;display:block}.leaderboard-page .leaderboard-rank-list__score{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:.15rem;display:flex}.leaderboard-page .leaderboard-rank-list__score>span{color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.leaderboard-page .leaderboard-rank-list__score strong{color:var(--text-color);font-variant-numeric:tabular-nums;font-size:1rem}.leaderboard-page .leaderboard-rank-list__score small{color:var(--text-color-secondary);font-size:.7rem;font-weight:500}.leaderboard-page .leaderboard-rank-list__meta{justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.leaderboard-page .leaderboard-rank-list__breakdown{min-height:2.25rem;color:var(--text-color-secondary);cursor:help;font:inherit;background:0 0;border:1px solid #0000;border-radius:.45rem;justify-content:center;align-items:center;gap:.4rem;padding:.35rem .55rem;font-size:.78rem;transition:color .15s,background-color .15s;display:inline-flex}.leaderboard-page .leaderboard-rank-list__breakdown:hover,.leaderboard-page .leaderboard-rank-list__breakdown:focus-visible{color:var(--primary-color);background:var(--highlight-bg)}.leaderboard-page .leaderboard-state{min-height:9rem;color:var(--text-color-secondary);text-align:center;justify-content:center;align-items:center;gap:.65rem;display:flex}.leaderboard-page .leaderboard-state--empty{flex-direction:column;gap:.5rem}.leaderboard-page .leaderboard-state__icon{width:2.75rem;height:2.75rem;color:var(--primary-color);background:var(--highlight-bg);border-radius:50%;place-items:center;font-size:1.1rem;display:grid}.leaderboard-page .leaderboard-paginator{border-top:1px solid var(--surface-border);background:0 0;justify-content:center;gap:.25rem;margin-top:1rem;padding:.75rem 0 0}@media (max-width:760px){.leaderboard-page .leaderboard-header{flex-direction:column;align-items:stretch;gap:.85rem}.leaderboard-page .leaderboard-header__controls{flex-direction:column;align-items:stretch;width:100%}.leaderboard-page .leaderboard-scope-toggle.p-selectbutton{width:100%}.leaderboard-page .leaderboard-scope-toggle.p-selectbutton .p-button{flex:1 1 0;justify-content:center;padding-inline:.55rem;font-size:.84rem}.leaderboard-page .leaderboard-module-select{width:100%}.leaderboard-page .leaderboard-rank-list__item{grid-template-columns:2.6rem minmax(0,1fr) auto;gap:.65rem;padding:.75rem}.leaderboard-page .leaderboard-rank-list__rank{grid-row:1/span 2}.leaderboard-page .leaderboard-rank-list__score{grid-area:1/3}.leaderboard-page .leaderboard-rank-list__meta{flex-wrap:wrap;grid-column:2/-1;justify-content:flex-start}}@media (max-width:420px){.leaderboard-page .leaderboard-rankings__header{flex-direction:column;align-items:flex-start}.leaderboard-page .leaderboard-rank-list__meta .p-tag{font-size:.72rem}.leaderboard-page .leaderboard-rank-list__breakdown{padding-inline:.35rem}}@media (prefers-reduced-motion:reduce){.leaderboard-page .leaderboard-rank-list__item,.leaderboard-page .podium-card,.leaderboard-page .leaderboard-metric-row,.leaderboard-page .leaderboard-metric-row .p-progressbar-value{transition:none}}
