@media (orientation: landscape) and (max-width: 900px) and (max-height: 500px) {
  #menu .chapters { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  #menu .chapter canvas { height: 105px; }
  #menu .chapter .info { padding: 4px 7px; }
  #menu .chapter .name { font-size: 16px; }
  #menu .chapter .meta { font-size: 12px; }
}