Full Video Player (CR) by syhlo

/* ==UserStyle==
@name           Syh's Full Video Player Theme
@namespace      USO Archive
@author         Syh
@description    `Hides the banner until hover and offers a full width/height player.`
@version        20220731.1.0
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
@-moz-document regexp(".*crunchyroll\\.com/watch.*") {
    /*
        Hidden header until hover
    */
    .header-content {
        transition: transform 150ms;
        transform: translateY(-58px);
    }
    
    .erc-header {
        position: fixed;
        top: 0;
        left: 0;
        height: 20px;
        width: 100%;
        z-index: 100;
    }
    
    .erc-header:hover .header-content {
        transform: translateY(0px);
    }

    /*
        Full-width and height video player
    */
    .video-player-wrapper {
        display: flex;
        align-content: center; /* Center video vertically */
        max-height: 100vh !important;
        height: 100vh;
    }
    
    /* Allow the video player to take up the entirety of the viewport */
    .video-player-spacer {
        max-height: 100vh !important;
        height: 100vh;
    }
}