@font-face{font-family:"Eczar";src:url("../fonts/Eczar-Regular.woff2"),url("../fonts/Eczar-Regular.woff");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:"Eczar";src:url("../fonts/Eczar-Bold.woff2"),url("../fonts/Eczar-Bold.woff");font-weight:700;font-display:swap;font-style:normal}html{box-sizing:border-box;font-size:24px}*,*::after,*::before{box-sizing:inherit;margin:0;padding:0}body{min-height:100vh;position:relative;font-family:"Eczar";display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;background-color:#696d7d}h1{margin:2rem 0 1.5rem 0;line-height:3rem;color:#6f9283;font-size:3rem;text-shadow:5px 5px 1px #000}.puzzle{margin-bottom:90px;background-color:#6f9283;width:565px;border-radius:1rem;padding:20px;box-shadow:1px 3px 10px #000}.puzzle__inside{position:relative;width:100%;padding:10px;border-radius:.3rem;background-color:#8d9f87;display:grid;grid-template-columns:repeat(5, 20%)}.puzzle__inside button{aspect-ratio:1;border-radius:.3rem;background-color:#cdc6a5;border:3px solid #8d9f87;font-family:"Eczar",sans-serif;font-size:1rem;cursor:pointer;transition:ease .3s;-webkit-tap-highlight-color:rgba(0,0,0,0);transform:translate(0)}.puzzle__inside button:hover{background-color:#f0dcca}.puzzle__inside .empty{z-index:-99;background-color:rgba(0,0,0,0);cursor:default;border:none}.puzzle__inside .empty:hover{background-color:rgba(0,0,0,0)}.puzzle__inside .reserved{aspect-ratio:1;border-radius:.3rem;background-color:#6f9283;border:3px solid #8d9f87}.puzzle__footer{position:relative;display:flex;justify-content:center;gap:50px;margin-top:10px;height:40px}.puzzle__footer div{display:flex;justify-content:center;align-items:center;position:absolute;cursor:pointer;font-weight:700;background-color:#cdc6a5;border-radius:.3rem;font-size:.75rem;width:70px;height:40px;transition:ease .4s}.puzzle__footer div:hover{background-color:#f0dcca}.puzzle__footer #play-button{bottom:0;right:0}.puzzle__footer #score-button{bottom:0;left:0}.puzzle .scores{display:none;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.3rem;background-color:#8d9f87;flex-direction:column;justify-content:center;align-items:center}footer{position:absolute;left:0;bottom:0;width:100%;height:70px;background-color:#6f9283;display:flex;align-items:center;justify-content:space-evenly;line-height:1rem}footer img{width:70px}@media(max-width: 615px){.puzzle{width:450px}.puzzle__inside button:hover{background-color:#cdc6a5}.puzzle__footer div:hover{background-color:#cdc6a5}}@media(max-width: 530px){html{font-size:20px}.puzzle{width:400px}.puzzle__footer{gap:20px}}@media(max-width: 430px){.puzzle{border-radius:.3rem;padding:10px;width:340px}.puzzle__footer{flex-direction:column;gap:0;text-align:center;line-height:1rem}}