fixed map display and fixed some routing issues for if the hunt timer runs out.

Grey = cant click
Red = current
Green = complete
blue = skipped?

app/(main)/map/map.module.css

@@ -64,50 +64,47 @@
   height: 100%;
   background-color: #69b5a8; /* Background color */
   overflow: auto; /* Enable scrolling */
-  display: flex; /* Add flexbox to center content */
-  justify-content: center; /* Center horizontally */
-  align-items: center; /* Center vertically */
+  display: block; /* Change from flex to block for proper scrolling */
 }
 
 .treasure-map {
   position: relative;
-  width: 100%;
-  height: 100%;
-  display: flex; /* Add flexbox for centering */
-  justify-content: center;
-  align-items: center;
+  width: fit-content; /* Change from 100% to fit-content to allow natural svg size */
+  min-width: 100%; /* Ensure it's at least full width */
+  height: fit-content;
+  min-height: 100%;
+  display: flex; /* Keep flex for alignment */
+  justify-content: flex-end; /* Align to the right */
+  align-items: flex-start; /* Align to the top */
 }
 
 /* SVG container for better scrolling and zooming */
 .svg-container {
   position: relative;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  overflow: visible; /* Change from auto to visible */
+  width: fit-content; /* Allow natural width */
+  height: fit-content; /* Allow natural height */
+  display: block; /* Change to block for proper scrolling */
+  overflow: visible; /* Show content beyond boundaries */
 }
 
 .svg-container svg {
-  max-width: 100%;
-  max-height: 90vh; /* Limit height to 90% of viewport height */
+  max-width: none; /* Remove max-width limitation */
   width: auto;
   height: auto;
   display: block;
-  object-fit: contain; /* Ensure the entire SVG is visible */
+  object-fit: none; /* Don't constrain the SVG */
 }
 
 /* Map background - display as full-page map */
 .map-background {
   position: absolute;
   top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
+  right: 0; /* Align to the right */
+  width: 100vw; /* Full viewport width */
+  height: auto;
   background-image: url("/images/map.svg");
-  background-size: contain;
-  background-position: center;
+  background-size: auto; /* Don't resize the background */
+  background-position: top right; /* Position at top right */
   background-repeat: no-repeat;
   z-index: 5;
 }