improve ux

app.py

@@ -126,12 +126,17 @@ CUSTOM_CSS = """
 }
 
 .history-panel {
-    background: rgba(0, 0, 0, 0.3) !important;
+    background: rgba(0, 0, 0, 0.4) !important;
     border: 1px solid rgba(255, 255, 255, 0.1) !important;
     border-radius: 8px !important;
     padding: 15px !important;
     max-height: 200px !important;
     overflow-y: auto !important;
+    color: #ffffff !important;
+}
+
+.history-panel p {
+    color: #ffffff !important;
 }
 
 .action-btn {
@@ -154,15 +159,19 @@ CUSTOM_CSS = """
 }
 
 .status-text {
-    color: #e0e0e0 !important;
+    color: #ffffff !important;
     font-size: 1.1em !important;
     line-height: 1.6 !important;
     padding: 10px !important;
-    background: rgba(0, 0, 0, 0.3) !important;
+    background: rgba(0, 0, 0, 0.4) !important;
     border-radius: 8px !important;
     margin-top: 10px !important;
 }
 
+.status-text p {
+    color: #ffffff !important;
+}
+
 .game-over-text {
     color: #ffd700 !important;
     font-size: 1.2em !important;
@@ -608,7 +617,8 @@ class TinyHanabiGame:
 
         self.info_tokens -= 1
         positions_str = ", ".join(str(p) for p in matching)
-        return f"Told AI: {hint_type} at position(s) [{positions_str}]"
+        target_name = "AI" if target == 1 else "you"
+        return f"Hinted {target_name}: {hint_type} at position(s) [{positions_str}]"
 
     def _shift_and_draw(self, player_idx: int, position: int):
         """Shift cards left and draw new card."""
@@ -819,13 +829,13 @@ def format_game_display(game: TinyHanabiGame) -> str:
 def format_history(game: TinyHanabiGame) -> str:
     """Format turn history."""
     if game is None or not game.turn_history:
-        return "<p style='color: #666; font-style: italic;'>No actions yet</p>"
+        return "<p style='color: #aaa; font-style: italic;'>No actions yet</p>"
 
     lines = []
     for entry in game.turn_history:
         player = "You" if entry["player"] == 0 else "AI"
         color = "#ffd700" if entry["player"] == 0 else "#4dabf7"
-        lines.append(f'<p style="margin: 5px 0;"><strong style="color: {color};">{player}:</strong> {entry["feedback"]}</p>')
+        lines.append(f'<p style="margin: 5px 0; color: #fff;"><strong style="color: {color};">{player}:</strong> {entry["feedback"]}</p>')
 
     return "".join(lines)