@keyframes cardDraw{0%{opacity:0;transform:translate(100px)rotate(15deg)}to{opacity:1;transform:translate(0)rotate(0)}}.card-new{animation:.3s ease-out forwards cardDraw}.card-container{perspective:1000px}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s ease-in-out;position:relative}.card-inner.flipping{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;width:100%;height:100%;position:absolute}.card-front{transform:rotateY(180deg)}.card-back{transform:rotateY(0)}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes wrongShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.result-correct{animation:.5s ease-in-out correctPulse}.result-wrong{animation:.3s ease-out wrongShake}@media (prefers-reduced-motion:reduce){.card-new,.card-inner,.result-correct,.result-wrong{transition:none;animation:none}.card-new{opacity:1;transform:none}}