@media (max-width: 600px), (display-mode: standalone) {
  html,
  body,
  #root {
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 100dvh;
    overflow: hidden;
    background: #f3f6e9;
  }

  html body .phone-stage {
    display: block;
    padding: 0;
    width: 100%;
    height: 100dvh;
  }

  html body .phone-scale-box,
  html body .phone-device {
    width: 100% !important;
    height: 100dvh !important;
  }

  html body .phone-device {
    position: static;
    transform: none !important;
  }

  html body .device-screen {
    position: absolute;
    inset: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    border-radius: 0 !important;
    box-shadow: none;
    cursor: auto;
    -webkit-user-select: auto;
    user-select: auto;
  }

  html body .mobile-app-viewport,
  html body .mobile-app-viewport[data-platform="android"][data-keyboard-visible="false"] {
    inset: 0 !important;
  }

  html body .pay-prototype {
    --app-safe-top: calc(env(safe-area-inset-top) + 20px);
    --app-safe-bottom: env(safe-area-inset-bottom);
  }

  .device-menu-bar,
  .phone-bezel,
  .device-camera,
  .mobile-cursor,
  .status-bar,
  .home-indicator-svg,
  .android-navigation-bar,
  .keyboard-dock {
    display: none !important;
  }

  html body .device-screen,
  html body .device-screen *,
  html body .device-screen:active,
  html body .device-screen:active * {
    cursor: auto !important;
  }
}