/* Draughts — board squares, selection and status come from shared/games.css. */

#gm-draughts-board .gm-sq { min-height: 0; }

.gd-piece {
  position: absolute;
  inset: 10%;
  border-radius: 50%;
  pointer-events: none;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.45), inset 0 0 0 3px rgba(0, 0, 0, 0.2), inset 0 0 0 7px rgba(255, 255, 255, 0.14);
}

.gd-piece.w { background: var(--gm-piece-w, #f7f3ea); }
.gd-piece.b { background: var(--gm-piece-b, #14161c); }

.gd-piece.is-new { animation: gd-pop 0.22s ease-out; }

.gd-piece svg {
  position: absolute;
  left: 22%;
  top: 22%;
  width: 56%;
  height: 56%;
  fill: var(--gm-accent-bright, #e0584a);
  stroke: rgba(0, 0, 0, 0.35);
  stroke-width: 0.8;
}

.gm-sq.is-mine { cursor: pointer; }


@keyframes gd-pop {
  0% { transform: scale(0.8); }
  100% { transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .gd-piece.is-new, .gm-sq.is-shake .gm-piece { animation: none; }
  .gm-status.is-thinking .gm-dot { animation: none; }
}

@media (max-width: 480px) {
  .gm-actions .gm-btn { min-height: 44px; }
}

.gm-seg button, .gm-actions .gm-btn { min-height: 44px; }