#wopo_minesweeper{
    width: 100%;
    height: 100%;
}
#wopo_minesweeper_window{
    position: fixed;
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
    z-index: 99999;
    display:none;
    max-width: 700px;
}
#wopo_minesweeper_window .title-bar{
    height: 21px;
}
#wopo_minesweeper_window .window-body{
    position: absolute;
    bottom: 0;
    right: 0;
    top: 22px;
    left: 0;
    margin: 6px 7px 7px 3px;
}
#wopo_minesweeper_window.minimize{
    top:100%;
    margin-top:-28px;
}
#wopo_minesweeper_window.maximize{
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: unset;
}
@media screen and (max-width: 768px) {
    #wopo_minesweeper_window{
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
}