:root {
  --bg0: #22c55e;
  --bg1: #064e12;
  --card: rgba(0, 0, 0, 0.10);
  --card2: rgba(0, 0, 0, 0.14);
  --stroke: rgba(0, 0, 0, 0.18);
  --stroke2: rgba(255, 255, 255, 0.12);
  --text: rgba(255, 255, 255, 0.92);
  --muted: rgba(255, 255, 255, 0.75);
  --shadow: 0 10px 18px rgba(0, 0, 0, 0.22);

  --time-scale: 1;

  --appPad: 18px;
  --scoreSize: clamp(56px, 12vw, 96px);
  --trayBlockPx: clamp(16px, 4.6vw, 22px);
  --slotMinH: clamp(120px, 22vw, 160px);

  --cell: rgba(0, 0, 0, 0.16);
  --cellStroke: rgba(0, 0, 0, 0.18);
  --cellFilledStroke: rgba(0, 0, 0, 0.22);

  --boardFrame: rgba(0, 0, 0, 0.22);
  --boardInner: rgba(0, 0, 0, 0.12);

  --radius: 18px;
  --radiusSm: 14px;

  --good: #22c55e;
  --bad: #fb7185;
}