fixing animation

Mindforge.Web/src/components/FlashcardStudySession.css

@@ -138,7 +138,7 @@
 }
 
 .study-flashcard.is-reviewed {
-  animation: studyCardExit .58s var(--ease);
+  animation: studyCardExit .52s var(--ease) forwards;
 }
 
 .study-card-face {
@@ -361,7 +361,7 @@
 }
 
 .study-stamp.show {
-  animation: studyStampIn .7s var(--ease);
+  animation: studyStampIn .42s var(--ease);
 }
 
 .study-nav-row {
@@ -509,16 +509,15 @@
 }
 
 @keyframes studyCardExit {
-  0%   { transform: translateX(0) rotateY(180deg) rotateZ(0); opacity: 1; }
-  45%  { transform: translateX(28px) rotateY(180deg) rotateZ(2deg); opacity: .9; }
-  100% { transform: translateX(-32px) rotateY(180deg) rotateZ(-2deg); opacity: 0; }
+  0%   { transform: rotateY(180deg) translateY(0); opacity: 1; }
+  100% { transform: rotateY(180deg) translateY(-44px); opacity: 0; }
 }
 
 @keyframes studyStampIn {
-  0%   { opacity: 0; transform: rotate(-18deg) scale(1.8); }
-  38%  { opacity: 1; transform: rotate(-10deg) scale(.9); }
-  58%  { transform: rotate(-12deg) scale(1.04); }
-  100% { opacity: 0; transform: rotate(-12deg) scale(1); }
+  0%   { opacity: 0; transform: rotate(-14deg) scale(0.6); }
+  55%  { opacity: 1; transform: rotate(-7deg) scale(1.08); }
+  75%  { transform: rotate(-8deg) scale(0.95); }
+  100% { opacity: 1; transform: rotate(-8deg) scale(1); }
 }
 
 @media (max-width: 1120px) {

Mindforge.Web/src/components/FlashcardStudySession.tsx

@@ -199,12 +199,12 @@ export function FlashcardStudySession({ cards, onAnswer, onEnd }: FlashcardStudy
       stampTimerRef.current = window.setTimeout(() => {
         setCardExiting(true);
         stampTimerRef.current = null;
-      }, 90);
+      }, 160);
 
       advanceTimerRef.current = window.setTimeout(() => {
         advanceCard();
         advanceTimerRef.current = null;
-      }, 760);
+      }, 700);
     } catch (err: any) {
       resetTimeout(stampTimerRef);
       resetTimeout(advanceTimerRef);