@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 .btn { min-width: 0; min-height: 44px; padding: 4px; font-size: 13px; }
  #menu .menu-right { order: 3; display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; }
  #menu .menu-right > * { min-width: 0; max-width: 100%; }
  #menu .menu-right canvas { max-width: 100%; max-height: 150px; object-fit: contain; }
  #menu .logo { animation: none; margin: 0 0 7px; pointer-events: none; }
  #menu .logo .l1 { font-size: 35px; }
  #menu .logo .l2 { font-size: 42px; margin-left: 0; white-space: normal; }
  #menu .logo .l2 small { font-size: 22px; }
  #menu .logo .l3 { font-size: 13px; margin-top: 4px; padding: 1px 7px; }
  #menu .playbox { margin-top: 6px; gap: 7px; }
  #menu .playbox > * { min-width: 0; }
  #menu .btn.big { min-height: 48px; font-size: 24px; padding: 4px 18px; animation: none; }
  #menu .daily { min-height: 48px; margin-top: 6px; padding: 4px 8px; }
  #menu .daily b { font-size: 15px; }
  #menu .daily small { font-size: 12px; }
  #menu .goal, #menu .bestline { margin-top: 5px; font-size: 13px; }
  #menu .modes { gap: 5px; margin-top: 5px; }
  #menu .mode { min-height: 65px; padding: 5px; animation: none; }
  #menu .mode b { font-size: 19px; }
  #menu .mode small, #menu .mode i { font-size: 11px; }
  #menu .zones { margin-top: 6px; font-size: 14px; }
  #menu .zchip { min-height: 44px; }
  #menu .coinsbar { justify-content: flex-start; }
  #menu .card.pick { max-width: min(100%, 430px); }
}