/* Physical header order: logo left, account avatar right on mobile. */
@media screen and (max-width: 640px) {
    #header_full #main_header {
        direction: ltr !important;
    }

    /* Grid contains the cards instead of allowing floated cards to escape. */
    #page_wrapper > .lobby_rooms_panel {
        clear: both;
        padding: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        border: 0;
    }
    .lobby_rooms_panel > #container_rooms {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0;
        clear: both;
    }
    .lobby_rooms_panel > #container_rooms > .room_box {
        float: none !important;
        clear: none;
        width: 100% !important;
        min-width: 0;
        margin: 0 !important;
        box-sizing: border-box;
    }
}