html.force-landscape,
html.force-landscape body {
  width: 100vh;
  height: 100vw;
  overflow: hidden;
  margin: 0;
}
html.force-landscape body {
  position: fixed;
  top: 0;
  left: 100vw;
  transform: rotate(90deg);
  transform-origin: top left;
}
html.force-landscape .rotate {
  display: none !important;
}
html.force-landscape .stage,
html.force-landscape .stage-viewport,
html.force-landscape .stands,
html.force-landscape .welcome,
html.force-landscape .login-scene,
html.force-landscape video {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html.force-landscape .stage-actions {
  display: flex !important;
}
html.force-landscape .navigation,
html.force-landscape .menu-toggle {
  opacity: 1;
}

@media (orientation: landscape) and (max-height: 500px) {
  .login-card {
    padding: 18px 20px 16px;
    max-width: 340px;
  }
  .login-card h1 {
    font-size: 18px;
  }
  .login-card p {
    margin-bottom: 14px;
    font-size: 12px;
  }
}

@media (max-width: 900px) and (orientation: landscape) {
  .menu-toggle {
    padding: 10px 48px 10px 12px;
  }
}