From 9de47575d8a168e5ebca866c4b39e29becd4a61b Mon Sep 17 00:00:00 2001
From: tiennm99 <tiennm99@outlook.com>
Date: Tue, 7 Apr 2026 22:01:01 +0700
Subject: [PATCH] fix: toggle pause button text and color based on game state

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 superpowers/src/components/HUD.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/superpowers/src/components/HUD.tsx b/superpowers/src/components/HUD.tsx
index f174dbf..5bdb565 100644
--- a/superpowers/src/components/HUD.tsx
+++ b/superpowers/src/components/HUD.tsx
@@ -65,14 +65,14 @@ export function HUD({ stateManager, onPause }: HUDProps) {
         onClick={onPause}
         style={{
           padding: "6px 16px",
-          background: "#0f3460",
+          background: state.status === "paused" ? "#e94560" : "#0f3460",
           color: "#fff",
           border: "none",
           borderRadius: "4px",
           cursor: "pointer",
         }}
       >
-        ⏸ Pause
+        {state.status === "paused" ? "▶ Resume" : "⏸ Pause"}
       </button>
     </div>
   );