feat: bolder park outline styling — thicker lines (5px), full opacity, stronger fill, saturated colors

static/index.html

@@ -3151,7 +3151,7 @@
     const DISNEY_PARK_OUTLINES = {
       'magic-kingdom': {
         name: 'Magic Kingdom',
-        color: '#8b5cf6',
+        color: '#c2410c',
         icon: '🏰',
         // Accurate boundary from OSM (way 297428432, simplified)
         coords: [
@@ -3178,7 +3178,7 @@
       },
       'epcot': {
         name: 'Epcot',
-        color: '#06b6d4',
+        color: '#0284c7',
         icon: '🌍',
         coords: [
           [28.3793, -81.5530], [28.3800, -81.5475], [28.3770, -81.5455],
@@ -3189,7 +3189,7 @@
       },
       'hollywood-studios': {
         name: 'Hollywood Studios',
-        color: '#f59e0b',
+        color: '#ca8a04',
         icon: '🎬',
         coords: [
           [28.3615, -81.5625], [28.3625, -81.5560], [28.3590, -81.5545],
@@ -3199,7 +3199,7 @@
       },
       'animal-kingdom': {
         name: 'Animal Kingdom',
-        color: '#22c55e',
+        color: '#15803d',
         icon: '🌿',
         coords: [
           [28.3635, -81.5955], [28.3640, -81.5870], [28.3600, -81.5850],
@@ -3209,7 +3209,7 @@
       },
       'disney-springs': {
         name: 'Disney Springs',
-        color: '#ec4899',
+        color: '#be185d',
         icon: '🛍️',
         coords: [
           [28.3740, -81.5255], [28.3745, -81.5175], [28.3710, -81.5155],
@@ -3240,10 +3240,10 @@
       Object.entries(DISNEY_PARK_OUTLINES).forEach(([key, park]) => {
         const polygon = L.polygon(park.coords, {
           color: park.color,
-          weight: 3,
-          opacity: 0.9,
+          weight: 5,
+          opacity: 1,
           fillColor: park.color,
-          fillOpacity: 0.15,
+          fillOpacity: 0.25,
           dashArray: key === 'resort' ? '8, 4' : null,
         }).addTo(parkOutlineGroup);