/* Keep the site's exit action outside YouTube's own touch controls. */
@media (pointer: coarse) {
  .watch-page .stage.is-youtube:is(:fullscreen, :-webkit-full-screen) {
    --youtube-exit-band: calc(56px + env(safe-area-inset-top, 0px));
  }

  .watch-page .stage.is-youtube:is(:fullscreen, :-webkit-full-screen) > iframe#yt-player:not(:is(:fullscreen, :-webkit-full-screen)),
  .watch-page .stage.is-youtube:is(:fullscreen, :-webkit-full-screen) > #danmaku {
    top: var(--youtube-exit-band);
    right: env(safe-area-inset-right, 0px);
    bottom: env(safe-area-inset-bottom, 0px);
    left: env(safe-area-inset-left, 0px);
    width: calc(100% - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
    height: calc(100% - var(--youtube-exit-band) - env(safe-area-inset-bottom, 0px));
  }

  .watch-page .stage.is-youtube:is(:fullscreen, :-webkit-full-screen) > #yt-fullscreen-exit {
    top: calc(6px + env(safe-area-inset-top, 0px));
    right: calc(12px + env(safe-area-inset-right, 0px));
    width: 44px;
    height: 44px;
  }
}