1 files changed, 13 insertions, 33 deletions
diff --git a/html/tower/index.html b/html/tower/index.html
index a5bfb4e..04c31e6 100644
--- a/html/tower/index.html
+++ b/html/tower/index.html
@@ -32,12 +32,12 @@
             padding: 10px;
             display: flex;
             flex-direction: column;
-            gap: 10px;
+            gap: 5px;
             flex-shrink: 0;
         }
         .tower-option {
-            width: 80px;
-            height: 80px;
+            width: 60px;
+            height: 75px;
             cursor: grab;
             position: relative;
             display: flex;
@@ -49,18 +49,23 @@
             cursor: grabbing;
         }
         .tower-preview {
-            width: 40px;
-            height: 40px;
+            width: 25px;
+            height: 25px;
             margin-bottom: 5px;
         }
         .tower-name {
-            font-size: 14px;
+            font-size: 12px;
             font-weight: bold;
             margin-bottom: 3px;
         }
         .tower-cost {
-            font-size: 12px;
+            font-size: 10px;
+            color: #666;
+        }
+        .tower-ammo {
+            font-size: 10px;
             color: #666;
+            margin-top: 2px;
         }
         .start-button {
             margin-top: 20px;
@@ -85,32 +90,7 @@
 <body>
     <div class="game-container">
         <div class="tower-palette">
-            <div class="tower-option" draggable="true" data-tower-type="BASIC">
-                <div class="tower-preview" style="background: #3498db;"></div>
-                <div class="tower-name">Basic</div>
-                <div class="tower-cost">$20</div>
-            </div>
-            <div class="tower-option" draggable="true" data-tower-type="SNIPER">
-                <div class="tower-preview" style="background: #8e44ad;"></div>
-                <div class="tower-name">Sniper</div>
-                <div class="tower-cost">$40</div>
-            </div>
-            <div class="tower-option" draggable="true" data-tower-type="RAPID">
-                <div class="tower-preview" style="background: #16a085;"></div>
-                <div class="tower-name">Rapid</div>
-                <div class="tower-cost">$35</div>
-            </div>
-            <div class="tower-option" draggable="true" data-tower-type="GOOP">
-                <div class="tower-preview" style="background: #27ae60;"></div>
-                <div class="tower-name">Goop</div>
-                <div class="tower-cost">$30</div>
-            </div>
-            <div class="tower-option" draggable="true" data-tower-type="AOE">
-                <div class="tower-preview" style="background: #d35400;"></div>
-                <div class="tower-name">AOE</div>
-                <div class="tower-cost">$45</div>
-            </div>
-            <button id="startCombat" class="start-button">Start Combat</button>
+            <!-- Tower options will be populated dynamically -->
         </div>
         <canvas id="gameCanvas" width="600" height="600"></canvas>
     </div>