fix feedback

app.py

@@ -154,8 +154,13 @@ CUSTOM_CSS = """
 }
 
 .status-text {
-    color: #a0a0a0 !important;
-    font-style: italic !important;
+    color: #e0e0e0 !important;
+    font-size: 1.1em !important;
+    line-height: 1.6 !important;
+    padding: 10px !important;
+    background: rgba(0, 0, 0, 0.3) !important;
+    border-radius: 8px !important;
+    margin-top: 10px !important;
 }
 
 .game-over-text {
@@ -836,11 +841,14 @@ def new_game(seed_input: str):
     valid_actions = game.get_valid_actions(0)
     action_choices = [f"{code}: {desc}" for code, desc in valid_actions]
 
+    status = f'<p style="color: #2a9d8f;">Game started! Seed: {game.seed}</p>'
+    status += '<p style="color: #ffd700; font-weight: bold;">Your turn!</p>'
+
     return (
         game,
         format_game_display(game),
         format_history(game),
-        f"Game started! Seed: {game.seed}. Your turn!",
+        status,
         gr.update(choices=action_choices, value=action_choices[0] if action_choices else None, interactive=True),
         gr.update(interactive=True),
     )
@@ -853,7 +861,7 @@ def play_action(game: TinyHanabiGame, action_choice: str):
             None,
             format_game_display(None),
             "",
-            "Please start a new game first.",
+            '<p style="color: #e63946;">Please start a new game first.</p>',
             gr.update(choices=[], interactive=False),
             gr.update(interactive=False),
         )
@@ -863,7 +871,7 @@ def play_action(game: TinyHanabiGame, action_choice: str):
             game,
             format_game_display(game),
             format_history(game),
-            f"Game over! {game.game_over_reason}. Final score: {game.score}/{CONFIG.max_score}",
+            f'<p style="color: #ffd700; font-weight: bold;">Game over! {game.game_over_reason}. Final score: {game.score}/{CONFIG.max_score}</p>',
             gr.update(choices=[], interactive=False),
             gr.update(interactive=False),
         )
@@ -874,14 +882,15 @@ def play_action(game: TinyHanabiGame, action_choice: str):
     # Execute human action
     feedback = game.execute_action(0, action)
     game.advance_turn(feedback)
-    status = f"You: {feedback}"
 
     if game.game_over:
+        status = f'<p><strong style="color: #ffd700;">You:</strong> {feedback}</p>'
+        status += f'<p style="color: #ffd700; font-weight: bold; margin-top: 10px;">Game over! {game.game_over_reason}. Final score: {game.score}/{CONFIG.max_score}</p>'
         return (
             game,
             format_game_display(game),
             format_history(game),
-            f"{status}\n\nGame over! {game.game_over_reason}. Final score: {game.score}/{CONFIG.max_score}",
+            status,
             gr.update(choices=[], interactive=False),
             gr.update(interactive=False),
         )
@@ -890,14 +899,17 @@ def play_action(game: TinyHanabiGame, action_choice: str):
     ai_action = get_ai_action(game)
     ai_feedback = game.execute_action(1, ai_action)
     game.advance_turn(ai_feedback)
-    status += f"\nAI ({ai_action}): {ai_feedback}"
+
+    status = f'<p><strong style="color: #ffd700;">You:</strong> {feedback}</p>'
+    status += f'<p><strong style="color: #4dabf7;">AI ({ai_action}):</strong> {ai_feedback}</p>'
 
     if game.game_over:
+        status += f'<p style="color: #ffd700; font-weight: bold; margin-top: 10px;">Game over! {game.game_over_reason}. Final score: {game.score}/{CONFIG.max_score}</p>'
         return (
             game,
             format_game_display(game),
             format_history(game),
-            f"{status}\n\nGame over! {game.game_over_reason}. Final score: {game.score}/{CONFIG.max_score}",
+            status,
             gr.update(choices=[], interactive=False),
             gr.update(interactive=False),
         )
@@ -906,11 +918,13 @@ def play_action(game: TinyHanabiGame, action_choice: str):
     valid_actions = game.get_valid_actions(0)
     action_choices = [f"{code}: {desc}" for code, desc in valid_actions]
 
+    status += '<p style="color: #2a9d8f; margin-top: 10px;">Your turn!</p>'
+
     return (
         game,
         format_game_display(game),
         format_history(game),
-        f"{status}\n\nYour turn!",
+        status,
         gr.update(choices=action_choices, value=action_choices[0] if action_choices else None, interactive=True),
         gr.update(interactive=True),
     )
@@ -962,7 +976,7 @@ with gr.Blocks(title="Tiny Hanabi", css=CUSTOM_CSS, theme=gr.themes.Base()) as d
                 elem_classes=["action-btn"]
             )
 
-            status_display = gr.Markdown("", elem_classes=["status-text"])
+            status_display = gr.HTML("", elem_classes=["status-text"])
 
     # Events
     new_game_btn.click(