@charset "UTF-8";
/* Offline first screen: retain both upgrade previews and two 44px choices. */
.mother-offline-modal.modal > .modal-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 3px 5px;
}
.mother-offline-modal .mother-offline-hero,
.mother-offline-modal .mother-offline-sources,
.mother-offline-modal .mother-offline-inventory,
.mother-offline-modal .mother-offline-upgrade,
.mother-offline-modal .mother-offline-footnote { grid-column: 1 / -1; }
.mother-offline-modal .mother-offline-hero { grid-row: 1; height: 94px; }
.mother-offline-modal .mother-offline-hero :is(h1, h2) {
  top: 2px;
  width: 132px;
  margin: 0;
  padding: 3px 5px;
  border-width: 4px 6px;
  font-size: 18px;
  line-height: 1.1;
}
.mother-offline-modal .mother-offline-hero p { padding: 2px; font-size: 8px; line-height: 1.25; }
.mother-offline-modal .mother-offline-animal { bottom: 13px; height: 74px; max-height: 74px; }
.mother-offline-modal .mother-offline-animal[data-animal="squirrel"] { left: 4%; }
.mother-offline-modal .mother-offline-animal[data-animal="rabbit"] { right: 10%; }
.mother-offline-modal .mother-offline-sources {
  grid-row: 2;
  min-height: 88px;
  margin: 0 3px;
  padding: 2px 3px;
  border-width: 5px 6px;
}
.mother-offline-modal .mother-offline-sources > * { min-height: 72px; }
.mother-offline-modal .mother-offline-sources :is(h2, h3) { margin: 0 0 2px; padding: 0; font-size: 10px; line-height: 1.2; }
.mother-offline-modal .mother-offline-auto { grid-template-columns: 30px minmax(0, 1fr); gap: 3px; }
.mother-offline-modal .mother-offline-auto .mother-board-art { width: 30px; height: 62px; }
.mother-offline-modal .mother-offline-auto strong { font-size: 20px; line-height: 1.15; }
.mother-offline-modal .mother-offline-sources .resource-list { gap: 1px 3px; }
.mother-offline-modal .mother-offline-sources .resource-value { font-size: 9px; line-height: 1.2; }
.mother-offline-modal .mother-offline-sources .resource-value b { font-size: 12px; }
.mother-offline-modal .mother-offline-sources .resource-icon { width: 12px; height: 13px; }
.mother-offline-modal .mother-offline-supply { margin-bottom: 2px; }
.mother-offline-modal .mother-offline-inventory { grid-row: 3; margin: 0 3px; padding: 2px 3px; border-width: 5px 6px; }
.mother-offline-modal .mother-offline-inventory h3 { margin: 0 0 2px; font-size: 10px; line-height: 1.2; }
.mother-offline-modal .mother-offline-inventory .resource-value { font-size: 9px; }
.mother-offline-modal .mother-offline-inventory .resource-value b { font-size: 12px; }
.mother-offline-modal .mother-offline-upgrade {
  position: relative;
  grid-row: 4;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
  margin: 0 3px;
  padding: 3px 4px;
  border-width: 6px 7px;
}
.mother-offline-modal .mother-offline-upgrade > .mother-board-art { position: absolute; top: 4px; left: 4px; width: 26px; height: 30px; }
.mother-offline-modal .mother-offline-upgrade .mother-upgrade-split {
  min-height: 0;
  grid-template-columns: minmax(0, 1.16fr) minmax(0, .84fr);
  gap: 5px;
}
.mother-offline-modal .mother-offline-upgrade .mother-offline-upgrade-caption { min-height: 13px; padding-left: 30px; margin: 0; font-size: 8px; line-height: 1.3; }
.mother-offline-modal .mother-offline-upgrade .mother-upgrade-split h2 {
  position: static;
  min-height: 0;
  margin: 0 0 3px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  font-size: 12px;
  line-height: 1.25;
}
.mother-offline-modal .mother-offline-upgrade .mother-current-upgrade > h2 { padding-left: 30px; }
.mother-offline-modal .mother-offline-upgrade h3 { margin: 0 0 2px; padding: 0; font-size: 9px; line-height: 1.2; }
.mother-offline-modal .mother-offline-upgrade .mother-next-upgrade { padding-left: 5px; }
.mother-offline-modal .mother-offline-upgrade .mother-columns { gap: 3px; }
.mother-offline-modal .mother-offline-upgrade .resource-list { gap: 1px 3px; }
.mother-offline-modal .mother-offline-upgrade .resource-value { font-size: 9px; line-height: 1.2; }
.mother-offline-modal .mother-offline-upgrade .resource-value b { font-size: 12px; }
.mother-offline-modal .mother-offline-upgrade .resource-icon { width: 12px; height: 14px; }
.mother-offline-modal .mother-offline-upgrade .stat-row { font-size: 9px; }
.mother-offline-modal .mother-offline-upgrade .stat-row b { font-size: 12px; }
.mother-offline-modal .mother-offline-upgrade .mother-payment { margin-top: 3px; padding-top: 3px; font-size: 8px; line-height: 1.3; }
.mother-offline-modal .mother-offline-upgrade .mother-payment .resource-list { gap: 1px 3px; }
.mother-offline-modal .mother-offline-upgrade .mother-next-shortfall { margin-top: 3px; padding-top: 3px; font-size: 8px; line-height: 1.3; }
.mother-offline-modal .mother-offline-upgrade .mother-upgrade-inventory { margin: 0; padding: 0 3px; border-width: 4px 5px; }
.mother-offline-modal .mother-offline-upgrade .mother-upgrade-inventory > summary { min-height: 44px; font-size: 9px; }
.mother-offline-modal :is(.mother-offline-claim.button, .mother-offline-growth.button) {
  grid-row: 5;
  display: flex;
  width: auto;
  min-width: 0;
  min-height: 44px;
  margin: 0 2px;
  padding: 0 2px;
  border-width: 8px 10px 8px 28px;
  font-size: 14px;
  line-height: 1.2;
}
.mother-offline-modal .mother-offline-claim.button { grid-column: 1; }
.mother-offline-modal .mother-offline-growth.button { grid-column: 2; font-size: 12px; }
.mother-offline-modal .mother-offline-footnote { grid-row: 6; margin: 2px 4px 5px; padding: 3px 4px; color: #5d4127; background: #fff2d2; font-size: 8px; line-height: 1.25; }