:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-30: 120px;

  --max-global: 1280px;
  --max-game: 1180px;
  --max-text: 720px;
  --pad-page: 32px;
  --section-space: 104px;
  --header-h: 72px;
  --grid-cols: 12;
  --grid-gap: 24px;

  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-panel: 24px;
  --r-button: 10px;
  --r-pill: 999px;

  --shadow-lift: 0 20px 60px rgba(0, 0, 0, .25);
  --touch-min: 44px;
}
@media (max-width: 720px) {
  :root {
    --pad-page: 20px;
    --section-space: 56px;
    --grid-cols: 4;
    --grid-gap: 12px;
    --header-h: 60px; /* v2 */
  }
}