fix(i18n): second screenshot review: remaining English, numbers and wraps

From the re-shot Russian screenshots:
- Translated: weather frame/imagery status errors, HUD summary provenance
  ("НЕДОСТУПНО: СУДА AIS ОНЛАЙН"), Bhote Koshi map labels, cockpit signal
  distances (КМ). The HUD summary fields are separated with " · " in every
  language, so the style name and view band no longer read as one phrase.
- Numbers follow the locale: cockpit altitude ("26 175"), precipitation.
- No breaks inside codes and dates: ADS-B and similar in layer rows,
  Sentinel-2, cyclone issue dates (word joiner; the UI font has no U+2011),
  no-break space after label colons in cyclone details.
- Layout: count lines under ALPR, short unavailable chip (context
  "status chip"), roomier draw segments, tighter CCTV calibration chips,
  two-line beat titles and media card titles, wrapping weather status.
- Wording: ru advisory is «сводка» (was «бюллетень»; "Advisory center" is
  «Центр циклона по сводке»), Street View is «Просмотр улиц», OPACITY
  «НЕПРОЗР.», synced «синхр.», Area «Зона»; the import dialog no longer says
  "this scene" for several scenes. Glossary updated.

Co-Authored-By: Claude Opus 5.5 <[email protected]>

src/ui/styles/bhote-koshi.css

@@ -281,8 +281,10 @@
   border-top: 3px solid #6be8ff;
 }
 
-/* Up to two lines, so a translated title is not cut to a stub. */
+/* The title takes the full card width and up to two lines, so a translated
+   title keeps its place name; the link sits beside the status below it. */
 .bhote-embedded-callout footer strong {
+  grid-column: 1 / -1;
   display: -webkit-box;
   overflow: hidden;
   font-size: 11px;
@@ -292,9 +294,9 @@
   -webkit-line-clamp: 2;
 }
 
-/* The status takes the full width under the title and link. */
 .bhote-embedded-callout footer small {
-  grid-column: 1 / -1;
+  grid-column: 1;
+  align-self: center;
   color: rgba(151, 211, 224, 0.7);
   font-size: 8px;
   line-height: 1.35;
@@ -302,7 +304,7 @@
 
 .bhote-embedded-callout footer a {
   grid-column: 2;
-  grid-row: 1;
+  grid-row: 2;
   align-self: center;
   white-space: nowrap;
   color: #6be8ff;
@@ -450,7 +452,7 @@
   align-content: center;
   column-gap: 9px;
   min-width: 0;
-  padding: 7px 10px;
+  padding: 5px 10px;
   border: 1px solid rgba(88, 196, 218, 0.18);
   background: rgba(6, 19, 27, 0.72);
 }
@@ -462,20 +464,24 @@
   line-height: 1.25;
 }
 
