• Mahmoud Aglan's avatar
    feat: chess fully playable — all modes, analysis, puzzles, matchmaking · 2dd53307
    Mahmoud Aglan authored
    /game — Full chess vs bot:
    - Complete DOM (17 elements game engines need)
    - Loads chess.min.js → openings.js → board.js → game.js in order
    - Clocks, move list, opening display, thinking indicator
    - Resign, draw, flip buttons
    - Immersive mode (header/nav hide)
    
    /game-live — Multiplayer chess:
    - Realtime subscription for opponent moves
    - Draw offer banner (accept/decline)
    - Same full DOM as bot game
    
    /analysis — Post-game analysis:
    - Eval bar with animated fill
    - Eval graph canvas
    - Move navigation (first/prev/next/last)
    - Player accuracy percentages
    - Critical moments highlight
    - Engine analysis button
    
    /puzzles — Chess puzzles:
    - Daily (5 per day with dot progress)
    - Streak mode
    - Rush mode (timed)
    - Tab switching between modes
    
    /matchmaking — Animated opponent search:
    - Radar ring pulse animation
    - Timer counting up
    - Auto-poll API every 2s
    - Cancel button returns to lobby
    
    CSS additions:
    - Chess game layout (flexbox centered, responsive board)
    - Clock styles (active=gold, low=red+pulse)
    - Move list compact style
    - Matchmaking radar animation
    
    Also: chessboard.css now loaded in <head> globally
    Co-Authored-By: 's avatarClaude Opus 4.6 <noreply@anthropic.com>
    2dd53307
el3ab.css 21.3 KB