@media (orientation: landscape) and (max-height: 500px) {
  .home-wrap { gap: 6px; padding: 4px 8vw; }
  .home-grid { gap: 8px; }
  .home-wrap .logo { font-size: 28px; margin: 0; }
  .home-wrap .logo-sub { font-size: 14px; padding: 4px 16px; }
  .home-wrap .mode-card { min-height: 90px; padding: 4px 8px; gap: 3px; border-width: 3px; border-radius: 22px; }
  .home-wrap .mode-art { min-height: 34px; height: 34px; }
  .home-wrap .mode-thumb { width: 38px; height: 38px; padding: 2px; border-radius: 12px; }
  .home-wrap .mode-thumb.second { transform: rotate(6deg); }
  .home-wrap .letter-bubble, .home-wrap .tool-bubble { width: 34px; height: 34px; font-size: 22px; border-radius: 12px; }
  .home-wrap .mode-label { font-size: 22px; }
  .home-wrap .mode-sub { font-size: 12px; padding: 2px 8px; }
}
@media (orientation: landscape) and (max-height: 360px) {
  .home-wrap .logo { font-size: 24px; }
  .home-wrap .logo-sub { display: none; }
  .home-wrap .mode-card { gap: 2px; min-height: 84px; }
  .home-wrap .mode-art { min-height: 30px; height: 30px; }
  .home-wrap .mode-thumb, .home-wrap .letter-bubble, .home-wrap .tool-bubble { width: 30px; height: 30px; }
  .home-wrap .mode-label { font-size: 20px; }
  .home-wrap .mode-sub { font-size: 11px; }
}