release: bump version to 0.39.0

frontend/public/earth/css/hud.css

@@ -634,6 +634,15 @@
   gap: 12px;
 }
 
+.earth-mobile-drawer-slot--situation,
+.earth-mobile-page,
+.earth-mobile-stats-grid,
+.earth-mobile-situation-card,
+.earth-mobile-situation-legend-list {
+  width: 100%;
+  min-width: 0;
+}
+
 .earth-mobile-drawer-slot--situation.is-active {
   display: grid;
 }
@@ -1024,11 +1033,28 @@
   display: flex;
   flex-direction: column;
   gap: 8px;
+  overflow-x: hidden;
 }
 
 .earth-mobile-situation-status {
   color: var(--hud-text);
   line-height: 1.5;
+  min-width: 0;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+
+.earth-mobile-situation-legend-list .legend-item,
+.earth-mobile-situation-legend-list .legend-label {
+  min-width: 0;
+}
+
+.earth-mobile-situation-legend-list .legend-label {
+  white-space: normal;
+  overflow: visible;
+  text-overflow: clip;
+  overflow-wrap: anywhere;
+  word-break: break-word;
 }
 
 .earth-mobile-news-focus,

frontend/public/earth/js/info-card.js

@@ -137,6 +137,11 @@ function getMobileDetailRenderKey(type, data) {
   ].join('|');
 }
 
+function isMobileDetailsDrawerActive() {
+  const detailsSlot = document.querySelector('[data-drawer-slot="details"]');
+  return detailsSlot instanceof HTMLElement && detailsSlot.classList.contains('is-active');
+}
+
 function ensureMobileDetailsListener() {
   if (mobileDetailsListenerBound) return;
   mobileDetailsListenerBound = true;
@@ -836,6 +841,9 @@ export function showInfoCard(type, data, options = {}) {
     if (content && type !== 'news') {
       renderMobileDetailContent(type, config, data);
       renderedMobileDetailKey = null;
+    } else if (content && type === 'news' && isMobileDetailsDrawerActive()) {
+      renderMobileNewsCardContent(content, data);
+      renderedMobileDetailKey = getMobileDetailRenderKey(type, data);
     }
 
     // Show the floating mini popup near the touch point (requires coordinates)