.board{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-rule);max-width:44rem}.board-row{display:grid;grid-template-columns:2.5rem 1fr auto;grid-template-areas:"rank name pct" "rank meter n";align-items:center;column-gap:1rem;row-gap:.4rem;padding:1rem 0;border-bottom:1px solid var(--color-rule)}.board-rank{grid-area:rank;font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--color-paper-3);font-variant-numeric:tabular-nums}.board-name{grid-area:name}.board-name,.board-pct{font-family:var(--font-display);font-weight:600;color:var(--color-paper)}.board-pct{grid-area:pct;justify-self:end;font-variant-numeric:tabular-nums}.board-n{grid-area:n;justify-self:end;font-size:.8125rem;color:var(--color-paper-3);font-variant-numeric:tabular-nums}.board-meter{grid-area:meter;position:relative;display:block;height:4px;border-radius:2px;background:var(--color-ink-3)}.board-fill{position:absolute;inset:0 auto 0 0;border-radius:2px;background:var(--color-accent);min-width:2px}.board-tick{position:absolute;top:-3px;bottom:-3px;width:2px;border-radius:1px;background:var(--color-paper-2)}@media (prefers-reduced-motion:no-preference){.board-fill{transform-origin:left;animation:board-fill-grow 1.1s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--fill-delay,.2s)}.board-tick{animation:board-tick-fade .5s ease-out both;animation-delay:calc(var(--fill-delay, .2s) + .8s)}}@keyframes board-fill-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes board-tick-fade{0%{opacity:0}to{opacity:1}}.board-strong{color:var(--color-paper);font-weight:600}