diff --git a/index.html b/index.html
index 9623fe7..1d1e283 100644
--- a/index.html
+++ b/index.html
@@ -87,14 +87,14 @@
             <!-- RPG day/night arc background -->
             <path id="rpg-arc-bg" d="" fill="none" stroke="#3a383d" stroke-width="3" opacity="0.6"/>
 
-            <!-- RPG sun position -->
+            <!-- RPG moon position (rendered first, below sun) -->
+            <circle id="rpg-moon" cx="100" cy="100" r="9" fill="#b0a89a"/>
+
+            <!-- RPG sun position (rendered after moon, so it's visible on top) -->
             <circle id="rpg-sun-glow" cx="100" cy="100" r="14" fill="#e0914f" opacity="0.3"/>
             <circle id="rpg-sun" cx="100" cy="100" r="9" fill="#e0914f"/>
             <circle id="rpg-sun-core" cx="100" cy="100" r="4" fill="#f3ede1"/>
 
-            <!-- RPG moon position -->
-            <circle id="rpg-moon" cx="100" cy="100" r="9" fill="#b0a89a"/>
-
             <!-- Hour marks -->
             <g id="hour-marks"></g>