.bottom-world-frame {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  left: clamp(300px, 15vw, 430px);
  width: calc(100% - clamp(300px, 15vw, 430px));
  height: 100%;
  border: 0;
  background: transparent;
  color-scheme: dark;
  pointer-events: none;
}

html[data-stage-embed="1"] .bottom-world-frame,
html[data-mobile-desktop-view="1"] .bottom-world-frame {
  left: 0;
  width: 100%;
}

@media (max-width: 960px) {
  .bottom-world-frame {
    left: 0;
    width: 100%;
  }
}