.memory-game{--memory-game-icon-size:40px;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;background-color:var(--g-color-base-background);border:2px solid var(--g-color-line-generic);border-radius:var(--g-border-radius-m,8px);color:var(--g-color-text-primary);cursor:pointer;justify-content:center;align-items:center;min-height:60px;transition:transform .3s,background-color .3s;display:flex}.memory-game__card-icon{width:var(--memory-game-icon-size);height:var(--memory-game-icon-size);color:inherit}.memory-game__card-icon_back{color:var(--g-color-text-secondary)}.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}}@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}.memory-game>button{align-items:center;width:80%;max-width:300px;height:60px;font-size:1.2rem;display:flex}}.card.flipped{background-color:var(--g-color-base-positive-heavy);color:var(--g-color-text-light-primary);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}}