/* 五子棋 · 局部样式（骨架、色板、按钮、遮罩见 /games/assets/base.css） */

/* ---------- 棋盘：灰外框 + 奶油底 ---------- */

.frame { display: block; }

.stage { width: 100%; line-height: 0; }

canvas {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  background: var(--cell);
  border-radius: var(--radius);
  cursor: pointer;
  touch-action: none;
}

/* ---------- HUD 里的回合状态 ---------- */

.hud-status { color: var(--accent); font-size: 0.9rem; }
.hud-status.busy { color: var(--muted); }

/* ---------- 按钮行 ---------- */

.actions { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }

.btn:disabled { opacity: 0.45; cursor: default; }
.btn:disabled:hover { background: var(--accent); }

/* 触屏：近手位的 .pad 负责悔棋 / 重开，底部按钮行让位，避免出现两排一样的按钮 */
@media (hover: none) and (pointer: coarse) {
  .actions { display: none; }
}