:root{--bg-color: rgb(165, 210, 228);--cell-size: 32px}*{margin:0;padding:0;box-sizing:border-box;font-family:Popins,Roboto,Arial,Helvetica,sans-serif;font-size:100%;-webkit-font-smoothing:antialiased}body{margin-top:5rem}.container{width:1024px!important;max-width:100%;padding:0 1rem}.title{font-weight:700;margin-bottom:3rem}#game{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:2rem;margin:-3rem -3rem 3rem;background-color:var(--bg-color);overflow-x:auto}#timer,#mine-counter{width:4.5rem;text-align:center}.menu-item{padding:.25rem 0;font-size:1.2rem;border-radius:.3rem;background-color:var(--bs-primary);border:2px ridge black}.dropdown-menu{background-color:var(--bs-light)}.dropdown-item{background-color:var(--bs-light)!important}.dropdown-item:hover{background-color:var(--bs-success)!important}.dropdown-item.active{background-color:var(--bs-success)!important;font-weight:700}.board{display:grid;grid-template-columns:repeat(var(--cols),var(--cell-size));justify-content:center;margin:3rem auto;max-width:100%}.cell{width:var(--cell-size);height:var(--cell-size);background-size:cover;background-position:center;padding:0;cursor:pointer}.board.game-over .cell{pointer-events:none;opacity:.7}.board.win{padding:6px}.modal-content{position:relative;display:flex;flex-direction:column;background-color:var(--bs-light)}#again-button{margin-left:1rem}#msg-modal.fade-in .modal-dialog{animation:popIn 1s ease forwards}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (min-width: 576px){.container{max-width:90%}:root{--cell-size: 18px}}@media (min-width: 768px){.container{max-width:80%}:root{--cell-size: 22px}}@media (min-width: 992px){.container{max-width:75%}:root{--cell-size: 26px}}@media (min-width: 1200px){.container{max-width:70%}:root{--cell-size: 28px}}@media (min-width: 1400px){.container{max-width:80%}}