diff --git a/index.html b/index.html
index fd1310d..ff9508b 100644
--- a/index.html
+++ b/index.html
@@ -340,6 +340,13 @@
             <div class="debug-section">Theme table</div>
             <div id="dbg-theme-table" class="theme-table"></div>
             <div id="dbg-color-table" class="theme-table"></div>
+            <div class="debug-section">RPG angles (degrees)</div>
+            <div class="debug-row"><span class="libel">sun rise</span> <span id="dbg-sun-rise-angle">--</span></div>
+            <div class="debug-row"><span class="libel">sun set</span> <span id="dbg-sun-set-angle">--</span></div>
+            <div class="debug-row"><span class="libel">sun now</span> <span id="dbg-sun-now-angle">--</span></div>
+            <div class="debug-row"><span class="libel">moon rise</span> <span id="dbg-moon-rise-angle">--</span></div>
+            <div class="debug-row"><span class="libel">moon set</span> <span id="dbg-moon-set-angle">--</span></div>
+            <div class="debug-row"><span class="libel">moon now</span> <span id="dbg-moon-now-angle">--</span></div>
         </div>
     </div>
     <div id="info-panel">
@@ -1448,6 +1455,20 @@ window.weatherThemes = {
             document.getElementById('dbg-day').textContent = realDayProgress != null ? (realDayProgress * 100).toFixed(1) + '%' : (t * 100).toFixed(1) + '%';
             document.getElementById('dbg-weather').textContent =
                 currentWeatherCode + ' (' + (window.weatherThemes[themeName] ? themeName : '?') + ')';
+
+            // RPG angles
+            var sunTimes = SunCalc.getTimes(now, PASSAU_LAT, PASSAU_LON);
+            var moonTimes = SunCalc.getMoonTimes(now, PASSAU_LAT, PASSAU_LON);
+            document.getElementById('dbg-sun-rise-angle').textContent = (angleForTime(sunTimes.sunrise) * 180 / Math.PI).toFixed(1) + '°';
+            document.getElementById('dbg-sun-set-angle').textContent = (angleForTime(sunTimes.sunset) * 180 / Math.PI).toFixed(1) + '°';
+            document.getElementById('dbg-sun-now-angle').textContent = (angleForTime(now) * 180 / Math.PI).toFixed(1) + '°';
+            if (moonTimes.rise) {
+                document.getElementById('dbg-moon-rise-angle').textContent = (angleForTime(moonTimes.rise) * 180 / Math.PI).toFixed(1) + '°';
+            }
+            if (moonTimes.set) {
+                document.getElementById('dbg-moon-set-angle').textContent = (angleForTime(moonTimes.set) * 180 / Math.PI).toFixed(1) + '°';
+            }
+            document.getElementById('dbg-moon-now-angle').textContent = (angleForTime(now) * 180 / Math.PI).toFixed(1) + '°';
             document.getElementById('dbg-theme').textContent = themeName || '-';
             document.getElementById('dbg-speed').textContent = currentThemeSpeed.toFixed(2);