/* Keep inline film controls in view on short, landscape phone screens. */
@media (pointer: coarse) and (orientation: landscape) and (max-width: 1023px) and (max-height: 500px) {
  body.watch-page .stage {
    --watch-landscape-tools: 0px;
  }

  /* YouTube's full-screen action lives below the picture: 12px gap + 52px bar. */
  body.watch-page .stage:has(+ #youtube-tools:not([hidden])) {
    --watch-landscape-tools: 64px;
  }

  body.watch-page .stage:not(:is(:fullscreen, :-webkit-full-screen)):not(.is-touch-fullscreen):not(.is-locked):not(.is-ended) {
    width: 100%;
    max-height: calc(100vh - var(--safe-top) - var(--chrome-h) * var(--chrome-scale) - 34px - var(--safe-bottom) - var(--watch-landscape-tools));
    max-height: calc(100dvh - var(--safe-top) - var(--chrome-h) * var(--chrome-scale) - 34px - var(--safe-bottom) - var(--watch-landscape-tools));
  }
}