removed unnecessary css

app.py

@@ -154,65 +154,55 @@ def get_model_move(fen: str) -> tuple[str, str, str]:
     return uci_move, reasoning, raw_output
 
 
-# ============================================================================
-# Game State
-# ============================================================================
-
-def create_initial_state():
-    return {
-        "board": chess.Board(),
-        "history": [],
-        "last_reasoning": "",
-        "last_raw_output": "",
-        "game_over": False,
-        "result": "",
-    }
-
-
 # ============================================================================
 # Game Logic
 # ============================================================================
 
-def make_player_move(fen: str, state: dict) -> tuple[str, dict, str, str, str]:
-    """Handle player's move from the chessboard."""
-    if state["game_over"]:
-        return state["board"].fen(), state, get_status(state), state["last_reasoning"], state["last_raw_output"]
-
+def play_move(fen: str) -> tuple[str, str, str, str]:
+    """
+    Process the position after player's move and get AI response.
+    Returns: (new_fen, status, reasoning, raw_output)
+    """
     board = chess.Board(fen)
-    state["board"] = board
-    state["history"].append(fen)
 
-    # Check if game is over after player move
+    # Check if game is over
     if board.is_game_over():
-        state["game_over"] = True
-        state["result"] = get_game_result(board)
-        return board.fen(), state, get_status(state), state["last_reasoning"], state["last_raw_output"]
+        result = get_game_result(board)
+        return fen, f"🏁 {result}", "", ""
 
-    # AI's turn (Black)
-    if not board.turn:  # Black's turn
-        uci_move, reasoning, raw_output = get_model_move(board.fen())
-        state["last_reasoning"] = reasoning
-        state["last_raw_output"] = raw_output
+    # If it's black's turn (AI), make a move
+    if not board.turn:
+        uci_move, reasoning, raw_output = get_model_move(fen)
 
         if uci_move:
             try:
                 move = chess.Move.from_uci(uci_move)
                 if move in board.legal_moves:
                     board.push(move)
-                    state["board"] = board
-                    state["history"].append(board.fen())
                 else:
-                    # Try to find a legal move that starts with the same piece
-                    state["last_reasoning"] = f"Model suggested illegal move: {uci_move}. " + reasoning
+                    reasoning = f"⚠️ Model suggested illegal move: {uci_move}. " + reasoning
             except:
-                state["last_reasoning"] = f"Model output invalid move format: {uci_move}. " + reasoning
+                reasoning = f"⚠️ Model output invalid move: {uci_move}. " + reasoning
 
         # Check if game is over after AI move
         if board.is_game_over():
-            state["game_over"] = True
-            state["result"] = get_game_result(board)
+            result = get_game_result(board)
+            return board.fen(), f"🏁 {result}", reasoning, raw_output
+
+        turn_str = "White (You)" if board.turn else "Black (AI)"
+        status = f"**Turn:** {turn_str}"
+        if board.is_check():
+            status += " ⚠️ CHECK!"
 
-    return board.fen(), state, get_status(state), state["last_reasoning"], state["last_raw_output"]
+        return board.fen(), status, reasoning, raw_output
+
+    # White's turn - just return current state
+    turn_str = "White (You)" if board.turn else "Black (AI)"
+    status = f"**Turn:** {turn_str}"
+    if board.is_check():
+        status += " ⚠️ CHECK!"
+
+    return fen, status, "", ""
 
 
 def get_game_result(board: chess.Board) -> str:
@@ -221,262 +211,77 @@ def get_game_result(board: chess.Board) -> str:
         winner = "Black" if board.turn else "White"
         return f"Checkmate! {winner} wins!"
     elif board.is_stalemate():
-        return "Stalemate! It's a draw."
+        return "Stalemate - Draw"
     elif board.is_insufficient_material():
-        return "Draw by insufficient material."
+        return "Draw - Insufficient material"
     elif board.is_fifty_moves():
-        return "Draw by fifty-move rule."
+        return "Draw - 50 move rule"
     elif board.is_repetition():
-        return "Draw by repetition."
+        return "Draw - Repetition"
     return "Game Over"
 
 
