.period-boards{gap:var(--space-4);display:grid}@media (min-width:760px){.period-boards{grid-template-columns:1fr 1fr;align-items:start}.period-boards>.period-card{margin:0}}.period-card{box-shadow:none;transition:box-shadow var(--motion-base) ease-out}.period-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin:0 0 var(--space-3);display:flex}.period-title{align-items:baseline;gap:var(--space-2);min-width:0;font-size:var(--type-lg);flex-wrap:wrap;margin:0;display:flex}.period-toggle{min-height:var(--tap-min);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-primary);font:inherit;font-size:var(--type-sm);font-weight:var(--weight-bold);white-space:nowrap;cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;display:inline-flex}.period-toggle:hover{background:var(--surface-overlay)}.period-toggle:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}@media (max-width:1023px){.period-card[data-expanded=false] .period-list li:nth-child(n+2){display:none}}@media (min-width:1024px){.period-toggle{display:none}}.period-window{color:var(--text-secondary);font-size:var(--type-xs);font-weight:var(--weight-regular);letter-spacing:var(--tracking-wide);text-transform:uppercase}.period-empty{color:var(--text-secondary);margin:0}.period-list{margin:0;padding:0;list-style:none}.period-list li{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;grid-template-columns:auto auto minmax(0,1fr) auto;display:grid}.period-list li+li{border-top:1px solid var(--border-subtle)}.period-position{color:var(--text-secondary);font-size:var(--type-sm);font-variant-numeric:tabular-nums;min-width:2ch}.period-name{min-width:0;min-height:var(--tap-min);color:inherit;text-overflow:ellipsis;white-space:nowrap;align-items:center;text-decoration:none;display:flex;overflow:hidden}a.period-name:hover,a.period-name:focus-visible{text-underline-offset:3px;text-decoration:underline}a.period-name:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px;border-radius:var(--radius-sm)}.period-total{font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);white-space:nowrap}.period-card--crowned{box-shadow:0 0 0 2px var(--accent), var(--shadow-md)}.period-list li.crowned{background:var(--surface-overlay);border-radius:var(--radius-md);transition:background var(--motion-base) ease}@media (prefers-reduced-motion:reduce){.period-card,.period-list li.crowned{transition:none}}@media (max-width:400px){.period-title{font-size:var(--type-md)}.period-list li{gap:var(--space-1)}}
.ranking li.rank-row{align-items:center;column-gap:var(--space-2);row-gap:var(--space-1);padding:var(--space-4) var(--space-2);grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"pos avatar identity""money money money";justify-content:stretch;display:grid}@media (min-width:480px){.ranking li.rank-row{column-gap:var(--space-3);grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"pos avatar identity money"}}.ranking li.rank-row--leader{box-shadow:inset 0 0 0 2px var(--accent);border-radius:var(--radius-md);padding-inline:var(--space-3)}.ranking .rank-row .position{grid-area:pos;align-self:center}.ranking .rank-row .avatar{grid-area:avatar;width:48px;height:48px}@media (min-width:480px){.ranking .rank-row .avatar{width:56px;height:56px}}@media (min-width:900px){.ranking .rank-row .avatar{width:72px;height:72px;font-size:var(--type-lg)}}.ranking .rank-row .rank-avatar-link{border-radius:50%;grid-area:avatar;text-decoration:none;display:block}.ranking .rank-row .rank-avatar-link .avatar{grid-area:auto;display:flex}.ranking .rank-row .rank-avatar-link{width:max-content;height:max-content}.ranking .rank-row .rank-avatar-link:hover .avatar{opacity:.82}.ranking .rank-row .rank-identity{gap:var(--space-1);grid-area:identity;min-width:0;display:grid}.ranking .rank-row .rank-name{min-width:0;min-height:var(--tap-min);color:inherit;flex-direction:column;justify-content:center;text-decoration:none;display:flex}.ranking .rank-row .rank-name strong,.ranking .rank-row .rank-name small{display:block}.ranking .rank-row .rank-name small{color:var(--text-secondary);margin-top:2px}a.rank-name:hover strong,a.rank-name:focus-visible strong{text-underline-offset:3px;text-decoration:underline}a.rank-name:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px;border-radius:var(--radius-sm)}.ranking .rank-row .rank-tagline{color:var(--text-secondary);font-size:var(--type-sm);line-height:var(--leading-snug);display:block}.ranking .rank-row .rank-links{gap:var(--space-2);flex-wrap:wrap;align-items:center;min-width:0;display:flex}.ranking .rank-row .rank-link{min-height:var(--tap-min);min-width:var(--tap-min-inline);padding:0 var(--space-2);color:var(--text-secondary);font-size:var(--type-xs);font-weight:var(--weight-bold);white-space:nowrap;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.ranking .rank-row .rank-link[data-kind=site]{text-overflow:ellipsis;max-width:14ch;line-height:var(--tap-min);display:inline-block;overflow:hidden}.ranking .rank-row .rank-link:hover{color:var(--text-primary);text-underline-offset:3px;text-decoration:underline}.ranking .rank-row .rank-link:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.ranking .rank-row .rank-total{white-space:nowrap;font-size:var(--type-lg);color:var(--accent-ink);grid-area:money;justify-self:end}@media (min-width:480px){.ranking .rank-row .rank-total{font-size:var(--type-md);justify-self:end}}.you-paid{gap:var(--space-1);margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-left:3px solid var(--accent);border-radius:var(--radius-md);background:var(--surface-raised);animation:.32s ease-out both you-paid-in;display:grid}@media (min-width:480px){.you-paid{align-items:baseline;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto}}.you-paid strong{min-width:0;color:var(--text-primary);font-size:var(--type-md);line-height:var(--leading-snug)}.you-paid-amount{color:var(--accent-ink);font-size:var(--type-lg);font-weight:var(--weight-heavy);font-variant-numeric:tabular-nums;white-space:nowrap}@keyframes you-paid-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.you-paid{animation:none}}
.ticker{align-items:center;gap:var(--space-2);min-height:var(--tap-min);margin:var(--space-3) 0 0;border-block:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--type-sm);display:flex;overflow:hidden}.ticker-viewport{flex:auto;min-width:0;overflow:hidden;container-type:inline-size}.ticker-track{will-change:transform;width:max-content;animation:ticker-scroll var(--motion-ticker-medium) linear infinite;display:flex}.ticker[data-length=short] .ticker-track{animation-duration:var(--motion-ticker-short)}.ticker[data-length=medium] .ticker-track{animation-duration:var(--motion-ticker-medium)}.ticker[data-length=long] .ticker-track{animation-duration:var(--motion-ticker-long)}.ticker[data-length=none] .ticker-track{animation:none}.ticker-copy{align-items:center;gap:var(--space-8);min-width:100cqi;padding:0 var(--space-8) 0 0;white-space:nowrap;flex:none;margin:0;list-style:none;display:flex}.ticker-item{align-items:center;gap:var(--space-2);line-height:var(--tap-min);display:inline-flex}.ticker-label{color:var(--text-primary);font-size:var(--type-2xs);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-wide);text-transform:uppercase}.ticker:hover .ticker-track,.ticker:focus-within .ticker-track,.ticker[data-paused=true] .ticker-track{animation-play-state:paused}.ticker-toggle{min-width:var(--tap-min);min-height:var(--tap-min);border:0;border-left:1px solid var(--border-subtle);color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.ticker-toggle:hover{background:var(--surface-overlay)}.ticker-toggle:focus-visible{outline:2px solid var(--accent-ink);outline-offset:-2px}@keyframes ticker-scroll{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ticker-track{will-change:auto;animation:none;transform:none}.ticker-copy[aria-hidden=true],.ticker-toggle{display:none}.ticker-viewport{scroll-snap-type:x proximity;overflow-x:auto}.ticker-item{scroll-snap-align:start}}
.hero .eyebrow .aside{text-transform:none;letter-spacing:0;font-weight:var(--weight-regular);color:var(--text-secondary)}.needs-handle{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-left:3px solid var(--warning);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--type-sm);line-height:var(--leading-normal);max-width:46ch}.header-account{font-size:var(--type-sm);white-space:nowrap}@media (max-width:400px){.shell--home .hero{padding-top:var(--space-8);padding-bottom:var(--space-8)}}.ranking-head{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.ranking-head h2{margin:0}@media (min-width:1024px){.shell--home{width:min(100% - var(--space-8), 1200px)}.home-board{align-items:start;gap:var(--space-6);margin:var(--space-4) 0;grid-template-columns:minmax(280px,320px) minmax(0,1fr);grid-template-areas:"periods ranking";display:grid}.home-board>*,.home-board>*>.panel{min-width:0;margin:0}.home-board__periods{grid-area:periods}.home-board__ranking{grid-area:ranking}.home-board .period-boards{grid-template-columns:1fr}.home-board__periods .panel{padding:var(--space-4)}.home-board__periods .period-list .avatar{width:40px;height:40px;font-size:var(--type-sm)}}@media (min-width:1024px) and (min-height:820px){.home-board__periods{top:var(--space-4);position:sticky}}
