/* =====================================================================
   GVD v32 - compact desktop-site fallback + resilient touch ownership.
   ===================================================================== */

/* Mobile browsers may expose a desktop-like ~980px layout viewport after
   “Desktop site” is enabled. All compact rules now extend through 1100px;
   this final layer also makes the custom scene gesture the sole owner of
   vertical touch movement, including over large public-work links. */
@media (max-width: 1100px) {
  html.is-depth,
  html.is-depth body,
  html.is-depth #depth-stage {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  html.is-depth #depth-stage,
  html.is-depth #depth-stage .station.is-interactive,
  html.is-depth #depth-stage .station.is-interactive * {
    touch-action: none !important;
  }

  /* The cue must stay in the visual centre even when the browser reports a
     desktop user agent or a fine pointer for “Desktop site”. */
  html body #global-scroll-cue,
  html body #global-scroll-cue[data-input="touch"] {
    position: fixed !important;
    left: 50% !important;
    inset-inline-start: 50% !important;
    right: auto !important;
    inset-inline-end: auto !important;
    margin: 0 !important;
    transform: translate3d(-50%, 0, 0) scale(.72) !important;
    transform-origin: 50% 100% !important;
  }
}
