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 regexp("^https?:\\/\\/(www.)?crunchyroll((.com)|(.[^\\/]*))?\\/watch.*$") {
 .erc-large-header > div:first-child {
  position: relative;
  top: 100vh;
  background: transparent;
  box-shadow: 0 0 1rem #FF640A80;
  z-index: -1
 }
 .video-player-wrapper {
  margin: -60px auto 60px;
  height: 100vh;
  background-color: black;
 }
 .video-player-wrapper iframe {
  height: min(56.25vw, 100vh) !important;
 }
 @media (min-height: 56.25vw) {
  .video-player-wrapper iframe {
   margin-top: calc((100vh - 56.25vw) / 2);
  }
 }
 ::-webkit-scrollbar {
  width: 1px;
 }
 ::-webkit-scrollbar-track {
  background: black;
 }
 ::-webkit-scrollbar-thumb {
  border-radius: 0.5px;
  background: #FFF5;
  outline: 1px solid black;
  outline-offset: -1px;
 }
 ::-webkit-scrollbar-thumb:hover {
  background: #FFF9;
 }
}