I don’t see paws ! Did you use css icons ?

index.html

@@ -243,10 +243,37 @@
                 isWhiteTurn = true;
                 updateCurrentPlayerDisplay();
             }
+            // Get piece image URL
+            function getPieceImageUrl(piece) {
+                const color = piece[0] === 'w' ? 'white' : 'black';
+                const pieceType = piece[1];
+                const pieceSymbols = {
+                    'p': '♟', 'r': '♜', 'n': '♞', 'b': '♝', 'q': '♛', 'k': '♚'
+                };
+                
+                // Create a canvas to generate the piece image
+                const canvas = document.createElement('canvas');
+                canvas.width = 200;
+                canvas.height = 200;
+                const ctx = canvas.getContext('2d');
+                
+                // Draw background
+                ctx.fillStyle = 'transparent';
+                ctx.fillRect(0, 0, 200, 200);
+                
+                // Draw piece symbol
+                ctx.font = '120px Arial, sans-serif';
+                ctx.fillStyle = color === 'white' ? '#ffffff' : '#000000';
+                ctx.textAlign = 'center';
+                ctx.textBaseline = 'middle';
+                ctx.fillText(pieceSymbols[pieceType], 100, 100);
+                
+                return canvas.toDataURL();
+            }
             
             // Render the chess board
             function renderBoard() {
-                chessBoard.innerHTML = '';
+chessBoard.innerHTML = '';
                 
                 for (let row = 0; row < 8; row++) {
                     for (let col = 0; col < 8; col++) {
@@ -262,8 +289,8 @@
                         if (piece) {
                             const pieceElement = document.createElement('div');
                             pieceElement.className = `chess-piece ${piece[0] === 'w' ? 'white-piece' : 'black-piece'}`;
-                            pieceElement.style.backgroundImage = `url('http://static.photos/chess/${piece[0] === 'w' ? 'white' : 'black'}/200x200/${piece[1]})`;
-                            pieceElement.dataset.piece = piece;
+                            pieceElement.style.backgroundImage = `url('${getPieceImageUrl(piece)})`;
+pieceElement.dataset.piece = piece;
                             square.appendChild(pieceElement);
                         }
                         
@@ -468,15 +495,15 @@
                 capturedPieces.white.forEach(piece => {
                     const pieceElement = document.createElement('div');
                     pieceElement.className = 'captured-piece';
-                    pieceElement.style.backgroundImage = `url('http://static.photos/chess/white/200x200/${piece[1]})`;
-                    whiteCaptured.appendChild(pieceElement);
+                    pieceElement.style.backgroundImage = `url('${getPieceImageUrl('w' + piece[1])})`;
+whiteCaptured.appendChild(pieceElement);
                 });
                 
                 capturedPieces.black.forEach(piece => {
                     const pieceElement = document.createElement('div');
                     pieceElement.className = 'captured-piece';
-                    pieceElement.style.backgroundImage = `url('http://static.photos/chess/black/200x200/${piece[1]})`;
-                    blackCaptured.appendChild(pieceElement);
+                    pieceElement.style.backgroundImage = `url('${getPieceImageUrl('b' + piece[1])})`;
+blackCaptured.appendChild(pieceElement);
                 });
             }
             
@@ -504,9 +531,8 @@
                 
                 options.forEach(option => {
                     const pieceType = option.dataset.piece;
-                    option.style.backgroundImage = `url('http://static.photos/chess/${color}/200x200/${pieceType})`;
-                    
-                    option.onclick = function() {
+                    option.style.backgroundImage = `url('${getPieceImageUrl(color + pieceType)})`;
+option.onclick = function() {
                         // Promote the pawn
                         board[toRow][toCol] = color + pieceType;
                         board[fromRow][fromCol] = '';