/* The streamed desktop scene also fits a narrow browser or tablet split view. */
@media (max-width: 639px) {
  .hud-layer { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #top-bar { min-width: 0; padding-inline: 10px; gap: 8px; }
  #top-bar .header-status { min-width: 0; flex-direction: column; align-items: flex-start; gap: 2px; }
  #top-bar .header-status span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  #top-bar #level-title { min-width: 0; margin-inline: 0; padding-inline: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .65rem; }
  #top-bar .header-menu-container { flex: 0 0 auto; }
}
#city-stream-status { max-width: calc(100vw - 28px); }