@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.animate-scaleIn{animation:scaleIn .3s ease-out forwards}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-pulse{animation:pulse 1s ease-in-out infinite}.animate-shake{animation:shake .3s ease-in-out}.card-container{transform-style:preserve-3d;transition:transform .15s ease}.card-container:hover:not(:disabled){transform:translateY(-2px)}.card-container:active:not(:disabled){transform:translateY(0) scale(.98)}.card-inner{transform-style:preserve-3d}.card-back,.card-front{backface-visibility:hidden;-webkit-backface-visibility:hidden}.game-board{container-type:inline-size}.stat-item{min-width:fit-content;white-space:nowrap}.settings-panel{animation:scaleIn .2s ease-out forwards}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #facc15;outline-offset:2px}.settings-panel::-webkit-scrollbar{width:6px}.settings-panel::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.settings-panel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.settings-panel::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.card-matched{filter:grayscale(50%) brightness(.7)}@media (prefers-contrast:high){.card-back{border:3px solid white}.card-front{border:3px solid black}}@media (prefers-reduced-motion:reduce){.animate-bounce,.animate-pulse,.animate-shake{animation:none}.card-inner,button{transition-duration:.1s}}@media (max-width:640px){.game-board{gap:.25rem}.stat-item{font-size:.75rem;padding:.375rem .5rem}.card-container{font-size:1.5rem}}@media (max-width:380px){.game-board{gap:.125rem}.stat-item{font-size:.625rem;padding:.25rem .375rem}}@media (min-width:641px) and (max-width:1024px){.game-board{gap:.5rem}}@media (min-width:1025px){.game-board{gap:1rem}}