-def get_status(state: dict) -> str:
-    """Get current game status."""
-    if state["game_over"]:
-        return f"🏁 {state['result']}"
-
-    board = state["board"]
-    turn = "White (You)" if board.turn else "Black (AI)"
-
-    status = f"**Turn:** {turn}"
-    if board.is_check():
-        status += " ⚠️ **CHECK!**"
-
-    move_count = len(state["history"])
-    status += f"\n**Move:** {move_count // 2 + 1}"
+def reset_game() -> tuple[str, str, str, str]:
+    """Reset to starting position."""
+    return chess.STARTING_FEN, "**Turn:** White (You)", "", ""
 
-    return status
 
-
-def new_game() -> tuple[str, dict, str, str, str]:
-    """Start a new game."""
-    state = create_initial_state()
-    return state["board"].fen(), state, get_status(state), "", ""
-
-
-def ai_first_move(state: dict) -> tuple[str, dict, str, str, str]:
-    """Let AI make the first move (play as Black)."""
-    board = state["board"]
-
-    if len(state["history"]) > 0:
-        return board.fen(), state, get_status(state) + "\n⚠️ Game already started!", state["last_reasoning"], state["last_raw_output"]
-
-    uci_move, reasoning, raw_output = get_model_move(board.fen())
-    state["last_reasoning"] = reasoning
-    state["last_raw_output"] = raw_output
-
-    if uci_move:
-        try:
-            move = chess.Move.from_uci(uci_move)
-            if move in board.legal_moves:
-                board.push(move)
-                state["board"] = board
-                state["history"].append(board.fen())
-        except:
-            pass
-
-    return board.fen(), state, get_status(state), reasoning, raw_output
+def ai_plays_first() -> tuple[str, str, str, str]:
+    """Let AI make the opening move."""
+    return play_move(chess.STARTING_FEN)
 
 
 # ============================================================================
-# Custom CSS for chess.com-like appearance
+# Gradio Interface
 # ============================================================================
 
-CUSTOM_CSS = """
-/* Main container */
-.gradio-container {
-    max-width: 1200px !important;
-    margin: auto !important;
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
-}
-
-/* Header styling */
-.header-title {
-    text-align: center;
-    color: #769656;
-    font-size: 2.5em;
-    font-weight: bold;
-    margin-bottom: 0.2em;
-    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
-}
-
-.header-subtitle {
-    text-align: center;
-    color: #666;
-    font-size: 1.1em;
-    margin-bottom: 1em;
-}
-
-/* Game panel */
-.game-panel {
-    background: linear-gradient(145deg, #312e2b, #272522);
-    border-radius: 12px;
-    padding: 20px;
-    box-shadow: 0 8px 32px rgba(0,0,0,0.3);
-}
-
-/* Status box */
-.status-box {
-    background: #1a1916;
-    border-radius: 8px;
-    padding: 15px;
-    color: #fff;
-    font-size: 1.1em;
-    border-left: 4px solid #769656;
-}
-
-/* Reasoning box */
-.reasoning-box {
-    background: #262421;
-    border-radius: 8px;
-    padding: 15px;
-    color: #bababa;
-    font-family: 'Courier New', monospace;
-    font-size: 0.95em;
-    max-height: 200px;
-    overflow-y: auto;
-}
-
-/* Buttons */
-.game-button {
-    background: #769656 !important;
-    color: white !important;
-    border: none !important;
-    border-radius: 6px !important;
-    padding: 10px 20px !important;
-    font-weight: bold !important;
-    transition: all 0.2s ease !important;
-}
-
-.game-button:hover {
-    background: #8bac6a !important;
-    transform: translateY(-1px) !important;
-}
-
-.secondary-button {
-    background: #4a4745 !important;
-    color: #bababa !important;
-}
-
-.secondary-button:hover {
-    background: #5a5755 !important;
-}
+with gr.Blocks(title="♟️ Chess Reasoner") as demo:
+    gr.Markdown("""
+    # ♟️ Chess Reasoner
+    Play chess against a reasoning AI! You play as **White** - click on pieces to move them.
+    """)
 
-/* Accordion */
-.reasoning-accordion {
-    background: #1a1916 !important;
-    border: 1px solid #333 !important;
-    border-radius: 8px !important;
-}
+    with gr.Row():
+        with gr.Column(scale=2):
+            board = Chessboard(value=chess.STARTING_FEN,
+                               label="", game_mode=True)
 
-/* Footer */
-.footer-text {
-    text-align: center;
-    color: #666;
-    font-size: 0.9em;
-    margin-top: 1em;
-}
-"""
+        with gr.Column(scale=1):
+            status = gr.Markdown(value="**Turn:** White (You)")
 
