From c8d9db5fe5cfc249686682d4c3b41b9a6d72cac0 Mon Sep 17 00:00:00 2001
From: Claude Code <claude@anthropic.com>
Date: Sun, 29 Mar 2026 06:36:30 -0700
Subject: [PATCH] =?UTF-8?q?ui(climate-sim):=20=F0=9F=92=84=20Update=20Terr?=
 =?UTF-8?q?ainLegend=20to=20enhance=20terrain=20type=20rendering=20and=20s?=
 =?UTF-8?q?tyling=20for=20better=20climate=20simulation=20visualization?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>
---
 guide/engine/src/components/climate-sim/TerrainLegend.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/guide/engine/src/components/climate-sim/TerrainLegend.tsx b/guide/engine/src/components/climate-sim/TerrainLegend.tsx
index c69be336..c2913366 100644
--- a/guide/engine/src/components/climate-sim/TerrainLegend.tsx
+++ b/guide/engine/src/components/climate-sim/TerrainLegend.tsx
@@ -132,7 +132,7 @@ export function TerrainLegend({ layerMask, presentBiomes }: TerrainLegendProps):
                 )]
               })}
             </BiomeList>
-            {showTerrain && (
+            {(!presentBiomes || presentBiomes.has('coral_reef')) && (
               <GradientRow>
                 <GradientLabel>Reef Health</GradientLabel>
                 <GradientBar style={{
@@ -291,7 +291,7 @@ const BiomeGroup = styled.div``
 const GroupDivider = styled.div`
   height: 1px;
   background: rgba(255, 255, 255, 0.05);
-  margin: 0.1875rem 0;
+  margin: 0.375rem 0 0;
 `
 
 const GroupLabel = styled.div`
@@ -302,7 +302,8 @@ const GroupLabel = styled.div`
   letter-spacing: 0.05em;
   color: ${({ theme }) => theme.colors.text.muted};
   opacity: 0.5;
-  margin-bottom: 1px;
+  padding-top: 0.3125rem;
+  margin-bottom: 0.25rem;
 `
 
 const SwatchRow = styled.div`