YouTube Real Cinema Mode (updated for Aug 2023) by awh

/* ==UserStyle==
@name         YouTube Real Cinema Mode (updated for Aug 2023)
@version      20240622.16.45
@namespace    https://userstyles.world/user/awh
@description  https://userstyles.world/style/10654/youtube-real-cinema-mode-fixed but fixed again
@author       awh
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com/") {
.html5-video-info-panel {
    margin-top: 60px;
}

.ytp-cards-button {
    padding-top: 60px;
}

ytd-page-manager {
  margin-top: 0!important;
}

#player-theater-container:empty~#columns #primary,
#player-theater-container:empty~#columns #secondary {
    padding-top: 56px;
}

ytd-masthead,
#masthead-container.ytd-app::after {
  transform: translateY(-56px);
  transition: transform .1s .1s ease-out;
}
#masthead-container:hover ytd-masthead,
#masthead-container:hover.ytd-app::after {
  transform: translateY(0px);
}

/* does not match */
[theater] #player.ytd-watch {
  height: 100vh!important;
  max-height: 100vh!important;
}

ytd-watch-flexy[theater] #player-wide-container.ytd-watch-flexy, 
ytd-watch-flexy[fullscreen] #player-wide-container.ytd-watch-flexy,
ytd-watch-flexy[theater]:not([is-vertical-video_]):not([is-extra-wide-video_]) #movie_player video {
  max-width: 100% !important;
  max-height: 100vh !important;
  width: 100% !important;
  height: 100vh !important;
  left: 0 !important;
  top:0 !important;
}

ytd-watch-flexy:not([is-vertical-video_]) #movie_player video {
  width: 100% !important;
  height: auto !important;
  left: 0 !important;
  /*top:55px !important;*/
}

/*ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy, 
ytd-watch-flexy[fullscreen] #player-theater-container.ytd-watch-flexy,*/
ytd-watch-flexy[theater][is-vertical-video_] #movie_player video,
ytd-watch-flexy[theater][is-vertical-video_] #player-wide-container {
  max-width: 100% !important;
  max-height: 100vh !important;
}

ytd-watch-flexy[flexy]:not([full-bleed-player][full-bleed-no-max-width-columns]) #columns.ytd-watch-flexy {
    max-width: 100%;
}

.ytp-chrome-top.ytp-share-button-visible,
#iv-drawer .iv-drawer-header,
#iv-drawer .iv-drawer-content {
  margin-top: 30px;
}

[theater] .ytp-chrome-top.ytp-share-button-visible,
[theater] #iv-drawer .iv-drawer-header,
[theater] #iv-drawer .iv-drawer-content,
[theater] .ytp-multicam-menu-header,
[theater] .ytp-multicam-menu-items,
[theater] .ytp-playlist-menu-header,
[theater] .ytp-playlist-menu-items,
[theater] .ytp-share-panel-close,
[theater] .ytp-chrome-top {
  margin-top: 56px;
}

.ytp-tooltip.ytp-tooltip-opaque.ytp-bottom {
  right: 60px!important;
  top: 35px!important;
}

[theater] .ytp-tooltip.ytp-tooltip-opaque.ytp-bottom {
  right: 60px!important;
  top: 60px!important;
}

@supports (scrollbar-width: none) {
  html {
    scrollbar-width: none;
  }
}
@supports not (scrollbar-width: none) {
  html::-webkit-scrollbar {
    display: none;
  }
}

#full-bleed-container {
    max-height: 100vh !important;
}

/*.ytp-tooltip {
    top: 83% !important;
}*/
/*
.ytp-chrome-bottom,
.ytp-chapter-hover-container {
    width: 100% !important;
}
*/
ytd-watch-flexy[flexy] #chat.ytd-watch-flexy:not([theater-watch-while]) {
    height: 80vh !important;
}

/* align chat so video viewport is exactly 1080p on 1440p display */
div#secondary {
    padding-right:21px !important;
}

/* extra margin for video "popular/latest/oldest" bar */
ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_CHANNEL_PAGE_GRID"] {
    margin-top: 70px;
}
}