-# ============================================================================
-# Gradio Interface
-# ============================================================================
-
-with gr.Blocks(css=CUSTOM_CSS, title="Chess Reasoner", theme=gr.themes.Soft(
-    primary_hue="green",
-    secondary_hue="gray",
-    neutral_hue="gray",
-)) as demo:
+            with gr.Row():
+                reset_btn = gr.Button("🔄 New Game", variant="primary")
+                ai_first_btn = gr.Button("🤖 AI First")
 
-    # State
-    game_state = gr.State(create_initial_state)
+            with gr.Accordion("🧠 AI Reasoning", open=True):
+                reasoning = gr.Textbox(
+                    label="Thinking", lines=3, interactive=False)
 
-    # Header
-    gr.HTML("""
-        <div class="header-title">♟️ Chess Reasoner</div>
-        <div class="header-subtitle">Play chess against a reasoning AI • You play as White</div>
-    """)
+            with gr.Accordion("📝 Raw Output", open=False):
+                raw_output = gr.Textbox(
+                    label="Model Output", lines=5, interactive=False)
 
-    with gr.Row():
-        # Left: Chessboard
-        with gr.Column(scale=3):
-            chessboard = Chessboard(
-                value=chess.STARTING_FEN,
-                label="",
-                interactive=True,
-            )
-
-        # Right: Game controls and info
-        with gr.Column(scale=2):
-            with gr.Group(elem_classes="game-panel"):
-                # Status
-                gr.Markdown("### 📊 Game Status")
-                status_display = gr.Markdown(
-                    value="**Turn:** White (You)\n**Move:** 1",
-                    elem_classes="status-box"
-                )
-
-                gr.Markdown("---")
-
-                # Controls
-                with gr.Row():
-                    new_game_btn = gr.Button(
-                        "🔄 New Game", elem_classes="game-button", size="lg")
-                    ai_first_btn = gr.Button(
-                        "🤖 AI First", elem_classes="secondary-button", size="lg")
-
-                gr.Markdown("---")
-
-                # AI Reasoning (collapsible)
-                with gr.Accordion("🧠 AI Reasoning", open=True, elem_classes="reasoning-accordion"):
-                    reasoning_display = gr.Textbox(
-                        value="",
-                        label="Thinking",
-                        lines=3,
-                        interactive=False,
-                        elem_classes="reasoning-box"
-                    )
-
-                    with gr.Accordion("📝 Raw Output", open=False):
-                        raw_output_display = gr.Textbox(
-                            value="",
-                            label="Model Output",
-                            lines=5,
-                            interactive=False,
-                            elem_classes="reasoning-box"
-                        )
-
-    # Footer
-    gr.HTML("""
-        <div class="footer-text">
-            Model: <a href="https://huggingface.co/nuriyev/chess-reasoner" target="_blank">nuriyev/chess-reasoner</a> 
-            • Fine-tuned from Qwen3-4B-Instruct • SFT Phase 1
-        </div>
+    gr.Markdown("""
+    ---
+    **Model:** [nuriyev/chess-reasoner](https://huggingface.co/nuriyev/chess-reasoner) • Fine-tuned from Qwen3-4B-Instruct
     """)
 
-    # Event handlers
-    chessboard.change(
-        fn=make_player_move,
-        inputs=[chessboard, game_state],
-        outputs=[chessboard, game_state, status_display,
-                 reasoning_display, raw_output_display],
+    # Events
+    board.change(
+        fn=play_move,
+        inputs=[board],
+        outputs=[board, status, reasoning, raw_output]
     )
 
-    new_game_btn.click(
-        fn=new_game,
-        inputs=[],
-        outputs=[chessboard, game_state, status_display,
-                 reasoning_display, raw_output_display],
+    reset_btn.click(
+        fn=reset_game,
+        outputs=[board, status, reasoning, raw_output]
     )
 
     ai_first_btn.click(
-        fn=ai_first_move,
-        inputs=[game_state],
-        outputs=[chessboard, game_state, status_display,
-                 reasoning_display, raw_output_display],
+        fn=ai_plays_first,
+        outputs=[board, status, reasoning, raw_output]
     )
 
-
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch(ssr_mode=False)