From 3e133b17c061465e6ed4d0038e531b45f848dc2e Mon Sep 17 00:00:00 2001
From: adlee-was-taken <aaron.daniel.lee@gmail.com>
Date: Sun, 22 Feb 2026 19:13:40 -0500
Subject: [PATCH] Delay turn shake hint by 5s, reduce to 300ms every 2s

Less aggressive draw hint: waits 5 seconds before first shake,
then shakes for 300ms every 2 seconds with slightly less movement.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 client/card-animations.js | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/client/card-animations.js b/client/card-animations.js
index aafaaf1..902c1a1 100644
--- a/client/card-animations.js
+++ b/client/card-animations.js
@@ -757,22 +757,28 @@ class CardAnimations {
 
             anime({
                 targets: element,
-                translateX: [0, -8, 8, -6, 4, 0],
-                duration: 400,
+                translateX: [0, -6, 6, -4, 3, 0],
+                duration: 300,
                 easing: 'easeInOutQuad'
             });
         };
 
-        // Do initial shake, then repeat every 3 seconds
-        doShake();
-        const interval = setInterval(doShake, 3000);
-        this.activeAnimations.set(id, { interval });
+        // Delay first shake by 5 seconds, then repeat every 2 seconds
+        const timeout = setTimeout(() => {
+            if (!this.activeAnimations.has(id)) return;
+            doShake();
+            const interval = setInterval(doShake, 2000);
+            const entry = this.activeAnimations.get(id);
+            if (entry) entry.interval = interval;
+        }, 5000);
+        this.activeAnimations.set(id, { timeout });
     }
 
     stopTurnPulse(element) {
         const id = 'turnPulse';
         const existing = this.activeAnimations.get(id);
         if (existing) {
+            if (existing.timeout) clearTimeout(existing.timeout);
             if (existing.interval) clearInterval(existing.interval);
             if (existing.pause) existing.pause();
             this.activeAnimations.delete(id);