.rankings-page{max-width:min(40rem,100%);margin:0 auto;padding:0 var(--page-pad-x) calc(1.5rem + var(--safe-bottom-inset, 0px));display:flex;flex-direction:column;gap:var(--space-4,1rem)}.rankings-hero{padding-top:.35rem}.rankings-kicker{margin:0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.rankings-title{margin:.35rem 0 0;font-family:var(--font-display);font-size:clamp(1.55rem,5vw,1.9rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--color-ink)}.rankings-lead{margin:.45rem 0 0;font-size:.95rem;line-height:1.45;color:var(--color-muted)}.rankings-games{display:flex;flex-wrap:wrap;gap:.4rem}.rankings-game-chip{min-height:var(--touch-min,44px);padding:.35rem .75rem;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);border-radius:var(--radius-button,.75rem);background:var(--color-surface,#fffcf5);color:var(--color-ink);font-size:.85rem;font-weight:600;cursor:pointer}.rankings-game-chip.is-active{border-color:var(--color-primary);background:var(--color-accent-light);color:var(--color-primary)}.rankings-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.rankings-period{min-height:var(--touch-min,44px);border:none;border-radius:var(--radius-button,.75rem);background:color-mix(in srgb,var(--color-ink) 5%,transparent);color:var(--color-ink);font-weight:600;font-size:.88rem;cursor:pointer}.rankings-period.is-active{background:var(--color-primary);color:#fff}.rankings-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem}.rankings-row{display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;gap:.55rem;align-items:center;min-height:3rem;padding:.45rem .65rem;border-radius:var(--radius-card,1rem);background:var(--color-surface,#fffcf5)}.rankings-row--top1{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-reward) 45%,transparent)}.rankings-row--top2,.rankings-row--top3{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 25%,transparent)}.rankings-rank{font-family:var(--font-mono);font-weight:700;color:var(--color-primary)}.rankings-name{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rankings-score{font-family:var(--font-mono);font-size:.82rem;color:var(--color-muted);white-space:nowrap}.rankings-guest,.rankings-own{margin-top:.25rem;padding:.9rem 1rem;border-radius:var(--radius-card,1rem);background:color-mix(in srgb,var(--color-accent-light) 70%,var(--color-surface))}.rankings-guest-title,.rankings-own-kicker{margin:0;font-weight:700;font-size:1rem}.rankings-guest-lead{margin:.35rem 0 .75rem;font-size:.92rem;color:var(--color-muted)}.rankings-own-line{margin:.45rem 0 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.55rem;align-items:center}.rankings-own--empty{display:flex;flex-direction:column;gap:.45rem}.rankings-own-link{color:var(--color-primary);font-weight:650;text-decoration:none;min-height:var(--touch-min,44px);display:inline-flex;align-items:center}.rankings-empty{display:flex;flex-direction:column;gap:.75rem}.rankings-status{margin:0;color:var(--color-muted)}.rankings-status--error{color:var(--color-stamp,#8b3a3a)}.rankings-footnote{margin:.5rem 0 0;font-size:.75rem;color:var(--color-muted)}