diff --git a/tasks/enduro-trails/prototype/static/index.html b/tasks/enduro-trails/prototype/static/index.html
index b96248c..badce01 100644
--- a/tasks/enduro-trails/prototype/static/index.html
+++ b/tasks/enduro-trails/prototype/static/index.html
@@ -225,8 +225,25 @@
     <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg>
     <span>Метка</span>
   </button>
+  <button class="tb-btn" id="terrain-toggle" onclick="toggleTerrainPopup()" title="Рельеф">
+    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m8 3 4 8 5-5 5 15H2L8 3z"/></svg>
+    <span>Рельеф</span>
+  </button>
 </nav>
 
+<!-- Terrain popup -->
+<div id="terrain-popup" style="display:none; position:fixed; bottom:80px; right:12px; background:var(--surface); border-radius:12px; padding:12px 16px; box-shadow:0 4px 20px rgba(0,0,0,0.3); z-index:1000; min-width:180px;">
+  <div style="font-weight:600; margin-bottom:10px; font-size:14px;">🏔️ Рельеф</div>
+  <label style="display:flex; align-items:center; gap:8px; margin-bottom:8px; cursor:pointer; font-size:14px;">
+    <input type="checkbox" id="terrain-hypso-cb" onchange="onTerrainCheckbox()">
+    Гипсометрия
+  </label>
+  <label style="display:flex; align-items:center; gap:8px; cursor:pointer; font-size:14px;">
+    <input type="checkbox" id="terrain-hillshade-cb" onchange="onTerrainCheckbox()">
+    <span id="terrain-hillshade-label">Отмывка</span>
+  </label>
+</div>
+
 <!-- Mini route sheet -->
 <div id="sheet-route-mini">
   <div class="mini-handle" id="mini-route-handle"></div>