.memory-puzzle-container{text-align:center;margin:0 auto;padding:10px}.memory-puzzle-grid{display:grid;grid-template-columns:repeat(4,100px);grid-gap:10px;justify-content:center;margin:20px auto}.memory-puzzle-card{width:100px;height:100px;background-color:gray;border:2px solid #000;border-radius:8px;cursor:pointer;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.memory-puzzle-card.flipped{transform:scale(1.05)}.memory-puzzle-button{margin-top:20px;padding:10px 20px;font-size:1rem;font-weight:700;cursor:pointer;color:#fff;border:none;box-shadow:0 4px 6px rgba(0,0,0,.2);transition:background-color .3s ease-in-out,transform .2s;background-color:#494949}.memory-puzzle-button:hover{background-color:#6a6a6a}.memory-puzzle-winMessage{margin-top:20px;font-size:1.2rem;font-weight:700;text-align:center;color:#4caf50;animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:370px){.memory-puzzle-grid{grid-template-columns:repeat(4,50px);grid-gap:5px}.memory-puzzle-card{width:50px;height:50px}.memory-puzzle-button{font-size:.9rem;padding:8px 16px}.memory-puzzle-winMessage{font-size:1rem}}@media (min-width:371px) and (max-width:600px){.memory-puzzle-grid{grid-template-columns:repeat(4,65px);grid-gap:6px}.memory-puzzle-card{width:65px;height:65px}.memory-puzzle-button{font-size:.9rem;padding:8px 16px}.memory-puzzle-winMessage{font-size:1rem}}@media (min-width:601px) and (max-width:900px){.memory-puzzle-grid{grid-template-columns:repeat(4,80px);grid-gap:8px}.memory-puzzle-card{width:80px;height:80px}}@media (min-width:901px){.memory-puzzle-grid{grid-template-columns:repeat(4,100px);grid-gap:10px}.memory-puzzle-card{width:100px;height:100px}.memory-puzzle-button{font-size:1.2rem;padding:12px 24px}.memory-puzzle-winMessage{font-size:1.4rem}}