NUCLEAR CACHE BUSTING - Add highly visible debug indicators

- Add RED DEBUG BORDER and fire emojis to header
- Change title to TreeTrack Map V4.0 with timestamp
- Add !important flags to force CSS override
- Upgrade to v4.0 with enhanced version detection
- Add console logging for cache debugging
- If you still see green, there's a deeper infrastructure issue

static/map.html

@@ -34,13 +34,14 @@
 
         /* Header */
         .header {
-            background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
+            background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%) !important;
             padding: 1rem 1.5rem;
             display: flex;
             justify-content: space-between;
             align-items: center;
             box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
             z-index: 1000;
+            border-bottom: 5px solid #ff0000 !important; /* DEBUG: Red border to confirm new CSS */
         }
 
         .logo {
@@ -434,15 +435,24 @@
     <script>
         // Force refresh if we detect cached version
         (function() {
-            const currentVersion = '3.0';
+            const currentVersion = '4.0';
             const lastVersion = sessionStorage.getItem('treetrack_version');
-            if (!lastVersion || lastVersion !== currentVersion) {
+            
+            // Always reload on version mismatch
+            if (lastVersion && lastVersion !== currentVersion) {
+                console.log('Version changed from', lastVersion, 'to', currentVersion, '- forcing reload');
                 sessionStorage.setItem('treetrack_version', currentVersion);
-                if (lastVersion && lastVersion !== currentVersion) {
-                    location.reload(true);
-                    return;
-                }
+                location.reload(true);
+                return;
             }
+            
+            // Set version if not set
+            if (!lastVersion) {
+                sessionStorage.setItem('treetrack_version', currentVersion);
+            }
+            
+            // Add debug info to page title
+            document.title = 'TreeTrack Map V4.0 - ' + new Date().toLocaleTimeString();
         })();
     </script>
 </head>
@@ -451,7 +461,7 @@
         <!-- Header -->
         <div class="header">
             <div class="logo">
-                TreeTrack Map
+                🔥 TreeTrack Map V4.0 🔥
             </div>
             <div class="header-actions">
                 <div class="tree-counter">
@@ -512,6 +522,6 @@
 
     <!-- Leaflet JS -->
     <script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
-    <script src="/static/map.js?v=3.0&t=1691506800"></script>
+    <script src="/static/map.js?v=4.0&t=1691507200"></script>
 </body>
 </html>