+/* Up to two lines: a translated beat title keeps its subject. Two title lines
+   and one meta line still fit the 54px arrow buttons, so the controls stay put. */
 .bhote-event-story-current strong {
+  display: -webkit-box;
   overflow: hidden;
   color: var(--text-primary);
   font-size: 11px;
   line-height: 1.25;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  overflow-wrap: break-word;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
 }
 
 /* Phase / time / sources run long in translation: allow a second line. */
 .bhote-event-story-current small {
   display: -webkit-box;
   grid-column: 1 / -1;
-  margin-top: 4px;
+  margin-top: 3px;
   overflow: hidden;
   color: rgba(116, 216, 235, 0.7);
   -webkit-box-orient: vertical;

src/ui/styles/cctv.css

@@ -106,22 +106,26 @@ html[lang='es'] .cctv-controls {
 }
 
 /* Click-to-edit effective-pose readout (viewshed/gizmo design §3d): compact
-   value chips replace the seven offset sliders. */
+   value chips replace the seven offset sliders. Tight enough that the seven
+   chips take two rows in a long-label language too, which keeps SAVE / RESET
+   in view; chips grow to fill each row, and a value never wraps inside one. */
 .cctv-cal-readout {
   display: flex;
   flex-wrap: wrap;
-  gap: 5px;
+  gap: 4px;
 }
 
 .cctv-cal-value {
+  flex: 1 1 auto;
+  white-space: nowrap;
   font-family: var(--font-mono);
   font-size: 9px;
-  letter-spacing: 0.7px;
+  letter-spacing: 0.3px;
   color: #91edff;
   background: rgba(255, 255, 255, 0.04);
   border: 1px solid rgba(255, 255, 255, 0.12);
   border-radius: 7px;
-  padding: 4px 7px;
+  padding: 4px;
   cursor: text;
   transition:
     border-color 0.15s ease,

src/ui/styles/cockpit.css

@@ -569,6 +569,9 @@ body.cockpit-mode:has(#left-panel-stack > .panel-collapsible:not(.collapsed))
   text-align: center;
   vertical-align: -0.08em;
 }
+.cockpit-roll-token.is-separator {
+  min-width: 0.3em;
+}
 .cockpit-roll-token.is-rolling {
   color: color-mix(in srgb, currentColor 92%, var(--cockpit-accent));
   text-shadow: 0 0 10px

src/ui/styles/controls.css

@@ -977,6 +977,11 @@
 #draw-mode-row {
   min-width: 184px;
 }
+/* Equal thirds with room around the label, so a long shape name never runs
+   edge to edge in its segment. */
+#draw-mode-row .pp-mode-btn {
+  padding: 0 4px;
+}
 #draw-label-row {
   flex-wrap: wrap;
   row-gap: 6px;

src/ui/styles/radio.css

@@ -663,6 +663,54 @@
   text-wrap: balance;
 }
 
+/* Row text pieces that must not break inside: a hyphenated code (ADS-B) and
+   the space before a " · " separator (see setRowText in layerPanel.js). */
+.data-keep {
+  white-space: nowrap;
+}
+
+/* A count phrase ("24 nearby · 2 on screen") takes its own line under the
+   name instead of squeezing it beside the toggle. */
+.data-toggle-row--count-line .data-toggle-top {
+  flex-wrap: wrap;
+  row-gap: 2px;
+}
+
+.data-toggle-row--count-line .data-toggle-right {
+  display: contents;
+}
+
+/* A zero basis, so a long name wraps beside the toggle instead of pushing the
+   toggle onto the count's line. */
+.data-toggle-row--count-line .data-toggle-left {
+  flex-basis: 0;
+}
+
+.data-toggle-row--count-line .data-count {
+  order: 1;
+  flex: 1 0 100%;
+  padding-left: 26px;
+  font-size: 10px;
+  text-align: left;
+}
+
+/* The "—" placeholder gives way to a wide status chip, so the name keeps the
+   room it needs. */
+.data-toggle-right:has(
+    .data-toggle-btn:is(
+      .transitioning,
+      .feed-loading,
+      .feed-degraded,
+      .feed-stale,
+      .feed-partial,
+      .feed-fallback,
+      .feed-unavailable
+    )
+  )
+  .data-count-empty {
+  display: none;
+}
+
 .data-toggle-btn {
   padding: 3px 10px;
   font-family: var(--font-mono);
@@ -693,13 +741,15 @@
   outline-offset: -3px;
 }
 
+/* Status chips up to eight characters share one width; a longer word grows
+   its own chip rather than widening every chip and squeezing every name. */
 .data-toggle-btn.feed-loading,
 .data-toggle-btn.feed-degraded,
 .data-toggle-btn.feed-stale,
 .data-toggle-btn.feed-partial,
 .data-toggle-btn.feed-fallback,
 .data-toggle-btn.feed-unavailable {
-  min-width: 82px;
+  min-width: 72px;
   letter-spacing: 0.8px;
 }
 

src/ui/styles/weather.css

@@ -147,9 +147,10 @@
 .rail-card-line {
   white-space: pre-line;
 }
+/* One line stays reserved so the card does not jump when a status appears;
+   a long (or translated) status wraps instead of being cut. */
 .weather-card [data-line-id='status'] {
-  height: 1.45em;
-  overflow-y: auto;
+  min-height: 1.45em;
   color: var(--accent);
 }
 .rail-card-ramp {