diff --git a/index.html b/index.html
index 1427047..cdd53a2 100644
--- a/index.html
+++ b/index.html
@@ -122,7 +122,7 @@
 
             <!-- Moon position (with phase) -->
             <g id="rpg-moon">
-                <circle id="rpg-moon-bg" cx="100" cy="100" r="9" fill="#b0a89a" stroke="#e6dfd1" stroke-width="1"/>
+                <circle id="rpg-moon-bg" cx="0" cy="0" r="9" fill="#b0a89a" stroke="#e6dfd1" stroke-width="1"/>
                 <path id="rpg-moon-lit" d="" fill="#e6dfd1"/>
                 <path id="rpg-moon-dark" d="" fill="#54514f"/>
             </g>
@@ -458,20 +458,17 @@
 
         function renderRpgMoon(phase) {
             var r = 9;
-            // Always start with empty dark path
             rpgMoonDark.setAttribute('d', '');
             if (phase < 0.5) {
                 var phaseAngle = phase * 360;
                 var rx = r * Math.abs(Math.cos(phaseAngle * Math.PI / 180));
                 var sweepFlag = phase < 0.25 ? 0 : 1;
-                // Lit area (right side, waxing)
-                rpgMoonLit.setAttribute('d', 'M 100 91 A 9 9 0 0 1 100 109 A ' + rx + ' 9 0 0 ' + sweepFlag + ' 100 91 Z');
+                rpgMoonLit.setAttribute('d', 'M 0 -9 A 9 9 0 0 1 0 9 A ' + rx + ' 9 0 0 ' + sweepFlag + ' 0 -9 Z');
             } else {
                 var phaseAngle = (1 - phase) * 360;
                 var rx = r * Math.abs(Math.cos(phaseAngle * Math.PI / 180));
                 var sweepFlag = phase > 0.75 ? 0 : 1;
-                // Lit area (left side, waning)
-                rpgMoonLit.setAttribute('d', 'M 100 91 A 9 9 0 0 0 100 109 A ' + rx + ' 9 0 0 ' + sweepFlag + ' 100 91 Z');
+                rpgMoonLit.setAttribute('d', 'M 0 -9 A 9 9 0 0 0 0 9 A ' + rx + ' 9 0 0 ' + sweepFlag + ' 0 -9 Z');
             }
         }