.memory-surface{position:relative;padding:24px 18px 14px}#memory-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:430px;margin:auto}.memory-panel button.memory-card{position:relative;aspect-ratio:1.08;padding:0;border:2px solid #f5cfb9;border-bottom:4px solid #be805e;border-radius:10px;background:#d99a76;color:#fff2d6;font:38px/1 Georgia,serif;display:grid;place-items:center;min-width:0;touch-action:manipulation;transition:background .18s,transform .18s}.memory-panel button.memory-card:hover{background:#cd8b66}.memory-panel button.memory-card.revealed{background:#fff5df;color:#976238;border-color:#ddcbaa;transform:rotateY(0);animation:memory-flip .2s ease}.memory-panel button.memory-card.matched{background:#e2ead5;color:#55713e;border-color:#bfd0a7;cursor:default}.memory-card.matched::after{content:'✓';position:absolute;right:5px;bottom:4px;font:12px Arial;color:#55713e}.memory-panel button.memory-card:focus-visible{outline:3px solid #254d3b;outline-offset:2px}.memory-panel button.memory-card .card-back{font-size:33px;opacity:.8}.memory-actions{display:flex;justify-content:center;gap:8px}.memory-panel #play-again{background:#254d3b;color:#fff4df}#memory-help{font-size:11px;line-height:1.8;color:#68775f;margin-top:16px}.memory-sidebar{background:#f2e7d9}.memory-example{display:flex;justify-content:center;gap:8px;margin:28px 0 18px}.memory-example span{width:65px;height:80px;display:grid;place-items:center;border:3px solid #fff2dc;border-radius:8px;background:#dd9a76;color:#fff1d5;font:45px Georgia;transform:rotate(-9deg)}.memory-example span+span{transform:rotate(9deg);background:#fff0d7;color:#b47851}#memory-pause{position:absolute;inset:0;background:#eeeee3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}#memory-pause p{font:25px Georgia}.memory-celebration{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.memory-celebration>span{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);background:#254d3bf5;color:#fff2d4;padding:18px 20px;border:1px solid #bace9e;border-radius:12px;font:23px Georgia;white-space:nowrap;animation:memory-cheer 3.5s ease both}.memory-celebration i{position:absolute;left:var(--x);top:-15px;width:8px;height:13px;border-radius:2px;background:var(--color);animation:memory-confetti 2.8s var(--delay) ease-in both}@keyframes memory-flip{from{transform:scaleX(.7)}to{transform:scaleX(1)}}@keyframes memory-confetti{0%{opacity:0;transform:translateY(-10px) rotate(0)}10%,85%{opacity:1}100%{opacity:0;transform:translateY(700px) rotate(540deg)}}@keyframes memory-cheer{0%{opacity:0;transform:translate(-50%,-40%) scale(.9)}15%,80%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-55%)}}@media(prefers-reduced-motion:reduce){.memory-celebration i{display:none}.memory-celebration>span,.memory-panel button.memory-card.revealed{animation:none}.memory-panel button.memory-card{transition:none}}.mini-game .memory-surface{padding:10px 8px}.mini-game #memory-board{max-width:300px;gap:6px}.mini-game .memory-panel button.memory-card{padding:0;font-size:29px;aspect-ratio:1.4}.mini-game #memory-help{font-size:9px;margin-top:8px}.mini-game .memory-celebration>span{font-size:18px;padding:12px}.mini-game .memory-panel button:not(.memory-card){padding:6px 10px}.mini-game .memory-panel .mine-bottom{padding-bottom:10px}@media(max-width:760px){#memory-board{gap:7px}.memory-surface{padding:16px 10px 12px}.memory-panel button.memory-card{font-size:30px}.memory-celebration>span{font-size:19px;padding:14px}}