.board-tabs{background:color-mix(in oklab, var(--color-ink) 70%, transparent);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:999px;gap:.25rem;padding:.25rem;display:inline-flex}.board-tabs>a{height:2.5rem;color:var(--color-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;padding:0 1.1rem;font-size:.95rem;font-weight:600;transition:background-color .22s,color .22s,box-shadow .22s;display:inline-flex}.board-tabs>a:hover{color:var(--color-fg)}.board-tabs>a[aria-current=page]{color:#fff;background:color-mix(in oklab, var(--color-accent) 24%, var(--color-raised));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 55%, transparent), 0 8px 22px -12px var(--color-accent)}.period-seg{background:color-mix(in oklab, var(--color-ink) 70%, transparent);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:1rem;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.25rem;padding:.25rem;display:grid}.period-seg>:is(a,button){height:2.5rem;color:var(--color-muted);white-space:nowrap;border-radius:.75rem;justify-content:center;align-items:center;padding:0 .5rem;font-size:.875rem;font-weight:600;transition:background-color .22s,color .22s,box-shadow .22s;display:flex}.period-seg>:is(a,button):hover{color:var(--color-fg)}@media (min-width:40rem){.period-seg>:is(a,button){padding:0 .9rem;font-size:.9rem}}.period-seg>a[aria-current=page],.period-seg>button[aria-selected=true]{color:var(--color-fg);background:var(--color-raised);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-muted) 35%, var(--color-line))}.lvl-dot{background:var(--color-line);border-radius:999px;width:.625rem;height:.625rem;display:inline-block}.lvl-dot[data-state=won]{background:var(--tier-fg);box-shadow:0 0 10px -2px var(--tier-fg)}.lvl-dot[data-state=lost]{box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--tier-fg) 55%, transparent);background:0 0}.medal-1{--hue:#f5c451}.medal-2{--hue:#c9d2e3}.medal-3{--hue:#e0915f}.points-num{font-family:var(--font-display,inherit);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.points-pop{animation:points-pop .7s var(--ease-spring) .5s both}@keyframes points-pop{0%{opacity:0;transform:translateY(6px)scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.points-pop{animation:none}.board-tabs>a,.period-seg>:is(a,button){transition:none}}