Made pages more visually coherent and simplified css a bit more. Also

added border to plants that indicate the growth time.

Scripts/Garden/Garden.js

@@ -262,7 +262,7 @@ function RenderSeeds() {
             );
 
         Button.className =
-            "SeedButton";
+            "ActionButton SeedButton";
 
         Button.type = "button";
 
@@ -353,7 +353,7 @@ function CreatePlotElement(
         );
 
     Button.className =
-        "GardenPlot";
+        "PlantTile GardenPlot";
 
     Button.type = "button";
 
@@ -394,6 +394,18 @@ function CreatePlotElement(
     }
 
 
+    const Progress =
+        GetPlantGrowthProgress(
+            Plot,
+            Plant
+        );
+
+    Button.style.setProperty(
+        "--GrowthProgress",
+        `${Progress * 100}%`
+    );
+
+
     const ImagePath =
         GetPlantImage(
             Plot,
@@ -407,7 +419,7 @@ function CreatePlotElement(
             );
 
         Image.className =
-            "GardenPlant";
+            "PlantSprite";
 
         Image.alt =
             Plant.Name;
@@ -462,10 +474,7 @@ function CreatePlotElement(
 
 
     if (
-        IsPlantMature(
-            Plot,
-            Plant
-        )
+        Progress >= 1
     ) {
         Button.classList.add(
             "GardenPlotMature"
@@ -484,12 +493,6 @@ function CreatePlotElement(
             }
         );
     } else {
-        const Progress =
-            GetPlantGrowthProgress(
-                Plot,
-                Plant
-            );
-
         Button.title =
             Plant.Name +
             " - " +

Scripts/Garden/Guide.js

@@ -46,7 +46,7 @@ function RenderGuideRecipePlants() {
             );
 
         Image.className =
-            "GuideRecipeImage";
+            "PlantSprite GuideRecipeImage";
 
         Image.src =
             Images[

Scripts/Garden/Shop.js

@@ -115,7 +115,7 @@ function CreateShopSeedCard(
         );
 
     Card.className =
-        "ShopItem";
+        "Panel ShopItem";
 
 
     const Header =
@@ -250,7 +250,7 @@ function CreateShopSeedCard(
         );
 
     BuyButton.className =
-        "ShopBuyButton";
+        "ActionButton ShopBuyButton";
 
     BuyButton.type = "button";
 
@@ -306,7 +306,7 @@ function CreateShopPlantVisual(
         );
 
     ImageFrame.className =
-        "ShopPlantImageFrame";
+        "PlantTile ShopPlantImageFrame";
 
 
     const PlantKey =
@@ -344,7 +344,7 @@ function CreateShopPlantVisual(
             );
 
         Image.className =
-            "ShopPlantImage";
+            "PlantSprite";
 
         Image.src =
             Images[