@charset "UTF-8";
/* Homecoming follows the mother's camp -> actual harvest -> current growth
   order. The actual receipt stays ahead of secondary settlement details. */
#app .game-shell[data-page="trip"] .mother-return-content { gap: 6px; }
#app .game-shell[data-page="trip"] .mother-return-hero {
  height: clamp(148px,45cqw,178px); min-height: 0;
  background-size: cover; background-position: center 48%;
}
#app .game-shell[data-page="trip"] .mother-return-hero h1 {
  width: min(62%,235px); min-height: 44px; padding: 8px 13px;
  font-size: 24px; line-height: 28px;
}
#app .game-shell[data-page="trip"] .mother-return-animal {
  bottom: 28px; height: clamp(78px,25cqw,96px); max-height: none;
  width: 27%; object-fit: contain;
}
#app .game-shell[data-page="trip"] .mother-return-hero > p { font-size: 10px; line-height: 15px; padding: 4px 6px; }

#app .game-shell[data-page="trip"] article.return-receipt {
  padding: 10px 11px !important; margin: 0; display: grid; gap: 5px;
}
#app .game-shell[data-page="trip"] .return-receipt-heading {
  display: grid; grid-template-columns: 36px minmax(0,1fr) minmax(0,.72fr);
  gap: 5px; align-items: center; min-width: 0;
}
#app .game-shell[data-page="trip"] .return-receipt-art { display: block; width: 36px; height: 35px; object-fit: contain; }
#app .game-shell[data-page="trip"] .return-receipt-heading > div { min-width: 0; }
#app .game-shell[data-page="trip"] .return-receipt-heading small { display: block; font-size: 9px; line-height: 13px; color: #82633b; }
#app .game-shell[data-page="trip"] .return-receipt-heading h2 { margin: 0; font-size: 15px; line-height: 20px; }
#app .game-shell[data-page="trip"] .return-receipt-result { justify-self: end; text-align: right; color: #526f32; font-size: 10px; line-height: 15px; }
#app .game-shell[data-page="trip"] .is-risk .return-receipt-result { color: #9b472c; }
#app .game-shell[data-page="trip"] .return-receipt-materials { min-width: 0; }
#app .game-shell[data-page="trip"] .return-receipt-materials > h3 {
  display: flex; align-items: baseline; justify-content: space-between; gap: 5px;
  margin: 0 0 3px; font-size: 11px; line-height: 17px;
}
#app .game-shell[data-page="trip"] .return-receipt-materials > h3 span { font-size: 10px; font-weight: normal; }
#app .game-shell[data-page="trip"] .return-receipt-materials > h3 b { font-size: 15px; color: #744323; }
#app .game-shell[data-page="trip"] .return-receipt-materials > .resource-list {
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 3px 4px; padding: 4px 0; border-block: 1px solid #d5bb84;
}
#app .game-shell[data-page="trip"] .return-receipt-materials .resource-value { min-width: 0; gap: 3px; }
#app .game-shell[data-page="trip"] .return-receipt-materials .resource-value > span { display: flex; flex-direction: column; gap: 0; min-width: 0; font-size: 9px; line-height: 12px; }
#app .game-shell[data-page="trip"] .return-receipt-materials .resource-value b { font-size: 16px; line-height: 19px; white-space: normal; overflow-wrap: anywhere; }
#app .game-shell[data-page="trip"] .return-receipt-materials .resource-icon { width: 19px; height: 24px; flex: 0 0 19px; }
#app .game-shell[data-page="trip"] .return-receipt-summary {
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px;
  margin: 0; padding: 0;
}
#app .game-shell[data-page="trip"] .return-receipt-summary > div { min-width: 0; }
#app .game-shell[data-page="trip"] .return-receipt-summary dt { font-size: 9px; line-height: 13px; color: #86643d; }
#app .game-shell[data-page="trip"] .return-receipt-summary dd { margin: 0; font-size: 12px; line-height: 17px; font-weight: bold; }
#app .game-shell[data-page="trip"] .return-receipt p.return-receipt-risk { display: flex; align-items: start; gap: 4px; margin: 0; color: #93492c; font-size: 10px; line-height: 15px; }
#app .game-shell[data-page="trip"] .return-receipt-risk > img { width: 16px; height: 18px; flex: none; }
#app .game-shell[data-page="trip"] .return-receipt-details { border-top: 1px solid #d5bb84; min-width: 0; }
#app .game-shell[data-page="trip"] .return-receipt-details > summary { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 3px 0; cursor: pointer; font-size: 11px; line-height: 16px; }
#app .game-shell[data-page="trip"] .return-receipt-details > summary::-webkit-details-marker { display: none; }
#app .game-shell[data-page="trip"] .return-receipt-details > section { display: grid; gap: 3px; padding-bottom: 4px; }
#app .game-shell[data-page="trip"] .return-receipt-details h4 { margin: 0; font-size: 11px; line-height: 16px; }
#app .game-shell[data-page="trip"] .return-receipt-details p { margin: 0; font-size: 10px; line-height: 16px; }
#app .game-shell[data-page="trip"] .return-receipt-details .resource-list { gap: 3px 8px; }
#app .game-shell[data-page="trip"] .return-receipt-details .resource-value { font-size: 10px; }
#app .game-shell[data-page="trip"] .return-receipt-details .resource-value b { font-size: 14px; }

