/* Room to play on laptops and monitors; compact layouts remain on phones. */
@media (min-width: 900px) {
  #app { width: 96vw; max-width: 1440px; height: 100dvh; }
  #screen-menu, #screen-rooms, #screen-achievements { padding: 32px 40px; }
  .menu-container, .rooms-container { max-width: 1240px; margin-inline: auto; }
  #screen-menu .game-title { font-size: 3.8rem; }
  .party-hero { padding: 32px 40px; }
  .hero-copy h2 { font-size: 2.8rem; }
  .hero-copy p { font-size: 1rem; }
  .hero-monster { right: 70px; top: 50px; transform: rotate(12deg) scale(1.2); }
  .hero-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 28px; }
  .hero-actions [data-room-intent="solo"] { grid-column: auto; }
  #screen-menu .menu-buttons { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #screen-menu .menu-buttons .btn { min-height: 76px; font-size: 1rem; }
  .achievements-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #room-mode-picker { grid-template-columns: repeat(3, minmax(0, 1fr)); max-height: 480px; }
  .room-question { font-size: 1.6rem; }
  .room-answer { min-height: 76px; font-size: 1.15rem; }
  .ice-mountain-scene { height: 380px; }
  .lava-arena { height: 330px; }
  .auth-card { width: min(100%, 560px); padding: 40px; }
}
@media (min-width: 1200px) {
  .achievements-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #screen-menu .menu-buttons { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  #room-mode-picker { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}