/* easy-game/easy-game.css */

/* Slightly smaller than 9x9, stays responsive */
.board.board--6 {
  max-width: 520px;
}

/* 6x6 uses 2x3 subgrids:
   - Vertical thick lines after col 3 (so 3|3)
   - Horizontal thick lines after rows 2 and 4 (so 2|2|2)
*/

/* Vertical divider after column 3 in each row */
.board--6 .cell:nth-child(6n + 3) {
  border-right-width: 2px;
}

/* Horizontal dividers after row 2 and row 4:
   cells 7-12 are row 2, cells 19-24 are row 4
*/
.board--6 .cell:nth-child(n + 7):nth-child(-n + 12),
.board--6 .cell:nth-child(n + 19):nth-child(-n + 24) {
  border-bottom-width: 2px;
}

/* Tweak typing size */
.board--6 .cell {
  font-size: 18px;
}

@media (max-width: 430px) {
  .board.board--6 {
    max-width: 100%;
  }

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