body.lock{overflow:hidden}button{cursor:pointer}.wrapper{display:-ms-grid;display:grid;grid-gap:20px;justify-content:center;justify-items:center}.field{box-sizing:border-box;width:400px;height:400px;border:1px solid #000;border-radius:5px;position:relative;background-size:contain}.cell{outline:1px solid #7e7e80;cursor:pointer;background-size:contain;color:#fff;text-shadow:0 0 2px #000}.cell,.empty{box-sizing:border-box;position:absolute;font-size:35px;display:flex;justify-content:center;align-items:center;transition:all .3s}.empty{cursor:auto;outline:none}.info{display:flex;width:200px;justify-content:space-between}.info .progress{margin-right:10px}.menu{max-width:450px;display:flex;flex-wrap:wrap;justify-content:space-around;padding:5px}button{margin-bottom:10px}button.sound{background-color:#39da4e}button.audioStop{background-color:#e25151}.hovered{background-color:#d1d8e2}.hidden{display:none}.modal-overlay{display:flex;align-items:center}.modal-overlay,.modal-window{opacity:0;z-index:-1}.modal.hide .modal-overlay,.modal.hide .modal-window,.modal.open .modal-overlay,.modal.open .modal-window{opacity:1;z-index:1000}.modal.open .modal-window{transform:scale(1)}.modal.open .modal-overlay{background:rgba(0,0,0,.5)}.modal.hide .modal-window{transform:scale(0)}.modal-overlay,.modal.hide .modal-overlay{background:transparent}.modal-overlay{position:fixed;top:0;right:0;left:0;bottom:0;transition:background .3s ease-in}.modal-window{width:300px;border-radius:5px;background:#fff;margin:0 auto;transform:scale(0);transition:transform .3s ease-in;box-shadow:1px 1px 10px 10px rgba(98,102,111,.75)}.modal-header{padding:10px;display:flex;justify-content:space-between;border-bottom:1px solid #131212}.modal-title{font-size:1.5rem}.modal-close:hover{cursor:pointer;transform:scale(1.5)}.modal-body{padding:10px}.list{display:-ms-grid;display:grid}.list-title{font-weight:700}.list-item,.list-title{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;justify-items:center}.list-item{align-items:center}.item{text-align:center;margin:5px auto;font-size:.8rem}p{margin:3px;font-size:12px}@media (max-width:500px){.field{width:300px;height:300px}.cell{font-size:25px}.menu{max-width:368px}}