/* ============================================================
   MOBILE PANORAMA LAYER v193
   Phones/tablets keep the room's native aspect ratio instead of
   squeezing the entire panorama into the viewport. Loaded last.
   ============================================================ */

@media (max-width:1180px), (pointer:coarse){
  .stage{
    overflow:hidden!important;
    touch-action:none!important;
  }

  .scene.mobile-panorama-active{
    position:absolute!important;
    inset:auto!important;
    left:0!important;
    top:var(--mobile-scene-y,0px)!important;
    right:auto!important;
    bottom:auto!important;
    width:var(--mobile-scene-w,100vw)!important;
    height:var(--mobile-scene-h,100dvh)!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    overflow:visible!important;
    transform:translate3d(var(--mobile-pan-x,0px),0,0)!important;
    transform-origin:0 0!important;
    will-change:transform!important;
  }

  .scene.mobile-panorama-active .room-bg,
  .scene.mobile-panorama-active .avatar-layer{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }

  .scene.mobile-panorama-active .room-bg{
    object-fit:fill!important;
  }

  body.mobile-panorama-enabled .room-help{
    pointer-events:none!important;
  }
}