.cell {
  color: black; /* Default color for O */
  transition: all 0.3s ease;
}

.cell.x {
  color: blue; /* Blue for X */
}

.cell.o {
  color: black; /* Black for O */
}

@media (max-width: 640px) {
  #gameBoard {
    width: 60vw !important;
    height: 60vw !important;
  }
  .cell {
    font-size: 7vw !important;
  }
  #winnerText {
    font-size: 1rem !important;
  }
  #resetButton {
    padding: 0.5rem 1rem !important;
    font-size: 0.9rem !important;
  }
}