@media (orientation: landscape) and (max-width: 900px) and (max-height: 500px) {
  #menu { display: flex; flex-direction: column; align-items: stretch; gap: 5px; padding: 8px; }
  #menu .menu-top { position: static; order: 0; width: 100%; justify-content: flex-end; }
  #menu .logo { order: 1; width: 100%; max-width: 100%; pointer-events: none; }
  #menu .logo h1 { max-width: 100%; margin: 0; font-size: 35px; line-height: 1; transform: none; animation: none; white-space: normal; }
  #menu .logo .l1 { font-size: 28px; }
  #menu .logo .l2 { font-size: 36px; margin-top: 3px; white-space: normal; width: auto; }
  #menu .logo p { max-width: 100%; margin: 3px 0; font-size: 13px; }
  #menu .menu-main { order: 2; width: min(100%, 430px); margin-top: 3px; gap: 5px; }
  #menu .menu-main .btn, #menu .menu-row .btn { min-height: 44px; }
  #menu #btn-play { min-height: 48px; font-size: 24px; animation: none; }
  #menu .menu-row { order: 3; width: min(100%, 430px); margin-top: 3px; gap: 5px; }
  #menu .menu-row .btn { min-width: 0; font-size: 13px; padding: 3px; }
  #menu .menu-foot { order: 4; margin-top: 3px; font-size: 13px; }
}