From 7d3c5c304b61f3fbc64d626b0712c74e895af9c9 Mon Sep 17 00:00:00 2001
From: Thomas Hallock <thomas@evolutioniq.com>
Date: Sun, 23 Nov 2025 14:21:45 -0600
Subject: [PATCH] fix: remove background rect from main map SVG
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Remove the background rect from the main map SVG (not magnifier).
This was causing the mispositioned blue rectangle to appear on the left.

The map container already has its own background styling, so the SVG
rect is unnecessary.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../arcade-games/know-your-world/components/MapRenderer.tsx    | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/apps/web/src/arcade-games/know-your-world/components/MapRenderer.tsx b/apps/web/src/arcade-games/know-your-world/components/MapRenderer.tsx
index 41487d02..2337cf76 100644
--- a/apps/web/src/arcade-games/know-your-world/components/MapRenderer.tsx
+++ b/apps/web/src/arcade-games/know-your-world/components/MapRenderer.tsx
@@ -1454,9 +1454,6 @@ export function MapRenderer({
           aspectRatio: `${viewBoxWidth} / ${viewBoxHeight}`,
         }}
       >
-        {/* Background */}
-        <rect x="0" y="0" width="100%" height="100%" fill={isDark ? '#111827' : '#f3f4f6'} />
-
         {/* Render all regions (included + excluded) */}
         {[...mapData.regions, ...excludedRegions].map((region) => {
           const isExcluded = excludedRegionIds.has(region.id)