@media (orientation: landscape) and (max-width: 900px) and (max-height: 500px) {
  #menu { display: flex; flex-direction: column; align-items: stretch; gap: 8px; padding: 8px; }
  #menu .menu-left, #menu .menu-right, #menu .menu-nav {
    position: static; width: 100%; max-width: 100%; min-width: 0;
  }
  #menu .menu-left { order: 1; }
  #menu .menu-nav { order: 2; display: grid; grid-template-columns: repeat(auto-fit, minmax(105px, 1fr)); gap: 5px; }
  #menu .menu-nav button { min-width: 0; min-height: 44px; font-size: 13px; padding: 4px; }
  #menu .menu-right { order: 3; display: flex; flex-direction: row; flex-wrap: wrap; }
  #menu .menu-right > * { min-width: 0; }
  #menu .menu-right .riderbox { width: min(100%, 260px); }
  #menu .menu-right canvas { max-width: 100%; height: 160px; }
  #menu .logo { animation: none; margin-bottom: 4px; }
  #menu .logo .l1 { font-size: 32px; }
  #menu .logo .l2 { font-size: 38px; letter-spacing: 2px; }
  #menu .logo .l3 { font-size: 13px; margin-top: 2px; }
  #menu .label { margin: 4px 0 2px; }
  #menu .modes { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
  #menu .mode { min-height: 56px; padding: 4px 6px; }
  #menu .arenas { gap: 5px; }
  #menu .arena canvas { height: 70px; }
  #menu .menu-left { display: flex; flex-direction: column; }
  #menu .logo { order: -2; }
  #menu .play-row { order: -1; position: static; margin: 4px 0; }
  #menu #btn-play { min-height: 48px; }
}