@media (orientation: landscape) and (max-width: 900px) and (max-height: 500px) {
  #menu .menu-head { width: 100%; min-width: 0; gap: 8px; }
  #menu .logo .l1 { font-size: 39px; }
  #menu .logo .l2 { font-size: 19px; margin-left: 10px; padding: 0 7px; }
  #menu .profile { gap: 4px; padding: 3px 6px; border-radius: 10px; }
  #menu .pinfo { width: 90px; }
  #menu .pname { font-size: 12px; }
  #menu .xpbar { height: 10px; }
  #menu .xpbar span { font-size: 8px; line-height: 9px; }
  #menu .wallet, #menu .streak { font-size: 12px; padding: 1px 5px; }
  #menu .modes { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); width: 100%; gap: 5px; }
  #menu .mode { width: auto; min-width: 0; height: 135px; padding: 4px; gap: 2px; border-radius: 12px; }
  #menu .mode .mi { font-size: 30px; }
  #menu .mode b { font-size: 13px; line-height: 1.1; }
  #menu .mode small { font-size: 10px; line-height: 1.1; }
  #menu .menu-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; gap: 5px; }
  #menu .menu-row button { min-width: 0; padding: 4px; font-size: 13px; }
}