From 9159755846f7bf6cde8dcdc716969666a7626224 Mon Sep 17 00:00:00 2001
From: david raistrick <1108844+keen99@users.noreply.github.com>
Date: Mon, 6 Jul 2026 22:48:10 -0400
Subject: [PATCH] Scope player card transitions: ring/shadow fast,
 fade/transform slow

transition-all duration-1000 on PlayerParticipantCard wrapper slowed current-
turn ring/border animation. Turn pointer visibly laggy at 400ms turn intervals.

Fix: scoped transition properties. opacity/transform/filter/border-color = 1s
for fade/death animations. box-shadow = 300ms for current-turn ring highlight,
so turn pointer snaps between participants while fades stay smooth.
---
 src/App.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.js b/src/App.js
index 14674e1..b52f429 100644
--- a/src/App.js
+++ b/src/App.js
@@ -2597,7 +2597,7 @@ function PlayerParticipantCard({ id, isActive, status, onExit, className, childr
   return (
     <div
       ref={divRef}
-      className={`transition-all duration-1000 ease-in-out ${fadeClass} ${deathClass} ${className}`}
+      className={`[transition:opacity_1s_ease-in-out,transform_1s_ease-in-out,filter_1s_ease-in-out,border-color_1s_ease-in-out,box-shadow_300ms_ease-in-out] ${fadeClass} ${deathClass} ${className}`}
     >
       {children}
       {isDead && (