From 748c12c3cf1e6e06f04f6556e8daeaaebf69719a Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 22 Aug 2025 10:53:25 +0000
Subject: [PATCH] Fix Bulgarian Solitaire bugs

Update animation to fade to red and back. Debug reset functionality to ensure all states are cleared.
---
 src/components/BulgarianSolitaire.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/BulgarianSolitaire.tsx b/src/components/BulgarianSolitaire.tsx
index 1cac503..955519f 100644
--- a/src/components/BulgarianSolitaire.tsx
+++ b/src/components/BulgarianSolitaire.tsx
@@ -440,10 +440,12 @@ const BulgarianSolitaire: React.FC<BulgarianSolitaireProps> = ({ showSocialShare
                   onDragStart={(e) => handleDragStart(e, boxId)}
                   onDoubleClick={() => handleDoubleClick(boxId)}
                   className={`w-8 h-8 rounded cursor-move transition-all duration-300 flex items-center justify-center text-xs font-medium mx-auto ${
-                    highlightedBoxes.has(boxId) 
+                    isAnimating && highlightedBoxes.has(boxId)
+                      ? 'animate-[fade-red_1.6s_ease-in-out_infinite] shadow-lg scale-110 text-white'
+                      : highlightedBoxes.has(boxId) 
                       ? 'bg-red-500 text-white shadow-lg scale-110' 
                       : 'bg-primary text-primary-foreground hover:bg-primary/80'
-                  } ${isAnimating && highlightedBoxes.has(boxId) ? 'animate-[fade-red_1.6s_ease-in-out_infinite]' : ''}`}
+                  }`}
                   title="Drag to move or double-click to move to last-used column"
                 >
                 </div>
@@ -485,7 +487,7 @@ const BulgarianSolitaire: React.FC<BulgarianSolitaireProps> = ({ showSocialShare
         </button>
         {showInstructions && (
           <ul className="list-disc list-inside space-y-2 text-sm text-muted-foreground">
-            <li>Choose a value for n (3-45) using the slider</li>
+            <li>Choose a value for n (2-45) using the slider</li>
             <li>Drag the {totalBoxes} boxes from the container into any of the columns</li>
             <li>Drag boxes between columns to rearrange them as needed</li>
             <li>Drag boxes back to the container or double-click any box in a column to move it to the last-used column</li>