/* =========================================================
   game.css  —  game.html only
   ========================================================= */

body.page-game {
  --page-bg: #f4f4f4;
}

.section-title {
  margin-top: 30px;
}

.game {
  margin-top: 20px;
}

.game h3 {
  margin-bottom: 5px;
}

.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.grid ul {
  padding: 0;
  list-style: none;
}

.grid li {
  margin: 5px 0;
}

.tips {
  margin-top: 15px;
}

.features {
  list-style: none;
}

.features li {
  margin: 8px 0;
}

@media (max-width: 600px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}