.static-pos header{height:var(--header-height);z-index:10;position:fixed;top:0;left:0;right:0}.static-pos header h2{margin:0}.grid .cell{background:url(/img/grass.4a398924.png) no-repeat;background-size:cover;border:1px solid #3a1c00;display:flex;justify-content:center;align-items:center;width:calc(100%/var(--cols));height:calc(100%/var(--rows))}.grid .cell>img{width:100%;height:100%}.grid .cell:after{background:#000;min-width:1em;transform:scale(1.3);text-align:center;border-radius:1em}.grid .cell.selected{background:url(/img/dirt.e29d9767.png) no-repeat;background-size:cover}.grid .cell.selected.m1:after{content:"1";color:lime}.grid .cell.selected.m2:after{content:"2";color:lime}.grid .cell.selected.m3:after{content:"3";color:orange}.grid .cell.selected.m4:after{content:"4";color:orange}.grid .cell.selected.m5:after{content:"5";color:orange}.grid .cell.selected.m6:after{content:"6";color:red}.grid .cell.selected.m7:after{content:"7";color:red}.grid .cell.selected.m8:after{content:"8";color:red}.grid .cell.selected.flagged{background:url(/img/dirt.e29d9767.png) no-repeat;background-size:cover}.grid .cell.flagged{background:url(/img/grass.4a398924.png) no-repeat;background-size:cover}.grid .cell.flagged:after{content:"🚩";background:unset;width:auto;height:auto}.grid .cell.bombed{background:url(/img/dirt.e29d9767.png) no-repeat;background-size:cover}.grid .cell.bombed:after{content:"";background:url(/img/LandMine.e9e19d1b.png) no-repeat;background-size:contain;width:50%;height:50%}.grid .cell.bombed.flagged{background:url(/img/grass.4a398924.png) no-repeat;background-size:cover}.grid .cell.bombed.flagged:after{content:"🚩";background:unset;width:auto;height:auto}.grid .cell.bombed.exploded:after{background:url(/img/explosion.c099ee13.png) no-repeat;background-size:contain;width:70%;height:70%}.grid{display:flex;flex-wrap:wrap;border-width:1px;border-style:outset}.grid.large,.grid.medium,.grid.small{--size:360px;font-size:50%}.grid.medium{font-size:45%}.grid.small{font-size:40%}@media(min-width:576px){.grid.large,.grid.medium,.grid.small{--size:540px;font-size:70%}.grid.medium{font-size:65%}.grid.small{font-size:60%}}@media(min-width:768px){.grid.large,.grid.medium,.grid.small{--size:630px;font-size:100%}.grid.medium{font-size:75%}.grid.small{font-size:50%}}@media(min-width:992px){.grid.large,.grid.medium,.grid.small{--size:690px}}@media(min-width:1400px){.grid.large,.grid.medium,.grid.small{--size:720px}}.static-pos main{z-index:9;overflow:auto;position:fixed;top:var(--header-height);bottom:var(--footer-height);left:0;right:0}.static-pos footer{z-index:10;height:var(--footer-height);position:fixed;bottom:0;left:0;right:0}ul.list-activable{padding-left:1em}.list-activable li{margin-bottom:.5em;padding:.5em;--list-color:transparent;border-left:4px solid var(--list-color);border-radius:10px}.list-activable li:hover{--list-color:var(--bs-primary);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);background:#bbc0ff}.list-activable .active,.list-activable .active:hover{--list-color:var(--bs-success);box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);background:#c3ffc6}.fade-enter-active{transition:opacity .35s linear}.fade-leave-active{transition:opacity .25s linear}.fade-enter-from,.fade-leave-to{opacity:0}.modal-dialog{transition:transform .15s linear}.static-pos{--header-height:4em;--footer-height:4em}.btn-b-light{--bs-btn-border-color:#fff!important;--bs-btn-hover-border-color:#fff!important;--bs-btn-active-border-color:#fff!important;--bs-btn-disabled-border-color:#fff!important}.btn-b-dark{--bs-btn-border-color:#000!important;--bs-btn-hover-border-color:#000!important;--bs-btn-active-border-color:#000!important;--bs-btn-disabled-border-color:#000!important}.mouse{display:unset}.touch{display:none}@media(hover:none)and (pointer:coarse){.mouse{display:none}.touch{display:unset}}figure>img{max-width:100%;max-height:100%}figure>.title{text-align:center}