/* (A) MINESWEEPER WRAPPER */

#mine-wrap {

  display: flex;

  flex-wrap: wrap;

}



/* (B) MINESWEEPER CELLS */

#mine-wrap .cell {

  box-sizing: border-box;

  background: #ddd;

  border: 1px solid #ccc;

  font-size: 70px;

  text-align: center;

  cursor: pointer;

}

#mine-wrap .cell.mark { background: #fea; }

#mine-wrap .cell.reveal { background: #f7f7f7; }

#mine-wrap .cell.boom { background: #f00; }



/* (X) DOES NOT MATTER */

body, html { font-family: arial, sans-serif; }