/* EmoPoke v0.3.17: mobile preview controls while the bottom sheet is open.
 * Presentation-only change: keep the original full-body / face / fullscreen
 * handlers and the existing VMD play/pause transport. No new render/update loop.
 * Desktop, fullscreen and recording/broadcast modes are unaffected.
 */
@media (max-width: 759px) and (orientation: portrait) {
  /* The previous mobile skins explicitly hid #viewActions for an open or
     dragged sheet. Display only when a VRM has revealed this container. */
  body.work-mobile:not(.broadcast-mode):not(.stage-fullscreen):not(.panels-collapsed) #stage #viewActions:not([hidden]),
  body.work-mobile:not(.broadcast-mode):not(.stage-fullscreen).panel-dragging #stage #viewActions:not([hidden]) {
    display: flex !important;
    position: absolute;
    top: auto !important;
    bottom: 8px !important;
    right: 8px;
    left: auto;
    max-width: calc(100% - 16px);
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    z-index: 5;
  }
  /* Four touch-friendly buttons fit the narrow preview area without
     modifying the existing play/pause state or its visibility logic. */
  body.work-mobile:not(.stage-fullscreen) #stage #viewActions:not([hidden]) > button:not([hidden]) {
    min-height: 44px;
    min-width: 44px;
    padding-inline: 7px;
    white-space: nowrap;
  }
}