/* Goose Game (Two Player) */
body { background: #f5f0e6; font-family: 'Segoe UI', Tahoma, sans-serif; }
.container { max-width: 720px; margin: 18px auto; text-align: center; }
h1 { color: #2c3e50; margin: 16px 0; font-size: 22px; }
.turn { font-size: 16px; color: #2c3e50; min-height: 24px; margin: 8px 0; }
.board {
  display: grid;
  gap: 4px;
  justify-content: center;
  background: #34495e;
  padding: 10px;
  margin: 14px auto;
  border-radius: 8px;
  width: max-content;
}
.cell {
  width: 50px; height: 50px;
  background: #fff;
  border: 1px solid #d5dbdb;
  border-radius: 5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cell.special { background: #fdebd0; border-color: #e67e22; }
.cell .tag {
  position: absolute;
  top: 2px; right: 3px;
  font-size: 9px;
  color: #e67e22;
  font-weight: 700;
}
.piece {
  width: 26px; height: 26px;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 3px rgba(0,0,0,.35);
}
.piece.p1 { background: #e74c3c; }
.piece.p2 { background: #f1c40f; color: #5d4a00; }
.controls { margin: 16px 0; }
.btn {
  padding: 11px 26px; font-size: 16px; cursor: pointer;
  background: #3498db; color: #fff; border: none; border-radius: 6px;
}
.btn:hover { background: #2980b9; }