:root.embedded-webgame {
  --embedded-desktop-scene-shift-y: clamp(0px, calc(380px - 50vh), 38px);
  --embedded-mobile-scene-scale: 1.12;
  --embedded-mobile-objective-top: 10px;
}

@media (min-width: 761px) {
  .embedded-webgame .scene-host canvas {
    transform: translate3d(
      0,
      var(--embedded-desktop-scene-shift-y),
      0
    );
  }
}

@media (max-width: 760px) {
  .embedded-webgame .scene-host canvas {
    transform: scale(var(--embedded-mobile-scene-scale));
    transform-origin: 50% 56%;
  }

  .embedded-webgame .experience[data-stage="cut"] .objective {
    top: max(
      var(--embedded-mobile-objective-top),
      calc(env(safe-area-inset-top) + 6px)
    );
  }
}