diff --git a/guide/age-of-four/src/App.tsx b/guide/age-of-four/src/App.tsx
index 78669dad..2b7bc0ba 100644
--- a/guide/age-of-four/src/App.tsx
+++ b/guide/age-of-four/src/App.tsx
@@ -20,6 +20,7 @@ const ClimateEventsPage      = lazy(() => import('@/pages/ClimateEventsPage'))
 const ClimateTerrainPage     = lazy(() => import('@/pages/ClimateTerrainPage'))
 const ClimateSimulationPage  = lazy(() => import('@/pages/ClimateSimulationPage'))
 const SurvivalGuidePage      = lazy(() => import('@/pages/SurvivalGuidePage'))
+const EcosystemPage          = lazy(() => import('@/pages/EcosystemPage'))
 
 // Races & Empire
 const RacesPage              = lazy(() => import('@/pages/RacesPage'))
@@ -110,6 +111,7 @@ export default function App(): ReactElement {
         <Route path="/climate/terrain"     element={<ClimateTerrainPage />} />
         <Route path="/climate/simulation"  element={<ClimateSimulationPage />} />
         <Route path="/climate/survival"    element={<SurvivalGuidePage />} />
+        <Route path="/climate/ecosystem"   element={<EcosystemPage />} />
         {/* Redirects for old climate routes */}
         <Route path="/climate/temperature" element={<Navigate to="/climate" replace />} />
         <Route path="/climate/moisture"    element={<Navigate to="/climate/terrain" replace />} />