From 6b9cf87fae3bf9fb48cf0ab53699781d777345f4 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 21 Jul 2025 07:34:55 +0000
Subject: [PATCH] Show value above plus button

Display the actual value of each power of three above the plus button in the balanced ternary game.
---
 src/components/BalancedTernaryGame.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/BalancedTernaryGame.tsx b/src/components/BalancedTernaryGame.tsx
index feeb10d..d366ea4 100644
--- a/src/components/BalancedTernaryGame.tsx
+++ b/src/components/BalancedTernaryGame.tsx
@@ -172,6 +172,9 @@ const BalancedTernaryGame: React.FC<BalancedTernaryGameProps> = ({ showSocialSha
       <div className="grid grid-cols-8 gap-3">
         {POWERS_OF_THREE.map((power, index) => (
           <div key={power} className="flex flex-col items-center space-y-2">
+            {/* Power value */}
+            <span className="text-xs text-muted-foreground font-medium">{power}</span>
+            
             {/* Add button */}
             <Button
               variant="outline"