.board-table {
    border-collapse: collapse;
    margin: 20px auto;
  }
  
  .board-cell {
    width: 50px;
    height: 50px;
    border: 1px solid black;
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    cursor: pointer;
  }
  
  .board-cell:hover {
    background-color: #f0f0f0;
  }
  
  .cell {
    width: 50px;
    height: 50px;
    border: 1px solid black;
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    cursor: pointer;
  }
  #playbook-container {
    display: none; /* Initially hidden */
    margin: 20px auto; /* Center horizontally */
    width: fit-content; /* Shrink to fit content */
    text-align: center; /* Center text inside */
    border: 1px solid #ccc; /* Optional: border for clarity */
    padding: 10px;
    background-color: #f9f9f9; /* Optional: light background */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional: subtle shadow */
}

#player-mode-form {
  margin: 20px auto;
  width: fit-content;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  padding: 10px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

#game-status {
  width: fit-content;
  margin: 20px auto;
  text-align: center;
}

#bot-delay {
  margin-left: 40px;
  width: 40px;
}

#wait-reveal {
  width: 20px;
}

#start-game {
  display: block;
  margin: 20px auto;
  text-align: center;
  height: 40px;
}

#board-container {
  margin-top: 40px;
}