Force popups to render above everything with maximum z-index

- Set z-index to 999999/999998/999997 for dialogs
- Added !important to all positioning properties
- Forced width/height to 100vw/100vh
- Added pointer-events: auto to ensure clickability
- Restricted Leaflet z-index to prevent interference
- Popups were showing but rendered behind map layers

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

index.html

@@ -46,6 +46,13 @@
             position: relative;
             z-index: 1;
         }
+        /* Ensure Leaflet doesn't block our popups */
+        .leaflet-container {
+            z-index: 1 !important;
+        }
+        .leaflet-pane {
+            z-index: auto !important;
+        }
         .controls {
             position: absolute;
             top: 10px;
@@ -368,16 +375,19 @@
             text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
         }
         .icon-selector-overlay {
-            position: fixed;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: rgba(0, 0, 0, 0.7);
+            position: fixed !important;
+            top: 0 !important;
+            left: 0 !important;
+            right: 0 !important;
+            bottom: 0 !important;
+            width: 100vw !important;
+            height: 100vh !important;
+            background: rgba(0, 0, 0, 0.7) !important;
             display: flex;
             align-items: center;
             justify-content: center;
-            z-index: 3000;
+            z-index: 999999 !important;
+            pointer-events: auto !important;
         }
         .icon-selector-modal {
             background: white;
@@ -428,16 +438,19 @@
             text-align: center;
         }
         .password-dialog {
-            position: fixed;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: rgba(0, 0, 0, 0.5);
+            position: fixed !important;
+            top: 0 !important;
+            left: 0 !important;
+            right: 0 !important;
+            bottom: 0 !important;
+            width: 100vw !important;
+            height: 100vh !important;
+            background: rgba(0, 0, 0, 0.5) !important;
             display: flex;
             align-items: center;
             justify-content: center;
-            z-index: 3001;
+            z-index: 999998 !important;
+            pointer-events: auto !important;
         }
         .password-dialog-content {
             background: white;
@@ -501,16 +514,19 @@
             border-radius: 50%;
         }
         .geocache-dialog {
-            position: fixed;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: rgba(0, 0, 0, 0.6);
+            position: fixed !important;
+            top: 0 !important;
+            left: 0 !important;
+            right: 0 !important;
+            bottom: 0 !important;
+            width: 100vw !important;
+            height: 100vh !important;
+            background: rgba(0, 0, 0, 0.6) !important;
             display: flex;
             align-items: center;
             justify-content: center;
-            z-index: 3002;
+            z-index: 999997 !important;
+            pointer-events: auto !important;
         }
         .geocache-dialog-content {
             background: white;