Fullscreen Video on GDQ Crowd Page by Orangestar12

/* ==UserStyle==
@name           Fullscreen Video on GDQ Crowd Page
@namespace      orangestar.dev
@version        1.0.0
@description    Makes the GDQ stream take up as much of your browser width as possible, while still making space for the raptors at the bottom.
@author         Orangestar <orangestar@cats4gold.net> (https://orangestar.dev/)

@var number raptor-seat-height "Raptor Seat Height" [90, 0, 500, 1, 'px']
==/UserStyle== */

@-moz-document domain("crowd.gamesdonequick.com") {

html {
    scrollbar-width: none;
}

/* style begins here */

.App_header_k4_zr {
    opacity: 0;
    transition: 100ms opacity;
}
.App_header_k4_zr:hover {
    opacity: 1;
}

.App_top_VhFL4 {
    padding-top: 0;
    height: 100vh;
}

.Theater_wrapper_jrdaO.Theater_expanded_C2Yxu {
    height: 100vh !important;
    padding: 0;
    display: block;
}
.Theater_player_CnVKr {
    max-width: 100%;
    max-height: none;
    aspect-ratio:2.16/1;
    height: auto;
}

.TheaterAudience_wrapper_b4y3G.Theater_audience_Iwa0s {
    padding-top: var(--raptor-seat-height)!important;
}
}