*{box-sizing:border-box;margin:0;padding:0}body{flex-direction:column;align-items:center;margin-bottom:3rem;display:flex}main{flex-direction:column;align-items:center;display:flex}header{margin:1rem auto}.card{border:2px solid gray;flex-direction:column;align-items:center;gap:1rem;padding:1rem;display:flex}.card:hover{background-color:#80808091}.disabled{opacity:.5}h3{text-transform:capitalize}#gamearea{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=840px){#gamearea{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr)}}@media (width<=630px){#gamearea{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(2,1fr)}}#scorearea{flex-direction:row-reverse;align-self:flex-end;align-items:center;gap:2rem;margin:.5rem;display:flex}#playAgainBtn{color:#f0e3e3;background-color:#243030;border:1px solid gray;border-radius:12px;padding:1rem;font-size:1.5rem}#playAgainBtn:hover{cursor:pointer;color:#243030;background-color:#f0e3e3}.hidden{display:none}