/* Path: static/stats.css
   Purpose: the /stats page, on top of leaderboards.css: cards of figures, each a big number over its label. */
.figs { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px 10px; margin: 0; }
.fig { margin: 0; min-width: 0; }
.fig dd { margin: 0; font-size: 22px; font-weight: 600; color: var(--accent); font-variant-numeric: tabular-nums; }
.fig dt { color: var(--dim); font-size: 11px; }
.fig.live dd { color: #4fd18b; }
/* The same cards under the boards on the leaderboards page. */
.numbers-wrap { max-width: 1100px; margin: 0 auto; padding: 0 16px 24px; }
.numbers-wrap h2 { margin: 0 0 10px; font: 400 22px 'Special Elite', 'Courier New', monospace; }
.numbers-wrap h2 a { margin-left: 10px; font: 13px 'JetBrains Mono', ui-monospace, monospace; color: var(--accent); }
.numbers-wrap .status { padding: 0; }
.numbers { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; align-items: start; }
@media (max-width: 480px) { .numbers { grid-template-columns: 1fr; } }
@media (pointer: coarse) {
  .numbers-wrap { padding-left: max(16px, env(safe-area-inset-left)); padding-right: max(16px, env(safe-area-inset-right)); }
  .numbers-wrap h2 a { display: inline-flex; align-items: center; min-height: 44px; }
}