feat: Add numerous fantasy icons, grid numbering debug files, and update map rendering logic

DEBUG-GRID-NUMBERS.md

@@ -0,0 +1,48 @@
+## Grid Numbering Debug Checklist
+
+Looking at your screenshot, I can see the hex grid is displaying but no numbers. Here's what to check:
+
+### Step 1: Open the Style Panel (RIGHT sidebar)
+
+I see the Layers panel on the LEFT in your screenshot, but you need the **Style** panel on the RIGHT.
+
+**Click the "Style" tab** in the top-right area of the screen (next to "Options" and "Tools").
+
+### Step 2: In the Style Panel:
+
+1. From the dropdown that says "Select element", choose **"Grid"**
+2. You should see these options appear:
+   - Type: (select "Hex grid (pointy)")
+   - Scale
+   - Shift by axes
+   - **☑ Show grid numbers** ← CHECK THIS BOX!
+   - Number size
+   - Number color
+
+### Step 3: If you DON'T see "Show grid numbers" checkbox:
+
+The JavaScript didn't load. Open browser console (F12) and check for errors:
+- Press F12
+- Click "Console" tab
+- Look for any red error messages
+- Take a screenshot and share it
+
+### Quick JavaScript Test
+
+Open browser console (F12) and paste this:
+
+```javascript
+// Check if the function exists
+console.log("drawGridNumbers function exists:", typeof drawGridNumbers === "function");
+
+// Check grid overlay attributes
+console.log("Grid data-show-numbers:", gridOverlay.attr("data-show-numbers"));
+
+// Manually enable grid numbering
+gridOverlay.attr("data-show-numbers", "1");
+gridOverlay.attr("data-number-size", "12");
+gridOverlay.attr("data-number-color", "#000000");
+drawGrid();
+```
+
+If this makes numbers appear, the code works but the UI isn't connected properly.