*{padding:0;margin:0;border:none}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}input[type=file]{max-width:100%}html,body,#root{width:100%;height:100%}#root{background:snow;font-family:Roboto,sans-serif}.play-field{width:100%;display:flex;gap:2px;overflow:hidden;border-radius:8px;padding:2px;flex-direction:column}.play-field__row{flex:1 1 100%;display:flex;gap:2px}.play-field__row.disable{opacity:.8}.play-field__cell{flex:1 1 100%;aspect-ratio:1/1;background:#45a29e;border-radius:4px;color:#45a29e}.play-field__cell.mined,.play-field__cell.open{background-color:#c5c6c750}.play-page{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.timer{padding:.3rem .5rem;border-radius:.5rem;background:#45a29e;color:#fff}.layout{max-width:400px;width:100%;background:#c5c6c750;display:flex;justify-content:end;border-radius:20px;align-items:center;padding:20px;flex-wrap:wrap;gap:.5rem 1rem}.button{background:#45a29e;color:#fff;padding:.3rem .5rem;border-radius:.5rem;transition:all ease .3s}.button:hover{opacity:.8}.smile{width:32px;height:32px;background:#45a29e;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.smile img{width:75%;height:75%}