Theatre Mode - Crunchyroll by TGekko

/* ==UserStyle==
@name        Theatre Mode - Crunchyroll
@namespace   crunchyroll.com
@version     1.0.0
@license     MIT
@author      TGekko (https://www.tgekko.com/)
@description Make Crunchyroll's video player fill the window instead of being arbitrarily sized to see the title of the episode. You don't need that clutter -- you have anime to watch!
==/Userstyle== */

@-moz-document domain('crunchyroll.com') {
 .video-player-wrapper {
  margin-top: -60px !important;
  height: 100vh !important;
  min-height: 0px !important;
  max-height: 100vh !important;
  background-color: black !important;
  z-index: 10000 !important;
 }
 .video-player-wrapper iframe {
  height: min(56.25vw 100vh) !important;
 }
 @media (min-height: 56.25vw) {
  .video-player-wrapper {
   margin-bottom: calc((100vh - 56.25vw) / 2) !important;
  }
  .video-player-wrapper iframe {
   margin-top: calc((100vh - 56.25vw) / 2) !important;
  }
 }
 ::-webkit-scrollbar {
  width: 1px;
 }
 ::-webkit-scrollbar-track {
  background: black;
 }
 ::-webkit-scrollbar-thumb {
  border-radius: 0.5px;
  background: #FFF5;
 }
 ::-webkit-scrollbar-thumb:hover {
  background: #FFF9;
 }
}