/* Board Fix CSS - Ensures main game board displays correctly */
/* This file fixes conflicts caused by tools.css */

/* Main game board - Force correct grid layout */
#play-mode .chess-board {
  display: grid !important;
  grid-template-columns: repeat(8, 1fr) !important;
  grid-template-rows: repeat(8, 1fr) !important;
  width: 480px !important;
  height: 480px !important;
  border: 2px solid var(--board-border) !important;
  margin: 16px auto !important;
}

/* Ensure squares are properly sized */
#play-mode .chess-board .square {
  width: auto !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Override any tools CSS that might interfere */
#play-mode .chess-board-container {
  text-align: center !important;
  margin: 16px 0 !important;
}

/* Ensure the board container doesn't get overridden */
#play-mode .game-board-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Make sure the board grid works properly */
#play-mode .chess-board > * {
  box-sizing: border-box !important;
}