.memory-game{box-sizing:border-box;flex-direction:column;align-items:center;max-width:100%;padding:10px;font-family:Arial,sans-serif;display:flex}.cards-grid{grid-gap:8px;aspect-ratio:1;width:100%;max-width:400px;padding:var(--g-spacing-4);grid-template-columns:repeat(4,1fr);margin:20px 0;display:grid}.card{aspect-ratio:1;cursor:pointer;background-color:#f0f0f0;border:2px solid #ccc;border-radius:8px;justify-content:center;align-items:center;min-height:60px;font-size:1.5rem;transition:transform .3s,background-color .3s;display:flex}.final-card{flex-direction:column;justify-content:start;padding:24px;display:flex}@media (max-width:768px){.memory-game{padding:5px}.cards-grid{grid-gap:6px;max-width:320px;padding:var(--g-spacing-4);margin:15px 0}.card{border-radius:6px;min-height:50px;font-size:1.2rem}}@media (max-width:480px){.memory-game{justify-content:center;width:100vw;margin:0;padding:5px}.cards-grid{grid-gap:4px;width:calc(100vw - 20px);max-width:calc(100vw - 20px);height:calc(100vw - 20px);max-height:calc(100vh - 200px);padding:var(--g-spacing-2);margin:10px 0}.card{min-height:unset;border-width:1px;border-radius:4px;font-size:1rem}.memory-game>button{align-items:center;width:80%;max-width:300px;height:60px;font-size:1.2rem;display:flex}}.card.flipped{color:#fff;background-color:#4caf50;transform:rotateY(180deg)}.game-over{text-align:center;box-sizing:border-box;width:100%;max-width:400px;padding:10px}.leaderboard{flex-flow:column;align-content:flex-start;align-items:flex-start;width:100%;margin-top:20px;display:flex}.leaderboard-title{padding-bottom:12px}.leaderboard>ul{flex-flow:column;align-content:flex-start;align-items:flex-start;width:100%;margin:0;padding:0;list-style:none;display:flex}.leaderboard>ul>li{margin-bottom:5px;font-size:.9rem}@media (max-width:768px){.game-over{max-width:320px;padding:8px}.leaderboard-title{font-size:1.2rem}.leaderboard>ul>li{margin-bottom:4px;font-size:.85rem}}@media (max-width:480px){.game-over{flex-direction:column;justify-content:center;align-items:center;width:calc(100vw - 20px);max-width:calc(100vw - 20px);height:auto;padding:10px;display:flex}.game-over>div:first-child{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}.leaderboard-title{padding-bottom:8px;font-size:1.1rem}.leaderboard>ul>li{margin-bottom:3px;font-size:.8rem}.leaderboard{width:100%;max-height:40vh;overflow-y:auto}}