#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;
}
}