﻿body{
}.wrapper{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    overflow-x: hidden;
}::-webkit-scrollbar{
    width: 12px;
}::-webkit-scrollbar-track{
    background-color: transparent;
}::-webkit-scrollbar-thumb{
    background-color: rgba(32, 161, 204, 0.6);
    border-radius: 20px;
    border: 3px solid transparent;
    background-clip: content-box;
}::-webkit-scrollbar-thumb:hover{
        background-color: #20a1cc;
    }.game-container{
    display: flex;
    flex: 1;
    height: 97vh;
    position: relative;
}.game-container #screen,.game-container .frame{
        width: 100%;
        height: 97vh;
    }@media screen and (max-width: 980px) {.game-container{
        flex: 1 1 100%;
        order: 1;
        height: 75vh;
    }.game-container #screen,.game-container .frame{
            width: 100%;
            flex: 0 0 100%;
            height: 75vh;
        }#playArea{
        margin-left: 20px;
    }.adsbygoogle{
        display: flex;
        flex-wrap: wrap;
    }}.game-grid{
    grid-row: span 2;
    order: 1;
}.game-grid .frame{
        width: 100%;
        height: calc(100vh - 115px);
    }@media screen and (min-width: 768px) {.game-grid{
        grid-row: 1;
        grid-column: span 2;
        order: 0;
    }}@media screen and (min-width: 1024px) {.game-grid{
        grid-row: 1 / span 2;
        order: 1;
    }}.video-ad-bottom{
    display: none;
}@media screen and (max-width: 980px) {.video-ad-bottom{
        display: block;
        height: 35vh;
    }}@media screen and (max-width: 980px) and (orientation: landscape) {.game-container{
        zoom: 50%;
        height: 180vh;
        grid-column-start: 1 !important;
        grid-column-end: 2 !important;
    }.game-container #screen,.game-container .frame{
            width: 100%;
            flex: 1 1 100%;
            height: 180vh;
        }.video-ad-bottom{
        display: none;
    }}