@charset "UTF-8";
/* Trip first screen at the canonical 360 × 640 portrait viewport.
   Preserve all route, cargo, cost and production numbers, plus 44 px actions. */
.game-shell[data-page="trip"] .mother-trip {
  gap: 3px;
  padding: 3px 4px 4px;
}
.game-shell[data-page="trip"] .mother-trip-scene {
  height: 52.77777778cqw;
  margin-top: 0;
}
.game-shell[data-page="trip"] .mother-trip-objective {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 4px;
  min-height: 86px;
  padding: 2px;
  border-width: 5px 6px;
}
.game-shell[data-page="trip"] .mother-trip-objective .mother-board-art {
  width: 44px;
  height: 68px;
}
.game-shell[data-page="trip"] .mother-trip-objective .mother-board-content {
  grid-template-columns: minmax(0, 1fr) 84px;
  gap: 1px 4px;
}
.game-shell[data-page="trip"] .mother-trip-objective .stat-row {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: baseline;
  gap: 2px;
  margin: 0;
  line-height: 1.2;
}
.game-shell[data-page="trip"] .mother-trip-objective .stat-row small {
  font-size: 8px;
  line-height: 1.2;
  text-align: right;
  white-space: nowrap;
}
.game-shell[data-page="trip"] .mother-trip-objective .button,
.game-shell[data-page="trip"] .mother-trip-actions .button {
  min-height: 44px;
}

/* Keep the same first-screen hierarchy on the 320 px mobile fallback. */
@container (max-width: 340px) {
  .game-shell[data-page="trip"] .mother-trip-scene { height: 43.75cqw; }
}