.games{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.games a{color:#6b786b;text-decoration:none;padding:9px 18px;border-radius:30px;font-size:13px}.games a[aria-current=page]{background:#294d40;color:white}#memory-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#memory-board.hard{grid-template-columns:repeat(6,minmax(0,1fr))}.card{aspect-ratio:1;position:relative;padding:0;background:#e5e9dd;border:1px solid #d4dccb;border-radius:14px;font-size:36px;overflow:hidden}.card .symbol{display:none}.card .back{color:#8c9979;font-size:32px}.card.open,.card.matched{background:#fffdf8;border-color:#abbf9e}.card.open .symbol,.card.matched .symbol{display:inline}.card.open .back,.card.matched .back{display:none}.card.matched{background:#dce8d8;border-color:#bacfb0}.card:disabled{cursor:default;opacity:1;color:inherit}.memory-art{height:180px;display:grid;place-items:center;font-family:Georgia,serif;font-size:120px;color:#a1b292}.memory-art+ #message{min-height:50px}footer span{padding:8px}@media(max-width:620px){#memory-board{gap:8px}.card{border-radius:10px;font-size:30px}.card .back{font-size:26px}#memory-board.hard .card{font-size:25px}.memory-art{display:none}.games{margin-bottom:18px}aside #message{margin:0;min-height:0}footer{justify-content:space-between}}
@media(prefers-reduced-motion:no-preference){.card.open .symbol{animation:appear .18s ease-out}@keyframes appear{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}}