body.merxi-demo-hosted {
  min-width: 320px;
  overflow: hidden;
  background: #f5f1eb;
}

.merxi-demo-hosted .device-menu-bar,
.merxi-demo-hosted .language-control,
.merxi-demo-hosted .phone-bezel,
.merxi-demo-hosted .device-camera,
.merxi-demo-hosted .status-bar,
.merxi-demo-hosted .home-indicator-svg,
.merxi-demo-hosted .android-navigation-bar {
  display: none !important;
}

.merxi-demo-hosted .merxi-h5-game__canvas > #root {
  display: grid;
  place-items: center;
  overflow: hidden;
}

.merxi-demo-hosted .phone-stage {
  display: grid !important;
  width: min(100%, 390px) !important;
  height: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  place-items: center !important;
}

.merxi-demo-hosted .phone-scale-box,
.merxi-demo-hosted .phone-device {
  position: relative !important;
  inset: auto !important;
  width: min(100%, 390px) !important;
  height: 100% !important;
  transform: none !important;
}

.merxi-demo-hosted .device-screen {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.merxi-demo-hosted .dice-app-shell,
.merxi-demo-hosted .device-screen[data-device="pixel-10"] .dice-app-shell {
  min-height: 100%;
  padding-top: 0 !important;
}

.merxi-demo-hosted noscript {
  padding: 24px;
  color: #4c301e;
  text-align: center;
}