Add 2 files

index.html

@@ -86,14 +86,14 @@
         </div>
 
         <!-- Ship Placement Phase -->
-        <div id="placement-phase" class="hidden bg-black rounded-xl shadow-md p-6 mb-8">
+        <div id="placement-phase" class="hidden bg-white rounded-xl shadow-md p-6 mb-8">
             <h2 class="text-xl font-bold text-white-800 mb-4 text-center">Place Your Ships</h2>
             
             <div class="flex flex-col lg:flex-row gap-8">
                 <!-- Player Board -->
                 <div class="lg:w-1/2">
                     <div class="flex justify-between items-center mb-4">
-                        <h3 class="text-lg font-medium text-blue-700">Your Board</h3>
+                        <h3 class="text-lg font-medium text-white-700">Your Board</h3>
                         <button id="rotate-btn" class="rotate-btn px-4 py-2 bg-yellow-500 text-white rounded-lg hover:bg-yellow-600">
                             <i class="fas fa-sync-alt mr-2"></i>Rotate Ship
                         </button>
@@ -105,7 +105,7 @@
                 
                 <!-- Ships to Place -->
                 <div class="lg:w-1/2">
-                    <h3 class="text-lg font-medium text-blue-700 mb-4">Ships to Place</h3>
+                    <h3 class="text-lg font-medium text-white-700 mb-4">Ships to Place</h3>
                     <div id="ships-to-place" class="space-y-4">
                         <!-- Ships will be generated by JavaScript -->
                     </div>
@@ -120,7 +120,7 @@
         </div>
 
         <!-- Game Phase -->
-        <div id="game-phase" class="hidden bg-white rounded-xl shadow-md p-6 mb-8">
+        <div id="game-phase" class="hidden bg-black rounded-xl shadow-md p-6 mb-8">
             <h2 id="game-status" class="text-xl font-bold text-blue-800 mb-4 text-center">Your Turn</h2>
             
             <div class="flex flex-col lg:flex-row gap-8">
@@ -355,7 +355,7 @@
                 const cells = getShipCells(row, col, ship.size, gameState.shipOrientation);
                 
                 if (!cells) {
-                    showMessage("Ship doesn't fit there!");
+                    showMessage("Ship Wont fit"!");
                     return;
                 }
                 
@@ -374,7 +374,7 @@
                     name: ship.name,
                     size: ship.size,
                     cells: cells,
-                    hits: 0
+                    hits: 2
                 });
                 
                 // Update UI