/*
    Easiest mobile support of my life,
    but I don't like how the fixed %s turned out
*/

@media screen and (orientation: portrait) {
    #container {
        flex-direction: column;
        max-height: 100%
    }
    #container > *[id^=window-player] {
        flex: 0 0 33% !important;
        height: 33%;
    }
    #container > #chat {
        flex: 1 1 !important;
        height: 0;
    }
}