/* ============================================================
   hakoniwa casino — chips & bet bar (L1 / カジノ共通)
   ★ C1 チップ意匠の唯一の定義元。ツールごとに再実装しないこと。
   丸56px・白破線枠・tier色($1 スレート / $5 青 / $25 ティール / $100 ダーク+黄字)。
   前提: tokens.css → base.css を先に読み込むこと。
   ============================================================ */
.bet-bar { display: grid; grid-template-columns: 1fr; gap: 10px; }
.bet-display { text-align: center; font-family: 'Cinzel', serif; letter-spacing: 0.16em; font-size: 0.8rem; color: var(--muted); }
.bet-display .gold {
  color: var(--c-dark); font-size: 1.1rem;
  background: var(--c-yellow); padding: 1px 10px; border-radius: 100px; margin-left: 4px;
}
.chips { display: flex; gap: 10px; justify-content: center; align-items: center; flex-wrap: wrap; }
.chip {
  box-sizing: border-box;
  width: 56px; height: 56px; border-radius: 50%; cursor: pointer;
  font-family: 'JetBrains Mono', monospace; font-weight: 600; font-size: 0.9rem; color: #fff;
  border: 3px dashed rgba(255, 255, 255, 0.7);
  box-shadow: 0 5px 12px -5px rgba(40, 42, 41, 0.5), inset 0 0 0 4px rgba(255, 255, 255, 0.12);
  transition: transform 0.12s;
}
.chip:active { transform: scale(0.92); }
.chip:disabled { opacity: 0.4; cursor: default; }
/* 多スポット系(baccarat/roulette 等)の「選択中チップ」canon 状態 (C1-追記)。単一スポット系(blackjack)には該当要素が無く無害。 */
.chip.is-active { transform: scale(1.12); box-shadow: 0 0 0 3px var(--c-yellow), inset 0 0 0 4px rgba(255, 255, 255, 0.12); }
.chip.c1 { background: #b9c3c7; color: var(--c-dark); }
.chip.c5 { background: var(--c-blue); }
.chip.c25 { background: var(--c-teal); }
.chip.c100 { background: var(--c-dark); border-color: var(--c-yellow); color: var(--c-yellow); }
.bet-clear { font-family: 'JetBrains Mono', monospace; font-size: 0.74rem; font-weight: 600;
  padding: 6px 14px; border-radius: 8px; border: 1px solid var(--line);
  background: var(--surface); color: var(--muted); cursor: pointer; }
.bet-clear:active { transform: scale(0.96); }