.build-slots { min-width: 0; overflow-wrap: anywhere; }
.build-slots h4 { margin: var(--space-2) 0 var(--space-1); }
.build-slots .hint { margin: var(--space-1) 0 var(--space-2); }
.build-slot.locked { border-style: dashed; }
#build-slots-hud { flex-wrap: wrap; justify-content: center; gap: 2px; white-space: normal; }
#build-slots-hud span { font-size: var(--text-xs); }
#status-pop:has(.build-slots) {
  top: calc(max(10px, env(safe-area-inset-top)) + var(--top-h) + var(--online-h) + var(--alerts-h) + 16px);
  max-height: calc(100dvh - var(--top-h) - var(--online-h) - var(--alerts-h) - var(--bar-h) - 42px);
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--surface);
}
#panel .build-duration { display: block; }
/* The pending-build coach belongs above its panel, including mobile sheets. */
#coach-ring.build-coach, #coach-bubble.build-coach,
.sheet-open #coach-ring.build-coach, .sheet-open #coach-bubble.build-coach {
  visibility: visible;
  z-index: var(--z-panel-coach);
}
#coach-ring.build-coach { border-radius: var(--radius-lg); }
@media (max-width: 1100px) {
  #top #build-slots-hud { grid-column: span 2; }
  #top #era-hud { grid-column: 1 / -1; }
  #top #era-hud > span:first-child { white-space: normal; }
}
@media (max-height: 500px) and (max-width: 1100px) {
  #top #era-hud { grid-column: span 4; }
}