@charset "UTF-8";
/* The expedition mother has a single paw in a square timber frame. Use the
   existing gold paw art; only the blank middle extends around the live label. */
#app .game-shell[data-page="adventure"] button.mother-departure.illustrated-button[data-button-skin="animalDeparture"] {
  --animal-departure-height: 52px;
  height: 58px; min-height: 58px;
  padding: 3px calc(var(--animal-departure-height) * 221 / 504) 3px calc(var(--animal-departure-height) * 544 / 504) !important;
  color: #4b2b13; text-shadow: 0 1px #fff4b3;
}
#app .game-shell[data-page="adventure"] button.mother-departure[data-button-skin="animalDeparture"] > .illustrated-button-skin {
  height: var(--animal-departure-height); top: 50%; bottom: auto; transform: translateY(-50%);
}
@container (max-width: 350px) {
  #app .game-shell[data-page="adventure"] button.mother-departure.illustrated-button[data-button-skin="animalDeparture"] {
    --animal-departure-height: 48px; height: 56px; min-height: 56px; font-size: 14px;
  }
}

/* Keep the source's full footprints, arrow, leaves and bevel in proportional
   end caps. The camp's six controls retain a smaller body and a 64px target. */
#app .game-shell[data-page] button.illustrated-button[data-button-skin="departure"]:is(.button,.nav-item,.text-button),
#app .start-screen button.illustrated-button[data-button-skin="departure"],
#modal-root .modal button.illustrated-button[data-button-skin="departure"] {
  --departure-height: 52px;
  --departure-left: calc(var(--departure-height) * 551 / 653);
  --departure-right: calc(var(--departure-height) * 467 / 653);
  height: 58px; min-height: 58px;
  padding: 3px var(--departure-right) 3px var(--departure-left) !important;
}
#app .game-shell[data-page="camp"] .bottom-nav button.camp-main-departure[data-button-skin="departure"] {
  --departure-height: 44px; height: 64px; min-height: 64px;
  padding: 3px var(--departure-right) 3px var(--departure-left) !important;
}
@container (max-width: 350px) {
  #app .game-shell[data-page] button.illustrated-button[data-button-skin="departure"]:is(.button,.nav-item,.text-button),
  #app .start-screen button.illustrated-button[data-button-skin="departure"] {
    --departure-height: 48px; height: 56px; min-height: 56px; font-size: 14px;
  }
  #app .game-shell[data-page="camp"] .bottom-nav button.camp-main-departure[data-button-skin="departure"] {
    --departure-height: 36px; height: 64px; min-height: 64px;
  }
}

/* Availability stays with the selected companions and the departure control.
   The scroll area reserves the measured footer, including wrapped reasons. */
#app .game-shell[data-page="adventure"] .screen-scroll {
  margin-bottom: var(--dispatch-footer-space,78px);
}
#app .game-shell[data-page="adventure"] .mother-departure-row > .mother-departure-blockers {
  grid-column: 1 / -1;
  min-width: 0;
  margin: 0;
  padding: 2px 6px;
  font-size: 11px;
  line-height: 16px;
  overflow-wrap: anywhere;
}
#app .game-shell[data-page="adventure"] .dispatch-lineup-animals > div > span { min-width: 0; }
#app .game-shell[data-page="adventure"] .dispatch-lineup-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1px 3px;
  color: #56703f;
  font-size: 10px;
  line-height: 14px;
}
#app .game-shell[data-page="adventure"] .dispatch-lineup-status.is-resting { color: #68638d; }
#app .game-shell[data-page="adventure"] .dispatch-lineup-status .animal-rest-clock {
  font-size: 10px;
  line-height: 14px;
  gap: 2px;
}
#app .game-shell[data-page="adventure"] .dispatch-lineup-status .animal-rest-clock b { font: inherit; font-weight: bold; }
#app .game-shell[data-page="adventure"] .dispatch-lineup-status .rest-moon { width: 10px; height: 10px; flex-basis: 10px; }