/* --- Variables ----------------------------------- */
:root {
  --app-vh: 100dvh;
  --felt-a: #2ea674;
  --felt-b: #23875d;
  --ink: #142337;
  --muted: #4b6177;
  --accent-cyan: #0ea5e9;
  --accent-mint: #22c55e;
  --accent-amber: #f59e0b;
  --orange: #f59e0b;
  --danger: #e63946;
  --blue: #2864d8;
  --shadow: 0 6px 18px rgba(20, 35, 55, 0.14);
  --phase-band-height: clamp(110px, 18vh, 180px);
  --edge-band-height: clamp(110px, 16vh, 132px);
  --phase-slot-min-height: 110px;
  --card-w: 52px;
  --card-h: 74px;
  --hand-card-w: calc(var(--card-w) * 1.18);
  --hand-card-h: calc(var(--card-h) * 1.18);
  --card-label-size: clamp(1.15rem, 4.8vw, 2.05rem);
  --pile-card-w: calc(var(--card-w) * 2);
  --pile-card-h: calc(var(--card-h) * 2);
  --card-back-base: #0f1d31;
  --card-back-panel: #132742;
  --card-back-ink: #d9e6f5;
  --card-back-line: #8da8c8;
}