fix: make map-renderer fill parent container for fit-crop-with-fill

Add flex: 1 to map-renderer so it expands to fill the available space
in the parent flex container. Without this, the container would shrink
to fit its content, preventing the aspect ratio calculation from using
the full available viewport.

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

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

apps/web/src/arcade-games/know-your-world/components/MapRenderer.tsx

@@ -1566,6 +1566,7 @@ export function MapRenderer({
         position: 'relative',
         width: '100%',
         height: '100%',
+        flex: 1, // Fill available space in parent flex container
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',

apps/web/src/arcade-games/know-your-world/customCrops.ts

@@ -14,7 +14,7 @@ export interface CropOverrides {
 
 export const customCrops: CropOverrides = {
   world: {
-    europe: '402.41 97.98 233.00 266.05',
+    europe: '465.24 257.95 106.49 77.15',
   }
 }