/* Current and subsequent recipes use neighbouring columns, as in the mother.
   Figures read the current camp; a historical receipt never replays payment. */
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) {
  display: grid; grid-template-columns: minmax(0,1.55fr) minmax(0,1fr);
  align-items: start; gap: 7px; padding: 11px !important;
}
#app .game-shell[data-page="trip"] .mother-return-growth > .mother-return-current { min-width: 0; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .mother-return-current .mother-return-growth-identity { float: left; width: 48px; margin: 0 5px 4px 0; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .mother-return-current .mother-return-growth-identity > img { display: block; width: 48px; height: 53px; object-fit: contain; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .mother-return-current .mother-return-growth-identity > p { font-size: 9px; line-height: 12px; margin: 1px 0 0; text-align: center; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .mother-return-current .mother-return-growth-recipe { display: block; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .mother-return-current .mother-return-growth-recipe h2 { margin: 2px 0 5px; font-size: 14px; line-height: 19px; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .mother-return-current .mother-return-growth-recipe h2 span { display: block; font-size: 12px; line-height: 17px; white-space: normal; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .mother-return-current .mother-columns { display: grid; clear: both; grid-template-columns: minmax(0,1fr); gap: 4px; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) :is(.mother-upgrade-cost,.mother-upgrade-stats) { padding: 0; border: 0; background: none; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) h3 { margin: 0 0 2px; font-size: 10px; line-height: 14px; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .mother-return-current .mother-upgrade-cost > .resource-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3px; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .mother-return-current .mother-upgrade-cost .resource-value { display: grid; grid-template-columns: 12px minmax(0,1fr); grid-template-rows: 13px auto; gap: 0 2px; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .mother-return-current .mother-upgrade-cost .resource-value > span { display: contents; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .mother-return-current .mother-upgrade-cost .resource-value b { grid-column: 1 / -1; grid-row: 2; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .resource-value { min-width: 0; gap: 2px; font-size: 9px; line-height: 16px; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .resource-value b { font-size: 13px; line-height: 18px; white-space: normal; overflow-wrap: anywhere; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .resource-icon { width: 13px; height: 16px; flex: 0 0 13px; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) :is(.sufficient,.deficit,.muted) { margin: 2px 0 0; font-size: 9px; line-height: 14px; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .mother-upgrade-stats { border-top: 1px solid #c9ab72; padding-top: 4px; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .stat-row { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 0 3px; margin: 0 0 2px; font-size: 10px; line-height: 17px; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .stat-row > span { font-size: 10px; line-height: 15px; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .stat-row b { font-size: 15px; line-height: 20px; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .stat-row small { flex-basis: auto; font-size: 9px; line-height: 13px; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .mother-return-current .mother-payment { margin: 4px 0 0; padding-top: 4px; font-size: 9px; line-height: 14px; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .mother-return-current .mother-payment > .resource-list { display: flex; flex-wrap: wrap; gap: 1px 5px; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) > .mother-return-next { grid-column: 2; grid-row: 1; margin: 0; padding-left: 7px; border-left: 1px solid #c9ab72; }
#app .game-shell[data-page="trip"] .mother-return-next > summary { min-height: 44px; padding: 5px 3px; font-size: 11px; line-height: 16px; gap: 3px; text-align: center; }
#app .game-shell[data-page="trip"] .return-next-recipe { grid-template-columns: minmax(0,1fr); grid-template-rows: auto; gap: 3px; padding-top: 5px; }
#app .game-shell[data-page="trip"] .return-next-recipe > :is(h3,.resource-list,.mother-upgrade-stats,.mother-next-shortfall) { grid-column: 1; grid-row: auto; }
#app .game-shell[data-page="trip"] .return-next-recipe > .resource-list { gap: 1px; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .return-next-recipe .stat-row { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; }
#app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .return-next-recipe .stat-row > :is(span,b,small) { grid-column: 1; grid-row: auto; justify-self: start; }
#app .game-shell[data-page="trip"] .return-next-recipe > .mother-next-shortfall { margin-top: 2px; padding-top: 4px; font-size: 9px; line-height: 14px; }
#app .game-shell[data-page="trip"] .return-record-open { margin-top: 7px; }

@container (min-width: 382px) {
  #app .game-shell[data-page="trip"] .return-receipt-materials > .resource-list { grid-template-columns: repeat(6,minmax(0,1fr)); }
  #app .game-shell[data-page="trip"] .return-receipt-materials .resource-value { flex-direction: column; text-align: center; gap: 1px; }
  #app .game-shell[data-page="trip"] .return-receipt-materials .resource-value > span { align-items: center; }
  #app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .mother-return-current .mother-return-growth-identity { width: 60px; }
  #app .game-shell[data-page="trip"] .mother-return-growth:not(.is-mastered) .mother-return-current .mother-return-growth-identity > img { width: 60px; height: 65px; }
}