diff --git a/static/style.css b/static/style.css
index a86365c..b556684 100644
--- a/static/style.css
+++ b/static/style.css
@@ -908,7 +908,18 @@ main { max-width: 1200px; margin: 0 auto; padding: 20px 24px 60px; }
   .rd-colh b { font-size: 10.5px; }
 
   .mp-overlay { padding: 0; }
-  .mp-modal { max-width: none; max-height: 100vh; height: 100vh; border-radius: 0; border: none; }
+  /* Full-screen sheet. Size to the *dynamic* viewport (dvh) — plain 100vh on
+     iOS Safari is the large-viewport height (toolbars retracted), so with the
+     chrome showing the footer's "Use this location" button falls behind it and
+     gets cut off. dvh tracks the currently-visible height, and the flex map
+     gives up the space so the footer stays on-screen. vh kept as a fallback. */
+  .mp-modal {
+    max-width: none; border-radius: 0; border: none;
+    max-height: 100vh; height: 100vh;
+    max-height: 100dvh; height: 100dvh;
+  }
+  /* Clear the home-indicator inset once the bottom toolbar retracts. */
+  .mp-foot { padding-bottom: calc(16px + env(safe-area-inset-bottom)); }
   .find-bar { width: 100%; }
   .guide-metrics { grid-template-columns: 1fr; gap: 2px 0; }
   .guide-metrics dt { margin-top: 10px; }