release: bump version to 0.37.0

frontend/public/earth/css/hud.css

@@ -271,6 +271,7 @@
   display: flex;
   position: fixed;
   z-index: 260;
+  overflow: visible;
   align-items: center;
   gap: 10px;
   padding: 10px 12px 10px 12px;
@@ -304,6 +305,15 @@
   transform: scale(1) translateY(0);
 }
 
+.layout-mode-mobile .earth-mobile-popup.earth-mobile-popup--anchor-stable {
+  transform: none;
+  transition: opacity 0.17s ease;
+}
+
+.layout-mode-mobile .earth-mobile-popup.earth-mobile-popup--anchor-stable.is-visible {
+  transform: none;
+}
+
 .earth-mobile-popup-icon {
   font-size: 1.25rem;
   flex-shrink: 0;
@@ -342,6 +352,42 @@
   flex-shrink: 0;
 }
 
+.earth-mobile-popup-dock {
+  --earth-mobile-popup-dock-size: 14px;
+  --earth-mobile-popup-dock-offset: calc(var(--earth-mobile-popup-dock-size) * -0.5);
+  position: absolute;
+  top: 32%;
+  width: var(--earth-mobile-popup-dock-size);
+  height: var(--earth-mobile-popup-dock-size);
+  border-radius: 999px;
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  transform: translateY(-50%);
+  pointer-events: none;
+}
+
+.earth-mobile-popup[data-dock-side="left"] .earth-mobile-popup-dock {
+  left: var(--earth-mobile-popup-dock-offset);
+}
+
+.earth-mobile-popup[data-dock-side="right"] .earth-mobile-popup-dock {
+  right: var(--earth-mobile-popup-dock-offset);
+}
+
+.earth-mobile-popup[data-dock-side="top"] .earth-mobile-popup-dock {
+  top: var(--earth-mobile-popup-dock-offset);
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.earth-mobile-popup[data-dock-side="bottom"] .earth-mobile-popup-dock {
+  top: auto;
+  bottom: var(--earth-mobile-popup-dock-offset);
+  left: 50%;
+  transform: translateX(-50%);
+}
+
 /* ── Mobile drawer ───────────────────────────────────────────── */
 
 .earth-mobile-drawer-overlay,

frontend/public/earth/css/info-panel.css

@@ -153,15 +153,28 @@
   transition:
     opacity 0.22s ease,
     transform 0.22s ease;
+  visibility: hidden;
+  user-select: none;
+  -webkit-user-select: none;
 }
 
 .hud-panel-info.is-visible {
   opacity: 1;
   transform: scale(1) translateY(0);
   pointer-events: auto;
+  visibility: visible;
 }
 
-.info-card-cruise-link {
+.hud-panel-info.hud-panel-info--anchor-stable {
+  transform: none;
+  transition: opacity 0.22s ease;
+}
+
+.hud-panel-info.hud-panel-info--anchor-stable.is-visible {
+  transform: none;
+}
+
+.callout-connector {
   position: absolute;
   inset: 0;
   width: 100%;
@@ -173,7 +186,7 @@
   z-index: 49;
 }
 
-.info-card-cruise-link polyline {
+.callout-connector polyline {
   fill: none;
   stroke: rgba(255, 255, 255, 0.98);
   stroke-width: 2.15;
@@ -185,7 +198,7 @@
     drop-shadow(0 0 6px rgba(8, 20, 36, 0.1));
 }
 
-.info-card-cruise-link circle {
+.callout-connector circle {
   fill: rgba(255, 255, 255, 0.98);
   stroke: rgba(7, 16, 32, 0.72);
   stroke-width: 1.0;
@@ -197,29 +210,29 @@
   transform-origin: center;
 }
 
-.info-card-cruise-link.is-visible {
+.callout-connector.is-visible {
   opacity: 1;
 }
 
-.info-card-cruise-link.is-animating polyline {
-  animation: cruiseConnectorDraw 0.42s cubic-bezier(0.22, 1, 0.36, 1) forwards;
+.callout-connector.is-animating polyline {
+  animation: calloutConnectorDraw 0.42s cubic-bezier(0.22, 1, 0.36, 1) forwards;
 }
 
-.info-card-cruise-link.is-animating circle {
+.callout-connector.is-animating circle {
   opacity: 0;
 }
 
-.info-card-cruise-link.is-animating circle:first-of-type {
-  animation: cruiseConnectorNodeIn 0.14s ease forwards;
+.callout-connector.is-animating circle:first-of-type {
+  animation: calloutConnectorNodeIn 0.14s ease forwards;
   animation-delay: 0.02s;
 }
 
-.info-card-cruise-link.is-animating circle:last-of-type {
-  animation: cruiseConnectorNodeIn 0.16s ease forwards;
+.callout-connector.is-animating circle:last-of-type {
+  animation: calloutConnectorNodeIn 0.16s ease forwards;
   animation-delay: 0.34s;
 }
 
-@keyframes cruiseConnectorDraw {
+@keyframes calloutConnectorDraw {
   from {
     stroke-dashoffset: var(--connector-length, 0px);
   }
@@ -228,7 +241,7 @@
   }
 }
 
-@keyframes cruiseConnectorNodeIn {
+@keyframes calloutConnectorNodeIn {
   from {
     opacity: 0;
     transform: scale(0.72);
@@ -290,6 +303,8 @@
   scrollbar-width: thin;
   scrollbar-color: rgba(160, 186, 216, 0.34) transparent;
   pointer-events: auto;
+  user-select: none;
+  -webkit-user-select: none;
 }
 
 .info-card-content::-webkit-scrollbar {
@@ -327,6 +342,8 @@
   cursor: pointer;
   flex-shrink: 0;
   transition: color 0.18s ease;
+  user-select: none;
+  -webkit-user-select: none;
 }
 
 .info-card-label:hover {
@@ -341,6 +358,8 @@
   text-align: right;
   max-width: calc(180px * var(--hud-scale));
   word-break: break-word;
+  user-select: none;
+  -webkit-user-select: none;
 }
 
 /* Type-specific header accent colors */

frontend/public/earth/css/layer-panel.css

@@ -160,6 +160,23 @@
 .layer-panel-list {
   display: flex;
   flex-direction: column;
+  max-height: calc(5 * (56px * var(--hud-scale)));
+  overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: rgba(160, 186, 216, 0.34) transparent;
+}
+
+.layer-panel-list::-webkit-scrollbar {
+  width: 4px;
+}
+
+.layer-panel-list::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.layer-panel-list::-webkit-scrollbar-thumb {
+  background: linear-gradient(180deg, rgba(210, 225, 242, 0.2), rgba(126, 154, 185, 0.28));
+  border-radius: 999px;
 }
 
 .layer-row {
@@ -169,6 +186,7 @@
   padding: calc(9px * var(--hud-scale)) calc(10px * var(--hud-scale));
   border-bottom: 1px solid var(--hud-line);
   transition: background 0.14s ease;
+  min-height: calc(56px * var(--hud-scale));
 }
 
 .layer-row:last-child {
@@ -343,3 +361,8 @@
   max-height: min(52vh, 460px);
   overflow: auto;
 }
+
+.layout-mode-mobile .layer-panel-list {
+  max-height: none;
+  overflow-y: visible;
+}