/* Main call image fills the available mobile screen, including caption mode.
   Floating group tiles and the small self preview retain their own placement. */
@media (max-width:760px), (max-height:600px) and (pointer:coarse) {
  #callVideoArea.open[data-call-type="video"]{
    left:0!important;right:0!important;width:100%!important;
    padding:0!important;border:0!important;border-radius:0!important;
    overflow:hidden!important;
  }
  #callVideoArea.open[data-call-type="video"]:not(.localVideoPrimary):not(.callLocalPreview) > #remoteVideo:not(.groupFloating),
  #callVideoArea.open[data-call-type="video"].localVideoPrimary > #localVideo:not(.groupFloating),
  #callVideoArea.open[data-call-type="video"].callLocalPreview > #localVideo:not(.groupFloating){
    position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;
    min-width:0!important;min-height:0!important;
    max-width:none!important;max-height:none!important;
    aspect-ratio:auto!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
    object-fit:cover!important;object-position:center!important;
  }
  #callVideoArea.open[data-call-type="video"].hasCaptionSpace:not(.localVideoPrimary):not(.callLocalPreview) > #localVideo:not(.groupFloating),
  #callVideoArea.open[data-call-type="video"].hasCaptionSpace.localVideoPrimary > #remoteVideo:not(.groupFloating){
    position:absolute!important;left:auto!important;right:18px!important;top:auto!important;
    bottom:calc(var(--caption-bottom) + var(--caption-height) + 18px)!important;
    width:min(28vw,160px)!important;height:auto!important;
    max-height:30%!important;aspect-ratio:3/4!important;
    border:1px solid #bceaff5c!important;border-radius:16px!important;
    object-fit:cover!important;object-position:center!important;
  }
  #callVideoArea.open[data-call-type="video"].hasCaptionSpace .remoteVideoWaiting{
    inset:0!important;width:100%!important;height:100%!important;
  }
  #callVideoArea.open[data-call-type="video"].hasCaptionSpace .liveCaptionsPanel{
    left:12px;right:12px;width:auto;border:1px solid #ffffff26;border-radius:14px;
    background:#06243ade;color:#fff;
  }
}