body{width:100vw;height:100vh;display:flex;margin-top:80px;justify-content:center;padding:0;text-align:center;font-family:sans-serif;background:#b7b7b7}*{text-decoration:none;list-style:none;margin:0;padding:0;color:#37393d}.board{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}.square{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:700;border-radius:8px;background:#d5d5d5;color:#000;-webkit-user-select:none;user-select:none;transition:all .1s linear;box-shadow:3px 5px 4px #0000001a}.square__card{position:relative;width:100%;height:100%}.square__card-filter{position:absolute;top:5%;left:5%;width:90%;height:90%;border-radius:8px;animation:hide .3s forwards}.square.opened{transform:scale(.98);box-shadow:2px 2px 2px #0003}.square.opened:hover:not(.completed){transform:scale(.98);box-shadow:2px 2px 2px #0003}.square.completed{transform:scale(.98);box-shadow:2px 2px 2px #0003;animation:blink .6s ease-in .1s forwards}@keyframes blink{0%{background:#d5d5d5}60%{background:#edebeb}to{background:#e5e4e4}}@keyframes hide{0%{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.button{padding:10px 20px;font-size:18px;border-radius:8px;border:none;background:#d5d5d5;box-shadow:3px 5px 4px #0000001a;transition:all .1s linear;font-weight:400}.button:hover{background:#e5e4e4;transform:scale(.98);box-shadow:2px 2px 2px #0000001a}.title{margin-bottom:30px;font-weight:400}.moves-count{margin-bottom:20px;font-size:18px}.restart-button{margin-top:26px}