YouTube Real Cinema Mode Fixed by animeavi

/* ==UserStyle==
@name         YouTube Real Cinema Mode Fixed
@namespace    USO Archive
@version      20230629.17.34
@description  "https://userstyles.org/styles/122032/youtube-real-cinema-mode but fixed for the latest YouTube changes.\r\nYouTube renamed \"player-theater-container\" to \"player-wide-container\", that's it."
@author       zero@cock.li
@-moz-document domain(youtube.com) {
    body {
        scrollbar-width: none;
    }

    ytd-app:not([guide-persistent-and-visible]) ytd-page-manager {
        margin-top: 0!important;
    }

    ytd-app:not([guide-persistent-and-visible]) #player-wide-container:empty ~ #columns #primary,
    ytd-app:not([guide-persistent-and-visible]) #player-wide-container:empty ~ #columns #secondary {
        padding-top: 56px;
    }

    ytd-app:not([guide-persistent-and-visible]) ytd-masthead,
    ytd-app:not([guide-persistent-and-visible]) #masthead-container.ytd-app::after {
        transform: translateY(-56px);
        transition: transform .1s .5s ease-out;
    }
    ytd-app:not([guide-persistent-and-visible]) #masthead-container:hover ytd-masthead,
    ytd-app:not([guide-persistent-and-visible]) #masthead-container:hover.ytd-app::after {
        transform: translateY(0px);
    }

    ytd-app:not([guide-persistent-and-visible]) [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-app:not([guide-persistent-and-visible]) [theater] #player video {
        width: 100%!important;
        height: 100vh!important;
        max-height: 100vh!important;
        max-width: 100%!important;
        left: 0!important;
    }

    ytd-app:not([guide-persistent-and-visible]) .ytp-chrome-top.ytp-share-button-visible,
    ytd-app:not([guide-persistent-and-visible]) #iv-drawer .iv-drawer-header,
    ytd-app:not([guide-persistent-and-visible]) #iv-drawer .iv-drawer-content {
        margin-top: 30px;
    }

    ytd-app:not([guide-persistent-and-visible]) [theater] .ytp-chrome-top.ytp-share-button-visible,
    ytd-app:not([guide-persistent-and-visible]) [theater] #iv-drawer .iv-drawer-header,
    ytd-app:not([guide-persistent-and-visible]) [theater] #iv-drawer .iv-drawer-content,
    ytd-app:not([guide-persistent-and-visible]) [theater] .ytp-multicam-menu-header,
    ytd-app:not([guide-persistent-and-visible]) [theater] .ytp-multicam-menu-items,
    ytd-app:not([guide-persistent-and-visible]) [theater] .ytp-playlist-menu-header,
    ytd-app:not([guide-persistent-and-visible]) [theater] .ytp-playlist-menu-items,
    ytd-app:not([guide-persistent-and-visible]) [theater] .ytp-share-panel-close {
        margin-top: 56px;
    }

    ytd-app:not([guide-persistent-and-visible]) .ytp-tooltip.ytp-tooltip-opaque.ytp-bottom {
        right: 60px!important;
        top: 35px!important;
    }

    ytd-app:not([guide-persistent-and-visible]) [theater] .ytp-tooltip.ytp-tooltip-opaque.ytp-bottom {
        right: 60px!important;
        top: 60px!important;
    }
}