Update/Fix Map Quizzes on Mobile

For years, on mobile browser, when trying to view the red circles or other missed SVG elements on the results page for a city quiz, the screen would also zoom in the map itself as you tapped the red or green element you want to look at. This was frustrating enough, as you would have to often tap the element almost randomly hoping that you'd line up for some of the smaller elements.

Recently, however, it's actually gotten even more broken, where now oftentimes every other time you tap the map with your finger (specifically the times where tapping results in a zoom out rather than zoom in), the actual label that the webpage "thinks" you've tapped is wildly off where you actually clicked, almost like it took the pointer location that you clicked and applied it to the zoomed out map rather than the zoomed in map you just had on your screen as you tapped your finger.

I personally use jetpunk to learn cities and subdivisions for geoguessr, and oftentimes i use mobile so i can learn on the train or bus where i don't have wifi on my laptop but i do have cell service on my phone. I feel like the mobile browser user experience would greatly improve if it had a designated review method separate from the "scroll your mouse over the svg elements" method that works great for desktop but not for mobile. As it stands now, it seems that the button for zooming the map and the button to adjust where the site "thinks" your "mouse pointer" is to show the answer label text in the bottom left corner ends up being the same on mobile, so a solution for mobile that somehow separates these two functions would really improve the site. Perhaps a button you can toggle on the results screen to switch between "zoom mode" and "review mode", where zoom mode allows users to zoom the map as usual while review mode locks the zoom level in place while it's toggled so that answers can be reviewed without the map jumping in and out.