/* The mobile WebGL viewport and fallback image use the same cover + zoom framing.
   Canvas pixels are not CSS-scaled: raycasting keeps the render frameBox mapping. */
@media(max-width:700px){
 html[data-mobile-scene-framing="edge-crop-r1"] .stage{
  width:calc(100% + 32px);height:clamp(300px,calc(100svh - 430px),560px);
  min-height:0;margin-left:-16px;margin-right:-16px;overflow:hidden;
 }
 html[data-mobile-scene-framing="edge-crop-r1"] .stage #studio{height:100%;min-height:0}
 html[data-mobile-scene-framing="edge-crop-r1"] .scene-poster img{
  object-fit:cover;object-position:50% 50%;transform:scale(1.32);transform-origin:50% 50%;
 }
}