/* ROUND 30 — menu/companionGate styles. Owned by Developer C
   (src/ui/menus.js, src/ui/companionGate.js). See
   docs/design/round30-work-orders.md contract C10 and section "Developer
   C" for what belongs here versus in styles.css (E's file).

   Every brand-new style C writes this round lives here: the rebuilt
   companionGate body (C-1), the pause-screen abandon caution line (C-3),
   and the home hub's two loadout labels (C-4). Nothing of C's goes in
   styles.css. Selectors compose the shared `pb-*` vocabulary already
   defined in styles.css (.pb-chip, .pb-rack__label, .pb-stars*, .pb-card__*,
   .pb-btn*) rather than re-declaring it. */

/* ============================== C-1 — companionGate ======================
   Proposal 10 (docs/design/round30-copy.md §5.11). The rebuilt "Ready to
   continue?" body: subtitle, biome card, reward, star objectives and the
   header back control, all sitting above the existing (untouched)
   companion-confirm card. */

.pb-gate__subtitle { text-align: center; }

.pb-gate__biome {
  display: flex; justify-content: center; margin: 2px 0 4px;
}
.pb-gate__biome .pb-icon--biome { border-radius: var(--pb-radius-sm); }

.pb-gate__block {
  width: 100%; max-width: 320px;
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  margin-bottom: 4px;
}

.pb-gate__objectives {
  display: flex; flex-direction: column; gap: 4px; width: 100%;
}
.pb-gate__objective {
  display: flex; align-items: center; gap: 8px;
}
.pb-gate__objectiveText { font-size: 12.5px; color: var(--pb-ink-dim); line-height: 1.3; }
.pb-gate__starsNote { text-align: center; margin: 2px 0 0; }

/* The back control: icon + label, not the bare icon-only round button most
   other back arrows use, because this one also names its destination
   ("Back to the Trail") — see copy document §5.11 `gate.back`. */
.pb-gateBack {
  width: auto; display: inline-flex; align-items: center; gap: 4px;
  padding: 8px 10px;
}
.pb-gateBack__label { font-size: 14px; }
.pb-gateBack__label--short { display: none; }
/* Narrow phones: drop to the short variant so the header never wraps. */
@media (max-width: 380px) {
  .pb-gateBack__label--long { display: none; }
  .pb-gateBack__label--short { display: inline; }
}

/* ================================ C-2 — results ==========================
   Proposal 12 (docs/design/round30-copy.md §5.10/§3, contract C8). No new
   markup — starConditions()/starsEarned() now read the shared mask; nothing
   here needs a rule of its own. Left as a marker so a future C-file reader
   knows C-2 was intentionally style-free. */

/* =============================== C-3 — pause ==============================
   Proposal 13(b) (copy document §5.7). The two-tap abandon-run caution line,
   hidden until the link is armed. */
.pb-abandonNote {
  display: none;
  text-align: center; color: var(--pb-danger);
  margin: 0 0 2px;
}
.pb-abandonNote.is-armed { display: block; }

/* =========================== C-4 — home hub ================================
   Proposal 13(d) (copy document §5.9). Stacks the existing `pb-rack__label`
   treatment above each name in the continue-preview row, tighter than the
   shared `.pb-col`'s 8px gap so the label reads as attached to its name. */
.pb-continuePreview__stack {
  gap: 1px;
}