Update app.py

app.py

@@ -5,7 +5,7 @@ import random
 def initialize_game():
     board = [["" for _ in range(3)] for _ in range(3)]
     current_player = "X"
-    status = "Player 1's turn (X)"
+    status = "<div style='font-size: 1.5em; color: green; font-weight: bold;'>Player 1's turn (X)</div>"
     buttons = [gr.Button(value="", elem_classes=["cell-btn"], interactive=True) for _ in range(9)]
     return board, current_player, status, *buttons
 
@@ -27,7 +27,7 @@ def check_draw(board):
     return all(cell != "" for row in board for cell in row)
 
 # Minimax algorithm for AI's move
-def minimax(board, depth, is_maximizing, difficulty):
+def minimax(board, depth, is_maximizing):
     winner = check_winner(board)
     if winner == "X":
         return -10 + depth
@@ -42,7 +42,7 @@ def minimax(board, depth, is_maximizing, difficulty):
             for j in range(3):
                 if board[i][j] == "":
                     board[i][j] = "O"
-                    best = max(best, minimax(board, depth + 1, False, difficulty))
+                    best = max(best, minimax(board, depth + 1, False))
                     board[i][j] = ""
         return best
     else:
@@ -51,30 +51,19 @@ def minimax(board, depth, is_maximizing, difficulty):
             for j in range(3):
                 if board[i][j] == "":
                     board[i][j] = "X"
-                    best = min(best, minimax(board, depth + 1, True, difficulty))
+                    best = min(best, minimax(board, depth + 1, True))
                     board[i][j] = ""
         return best
 
 # Find the best move for AI
-def get_best_move(board, difficulty):
-    if difficulty == "easy":
-        # Random move for easy level
-        empty_cells = [(i, j) for i in range(3) for j in range(3) if board[i][j] == ""]
-        if empty_cells:
-            return random.choice(empty_cells)
-
-    if difficulty == "intermediate":
-        # Mixed strategy for intermediate
-        if random.random() < 0.5:
-            return get_best_move(board, "easy")
-    
+def get_best_move(board):
     best_val = -float('inf')
     best_move = (-1, -1)
     for i in range(3):
         for j in range(3):
             if board[i][j] == "":
                 board[i][j] = "O"
-                move_val = minimax(board, 0, False, difficulty)
+                move_val = minimax(board, 0, False)
                 board[i][j] = ""
                 if move_val > best_val:
                     best_move = (i, j)
@@ -82,60 +71,72 @@ def get_best_move(board, difficulty):
     return best_move
 
 # Handle a move
-def handle_move(board, current_player, button_idx, game_status, difficulty):
+def handle_move(board, current_player, button_idx, game_status):
     if "wins" in game_status or "draw" in game_status:
         buttons = [gr.Button(value=board[i // 3][i % 3], elem_classes=["cell-btn"], interactive=False) for i in range(9)]
         return board, current_player, game_status, *buttons
 
     row, col = divmod(button_idx, 3)
     if board[row][col] != "":
-        status = f"Invalid move! Player {1 if current_player == 'X' else 2}'s turn ({current_player})"
+        status = f"<div style='font-size: 1.5em; color: orange; font-weight: bold;'>Invalid move! Player {1 if current_player == 'X' else 2}'s turn ({current_player})</div>"
         buttons = [gr.Button(value=board[i // 3][i % 3], elem_classes=["cell-btn"]) for i in range(9)]
         return board, current_player, status, *buttons
 
     board[row][col] = current_player
     winner = check_winner(board)
     if winner:
-        status = f"Player {1 if winner == 'X' else 2} ({winner}) wins! 🎉"
+        status = f"<div style='font-size: 2em; color: red; font-weight: bold;'>Player {1 if winner == 'X' else 2} ({winner}) wins! 🎉</div>"
         buttons = [gr.Button(value=board[i // 3][i % 3], elem_classes=["cell-btn"], interactive=False) for i in range(9)]
         return board, current_player, status, *buttons
 
     if check_draw(board):
-        status = "It's a draw! 🤝"
+        status = "<div style='font-size: 2em; color: blue; font-weight: bold;'>It's a draw! 🤝</div>"
         buttons = [gr.Button(value=board[i // 3][i % 3], elem_classes=["cell-btn"], interactive=False) for i in range(9)]
         return board, current_player, status, *buttons
 
     # AI's turn
     if current_player == "X":
         current_player = "O"
-        ai_row, ai_col = get_best_move(board, difficulty)
+        ai_row, ai_col = get_best_move(board)
         board[ai_row][ai_col] = "O"
         winner = check_winner(board)
         if winner:
-            status = f"AI ({winner}) wins! 🎉"
+            status = f"<div style='font-size: 2em; color: purple; font-weight: bold;'>AI ({winner}) wins! 🎉</div>"
             buttons = [gr.Button(value=board[i // 3][i % 3], elem_classes=["cell-btn"], interactive=False) for i in range(9)]
             return board, current_player, status, *buttons
 
         if check_draw(board):
-            status = "It's a draw! 🤝"
+            status = "<div style='font-size: 2em; color: blue; font-weight: bold;'>It's a draw! 🤝</div>"
             buttons = [gr.Button(value=board[i // 3][i % 3], elem_classes=["cell-btn"], interactive=False) for i in range(9)]
             return board, current_player, status, *buttons
 
         current_player = "X"
-        status = f"Player 1's turn (X)"
+        status = "<div style='font-size: 1.5em; color: green; font-weight: bold;'>Player 1's turn (X)</div>"
 
     buttons = [gr.Button(value=board[i // 3][i % 3], elem_classes=["cell-btn"]) for i in range(9)]
     return board, current_player, status, *buttons
 
 # Build the Gradio UI
-with gr.Blocks(css=".cell-btn {height: 100px; width: 100px; font-size: 2em; text-align: center;}") as tic_tac_toe:
+with gr.Blocks(css="""
+.cell-btn {
+    height: 100px; 
+    width: 100px; 
+    font-size: 2em; 
+    text-align: center; 
+    background-color: #f0f0f0; 
+    border: 2px solid #ddd; 
+    transition: all 0.3s;
+}
+.cell-btn:hover {
+    background-color: #e0e0e0;
+}
+""") as tic_tac_toe:
     gr.Markdown("## Tic-Tac-Toe with AI 🎮")
-    difficulty = gr.Radio(["easy", "intermediate", "impossible"], value="impossible", label="Difficulty Level")
+    game_status = gr.Markdown(value="<div style='font-size: 1.5em; color: green; font-weight: bold;'>Player 1's turn (X)</div>")
 
     # Initialize states
     board_state = gr.State([["" for _ in range(3)] for _ in range(3)])
     current_player = gr.State("X")
-    game_status = gr.Textbox(value="Player 1's turn (X)", label="Game Status", interactive=False)
 
     # Create grid buttons
     buttons = []
@@ -149,7 +150,7 @@ with gr.Blocks(css=".cell-btn {height: 100px; width: 100px; font-size: 2em; text
     for idx, btn in enumerate(buttons):
         btn.click(
             handle_move,
-            inputs=[board_state, current_player, gr.Number(idx, visible=False), game_status, difficulty],
+            inputs=[board_state, current_player, gr.Number(idx, visible=False), game_status],
             outputs=[board_state, current_player, game_status, *buttons],
         )