From 51179485a1492965e78f31f086bd2050aebd41e0 Mon Sep 17 00:00:00 2001
From: PhatPhuckDave <david.majdandzic@hotmail.com>
Date: Sun, 10 Aug 2025 22:31:52 +0200
Subject: [PATCH] fix(RegionMap): enhance system focus visual feedback with
 improved styling and animation

---
 frontend/src/components/RegionMap.tsx | 22 +++++++---------------
 1 file changed, 7 insertions(+), 15 deletions(-)

diff --git a/frontend/src/components/RegionMap.tsx b/frontend/src/components/RegionMap.tsx
index ca2a209..57b0901 100644
--- a/frontend/src/components/RegionMap.tsx
+++ b/frontend/src/components/RegionMap.tsx
@@ -720,33 +720,25 @@ export const RegionMap = ({ regionName, focusSystem, isCompact = false, isWormho
 
         {/* Highlight focused system */}
         {focusSystem && focusUntil && Date.now() <= focusUntil && positions[focusSystem] && (
-          <g>
+          <g style={{ pointerEvents: 'none' }}>
             <circle
               cx={positions[focusSystem].x}
               cy={positions[focusSystem].y}
               r="20"
               fill="none"
-              stroke="#f472b6"
-              strokeWidth="4"
-              strokeDasharray="6,6"
-              opacity="0.95"
+              stroke="#a855f7"
+              strokeWidth="3"
+              opacity="0.9"
               filter="url(#glow)"
             >
               <animate
                 attributeName="r"
-                values="18;24;18"
-                dur="1.8s"
+                values="18;22;18"
+                dur="1.5s"
                 repeatCount="indefinite"
               />
             </circle>
-            <circle
-              cx={positions[focusSystem].x}
-              cy={positions[focusSystem].y}
-              r="8"
-              fill="#f472b6"
-              opacity="0.8"
-            />
-            <text x={positions[focusSystem].x + 14} y={positions[focusSystem].y - 14} fontSize="10" fill="#ffffff" stroke="#0f172a" strokeWidth="2" paintOrder="stroke">{focusSystem}</text>
+            <text x={positions[focusSystem].x + 12} y={positions[focusSystem].y - 10} fontSize="10" fill="#ffffff" stroke="#0f172a" strokeWidth="2" paintOrder="stroke">{focusSystem}</text>
           </g>
         )}
       </svg>