diff --git a/services/presentation/app/static/styles.css b/services/presentation/app/static/styles.css
index 552b5ea..0f218c2 100644
--- a/services/presentation/app/static/styles.css
+++ b/services/presentation/app/static/styles.css
@@ -90,9 +90,13 @@ textarea.prompt { width: 100%; margin-top: .5rem; padding: .7rem .8rem; box-sizi
 textarea.prompt:focus { outline: 2px solid var(--accent); outline-offset: 1px; }
 
 /* Okno postępu przy generowaniu horoskopu */
+/* z-index ponad Leaflet: jego kontrolki (.leaflet-top/.leaflet-bottom — zoom,
+   atrybucja) siedzą na z-index:1000 i — bo .leaflet-container nie tworzy własnego
+   kontekstu stackowania — trafiają wprost do korzenia. Przy z-index:50 mapa
+   wychodziła NA WIERZCH modala. 1200 daje zapas nad 1000. */
 .progress-overlay { position: fixed; inset: 0; background: rgba(8,9,20,.72);
                     display: flex; align-items: center; justify-content: center;
-                    z-index: 50; padding: 1rem; }
+                    z-index: 1200; padding: 1rem; }
 .progress-overlay[hidden] { display: none; }
 .progress-box { background: var(--panel); border: 1px solid var(--line); border-radius: 14px;
                 padding: 1rem 1.1rem; width: min(38rem, 100%); box-shadow: 0 18px 48px rgba(0,0,0,.45); }