/* hard-game/hard-game.css */

/* Slightly larger board on desktop, stays responsive */
.board.board--9 {
  max-width: 640px;
}

/* Make 3x3 subgrids visually clear */
.board--9 .cell:nth-child(9n + 3),
.board--9 .cell:nth-child(9n + 6) {
  border-right-width: 2px;
}

.board--9 .cell:nth-child(n + 19):nth-child(-n + 27),
.board--9 .cell:nth-child(n + 46):nth-child(-n + 54) {
  border-bottom-width: 2px;
}

/* Improve typing feel on mobile */
.board--9 .cell {
  font-size: 18px;
}

/* Phone layout */
@media (max-width: 430px) {
  .board.board--9 {
    max-width: 100%;
  }

  .board--9 .cell {
    font-size: 16px;
  }
}