body {
    background:#111;
    color:white;
    text-align:center;
    font-family:sans-serif;
}

.player-shell {
    position:relative;
    width:90%;
    max-width:1600px;
    margin:20px auto 0;
    background:#000;
    aspect-ratio:16 / 9;
}

.player-shell video {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
    background:#000;
    opacity:0;
    transition:opacity .35s ease;
}

.player-shell video.is-visible {
    opacity:1;
    z-index:2;
}

footer {
    font-size: small;
    text-align: center;
    margin-top: 30px;
}

footer a,
footer a:visited {
    color: gray;
    text-decoration: none;
}

#viewers {
    font-size: small;
    color: gray;
}

.online {
    font-size: small;
    color: gray;
}