Portal warp: tighten to 2.0s total (demat 900ms + 200ms gap + remat 900ms)

Author: Swon404

src/GameContext.tsx

@@ -245,12 +245,10 @@ export function GameProvider({ children }: { children: ReactNode }) {
       try {
         // Compute the bot move and ensure enough time has elapsed so the
         // human's own animation has time to play before the board re-renders
-        // with the bot's response. Teleport animations are longer (~2.8s
-        // total: demat + gap + remat) so we wait extra when the previous
-        // move was a portal entry. Slide animation is ~650ms, so we wait
-        // ~750ms after a normal human move.
+        // with the bot's response. Teleport animation is 2.0s total
+        // (demat + gap + remat). Slide animation is ~650ms.
         const prevMove = state.history[state.history.length - 1];
-        const minThinkMs = prevMove?.isPortalEntry ? 2900 : 750;
+        const minThinkMs = prevMove?.isPortalEntry ? 2100 : 750;
         const t0 = performance.now();
         const move = await chooseBotMove(state, lvl);
         const elapsed = performance.now() - t0;

src/styles.css

@@ -278,17 +278,17 @@ section label { display: block; margin: 6px 0; }
   will-change: transform;
 }
 /* Portal teleport: piece dematerialises at origin, rematerialises at destination.
-   Total warp duration: demat (1300ms) + gap (200ms) + remat (1300ms) = ~2.8s. */
+   Total warp duration: demat (900ms) + gap (200ms) + remat (900ms) = 2.0s. */
 .piece-dematerialize {
   position: absolute;
   inset: 0;
   pointer-events: none;
-  animation: piece-demat 1300ms ease-in forwards;
+  animation: piece-demat 900ms ease-in forwards;
   will-change: transform, opacity, filter;
   z-index: 2;
 }
 .piece-rematerialize {
-  animation: piece-remat 1300ms 1500ms cubic-bezier(0.16, 1, 0.3, 1) backwards;
+  animation: piece-remat 900ms 1100ms cubic-bezier(0.16, 1, 0.3, 1) backwards;
   will-change: transform, opacity, filter;
 }
 @keyframes piece-demat {