.memory-card-container{perspective:1000px;cursor:pointer;width:100%;height:100%}.memory-card{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.memory-card.flipped{transform:rotateY(180deg)}.memory-card.matched{pointer-events:none;animation:matchSuccess .8s ease-out forwards}@keyframes matchSuccess{0%{transform:rotateY(180deg) scale(1);opacity:1}25%{transform:rotateY(180deg) scale(1.15);opacity:1;box-shadow:0 0 30px #34d399cc}40%{transform:rotateY(180deg) scale(1.1);opacity:1}to{transform:rotateY(180deg) scale(.3);opacity:0;filter:brightness(1.5) saturate(2)}}.memory-card.matched .memory-card-front{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#34d399}.memory-card-back,.memory-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;transition:box-shadow .3s}.memory-card-container:hover .memory-card-back,.memory-card-container:hover .memory-card-front{box-shadow:0 6px 12px #00000026}.memory-card-container:focus{outline:3px solid #3b82f6;outline-offset:2px;border-radius:12px}.memory-card-back{background:linear-gradient(135deg,#667eea,#764ba2)}.memory-card-front{background:#fff;transform:rotateY(180deg);border:2px solid #e5e7eb}.memory-card-content{padding:8px;text-align:center;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.memory-card-text-primary{font-size:1.25rem;font-weight:600;color:#1f2937;word-break:break-word;line-height:1.2}.memory-card-text-secondary{font-size:.75rem;color:#6b7280;word-break:break-word;line-height:1.2}@media (max-width: 640px){.memory-card-text-primary{font-size:1rem}.memory-card-text-secondary{font-size:.65rem}}@media (min-width: 1024px){.memory-card-text-primary{font-size:1.5rem}.memory-card-text-secondary{font-size:.875rem}}.memory-game-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:500px;margin:0 auto}.memory-game-cell{aspect-ratio:1;min-height:70px}@media (max-width: 640px){.memory-game-board{gap:6px;max-width:320px}.memory-game-cell{min-height:70px}}@media (min-width: 641px) and (max-width: 1024px){.memory-game-board{gap:10px;max-width:400px}.memory-game-cell{min-height:90px}}@media (min-width: 1025px){.memory-game-board{gap:12px;max-width:500px}.memory-game-cell{min-height:110px}}@media (prefers-reduced-motion: reduce){.memory-card{transition:none}.memory-card.flipped{transform:none}.memory-card-back,.memory-card.flipped .memory-card-back{display:none}.memory-card.flipped .memory-card-front{display:flex}.memory-card.matched{animation:none;opacity:0}@keyframes matchSuccess{to{opacity:0}}}
