fix: wrap map init in DOMContentLoaded — map.js loads at bottom via Asset Manager

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr

themes/intotheeast/templates/trip.html.twig

@@ -253,6 +253,8 @@ var GPX_URLS     = {{ gpx_urls|json_encode|raw }};
 var USE_GPX      = {{ page.header.use_gpx ?? true ? 'true' : 'false' }};
 var AUTOCONNECT  = "{{ page.header.autoconnect ?? 'on' }}";
 
+document.addEventListener('DOMContentLoaded', function() {
+
 var tripMap = new maplibregl.Map({
     container: 'trip-map',
     style: MapUtils.MAP_STYLE,
@@ -376,6 +378,7 @@ var HAS_GPX = {{ has_gpx ? 'true' : 'false' }};
 
 })();
 
+}); // DOMContentLoaded
 </script>
 
 <button class="story-totop" id="trip-totop" aria-label="Back to top">↑ Top</button>