:root {
  --game-bottom-nav-height: 82px;
  --game-safe-bottom: env(safe-area-inset-bottom);

  --game-ink: #17100d;
  --game-ink-soft: #4c372b;
  --game-paper: #fff5d6;
  --game-paper-2: #ffe8a8;
  --game-paper-3: #f8d976;
  --game-stage: #171311;
  --game-stage-2: #241b17;
  --game-stage-3: #34261e;
  --game-accent: #ffd23f;
  --game-accent-2: #ff7a3d;
  --game-pink: #ff6eb4;
  --game-green: #75d36a;
  --game-blue: #57c7ff;
  --game-purple: #9a78ff;
  --game-danger: #ff5757;
  --game-line-dark: #17100d;
  --game-line-light: rgba(255, 255, 255, 0.22);

  --game-radius-xs: 8px;
  --game-radius-sm: 10px;
  --game-radius-md: 14px;
  --game-radius-lg: 18px;
  --game-radius-xl: 24px;

  --game-shadow-hard: 0 4px 0 #17100d;
  --game-shadow-raised: 0 5px 0 #17100d, 0 14px 28px rgba(0, 0, 0, 0.28);
  --game-shadow-float: 0 8px 0 #17100d, 0 24px 48px rgba(0, 0, 0, 0.36);
  --game-glow-yellow: 0 0 0 3px rgba(255, 210, 63, 0.2), 0 0 28px rgba(255, 210, 63, 0.32);
  --game-glow-green: 0 0 0 3px rgba(117, 211, 106, 0.18), 0 0 28px rgba(117, 211, 106, 0.28);

  --game-page-pad-x: clamp(10px, 3vw, 18px);
  --game-page-max: 760px;

  --fuggler-display-font: "Arial Black", "Impact", "Cooper Black", "Trebuchet MS", system-ui, sans-serif;
}