ok

index.html

@@ -31,6 +31,7 @@
           <div class="stat-label">Range</div><div class="stat-value" id="t_range">0</div>
           <div class="stat-label">Fire Rate</div><div class="stat-value" id="t_rate">0</div>
           <div class="stat-label">Damage</div><div class="stat-value" id="t_damage">0</div>
+          <div class="stat-label" id="t_slow_label" style="display:none">Slow</div><div class="stat-value" id="t_slow" style="display:none">-</div>
           <div class="stat-label">Next Upgrade</div><div class="stat-value" id="t_nextCost">-</div>
         </div>
         <div class="u-flex u-gap-3">
@@ -50,4 +51,4 @@
     </script>
     <script type="module" src="src/main.js"></script>
 </body>
-</html>
+</html>

src/ui/UIManager.js

@@ -19,6 +19,9 @@ export class UIManager {
     this.tRateEl = document.getElementById("t_rate");
     this.tDamageEl = document.getElementById("t_damage");
     this.tNextCostEl = document.getElementById("t_nextCost");
+    // Slow-specific UI (only visible for slow towers)
+    this.tSlowLabelEl = document.getElementById("t_slow_label");
+    this.tSlowEl = document.getElementById("t_slow");
 
     // Tower palette (floating)
     this.palette = document.createElement("div");
@@ -193,6 +196,19 @@ export class UIManager {
     this.tRateEl.textContent = tower.rate.toFixed(2);
     this.tDamageEl.textContent = tower.damage.toFixed(2);
 
+    // Show slow percentage for slow towers; hide for others
+    if (tower.type === "slow" && this.tSlowEl && this.tSlowLabelEl) {
+      const mult = tower.projectileEffect?.mult ?? 1.0;
+      // Convert to percentage slow (e.g., mult 0.75 => 25% slow)
+      const pct = Math.max(0, Math.min(100, Math.round((1 - mult) * 100)));
+      this.tSlowEl.textContent = `${pct}%`;
+      this.tSlowLabelEl.style.display = "";
+      this.tSlowEl.style.display = "";
+    } else if (this.tSlowEl && this.tSlowLabelEl) {
+      this.tSlowLabelEl.style.display = "none";
+      this.tSlowEl.style.display = "none";
+    }
+
     if (tower.canUpgrade) {
       this.tNextCostEl.textContent = String(tower.nextUpgradeCost);
       this.upgradeBtn.disabled = money < tower.nextUpgradeCost;