/* デザイントークン（全モジュール共通。値の調整は可、名前の変更・削除は不可） */
:root {
  --bg-0: #060918;
  --bg-1: #0c1230;
  --bg-2: #141b44;
  --panel: rgba(16, 22, 54, 0.78);
  --panel-2: rgba(26, 34, 78, 0.85);
  --panel-hi: rgba(40, 52, 110, 0.9);
  --line: rgba(150, 170, 255, 0.18);
  --line-hi: rgba(190, 205, 255, 0.45);
  --text: #eaedff;
  --text-dim: #b4bce0;
  --text-faint: #939dc8;
  --accent: #ffd27a;
  --accent-2: #9fd0ff;

  --chips: #4fa8ff;
  --mult: #ff5470;
  --xmult: #ff8a3d;
  --money: #ffcc3d;
  --good: #63e6a4;
  --bad: #ff6464;

  /* 星の色（紅・金・白・蒼） */
  --s0: #ff6b6b;
  --s1: #ffc94d;
  --s2: #e8eeff;
  --s3: #5aaaff;

  /* 珍しさ */
  --r-common: #9fb3d9;
  --r-uncommon: #5fe0a0;
  --r-rare: #c08cff;
  --r-legendary: #ffd27a;

  --font-ui: 'Zen Kaku Gothic New', 'Hiragino Sans', 'Yu Gothic UI', 'Meiryo', sans-serif;
  --font-title: 'Shippori Mincho B1', 'Yu Mincho', serif;
  --font-num: 'Saira Semi Condensed', 'Zen Kaku Gothic New', sans-serif;

  --radius: 12px;
  --radius-s: 8px;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  --glow: 0 0 18px rgba(160, 190, 255, 0.35);

  /* 盤のマスの大きさ（レイアウト側で上書き） */
  --cell: 84px;
  --gap: 8px;

  /* 演出の速さ（設定で 1 / 0.6 / 0.35 に） */
  --speed: 1;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  background: var(--bg-0);
  color: var(--text);
  font-family: var(--font-ui);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}
button { font: inherit; color: inherit; }
.num { font-family: var(--font-num); font-variant-numeric: tabular-nums; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (prefers-reduced-motion: reduce) {
  :root { --speed: 0.35; }
}