added more clue buttons and positioned them correctly

app/(main)/map/page.js

@@ -376,13 +376,53 @@ export default function MapPage() {
                     )
                   }
                   style={{
-                    left: "150px",
+                    left: "230px", // Moved from 150px to 160px (10px right)
-                    top: "200px",
+                    top: "212px", // Moved from 200px to 203px (3px down)
                   }}
                 >
                   Clue {firstClue.id}
                 </button>
               )}
+
+              {/* Add Clue 2 button - positioned 50px more to the right and 30px more down than current position */}
+              {clues.length > 1 && (
+                <button
+                  className={getClueButtonClass(clues[1])}
+                  onClick={() =>
+                    handleClueClick(
+                      clues[1].id,
+                      clues[1].available,
+                      clues[1].found
+                    )
+                  }
+                  style={{
+                    left: "320px", // 168px + 50px = 218px
+                    top: "290px", // 208px + 30px = 238px
+                  }}
+                >
+                  Clue {clues[1].id}
+                </button>
+              )}
+
+              {/* Add Clue 3 button - positioned 50px more to the right and 30px more down than current position */}
+              {clues.length > 1 && (
+                <button
+                  className={getClueButtonClass(clues[2])}
+                  onClick={() =>
+                    handleClueClick(
+                      clues[2].id,
+                      clues[2].available,
+                      clues[2].found
+                    )
+                  }
+                  style={{
+                    left: "265px", // 168px + 50px = 218px
+                    top: "400px", // 208px + 30px = 238px
+                  }}
+                >
+                  Clue {clues[2].id}
+                </button>
+              )}
             </div>
           </div>
         </div>