@charset "UTF-8";
/* Only the dispatch comparison changes; every number still comes from previewDispatch. */
#app .game-shell[data-page="adventure"] .dispatch-comparing .plan-comparison {
  margin: 0; padding: 5px 6px 0; color: #594022;
  border: solid transparent; border-width: 7px 9px;
  border-image: url(../assets/ui/ui-upgrade-recipe-frame.png) 100 125 95 125 fill stretch;
  background: #f5e7c6; background-clip: padding-box;
}
#app .game-shell[data-page="adventure"] .comparison-context { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 5px; font-size: 11px; line-height: 1.3; }
#app .game-shell[data-page="adventure"] .comparison-context > b { font-size: 13px; }
#app .game-shell[data-page="adventure"] .comparison-intro { margin: 4px 0; font-size: 11px; line-height: 1.3; }
#app .game-shell[data-page="adventure"] .plan-columns { gap: 5px; align-items: start; }
#app .game-shell[data-page="adventure"] .plan-card { padding: 4px; border: 1px solid #b5a072; border-radius: 2px; background: #efdfba; }
#app .game-shell[data-page="adventure"] .plan-card.selected { padding: 3px; border: 2px solid #628344; background: #fbefce; box-shadow: inset 0 0 0 1px #d6dfa8; }
#app .game-shell[data-page="adventure"] .plan-card .choice-button { min-height: 44px; padding: 2px; font-size: 13px; line-height: 1.2; gap: 2px; }
#app .game-shell[data-page="adventure"] .plan-card .choice-button small { font-size: 11px; line-height: 1.2; }
#app .game-shell[data-page="adventure"] .plan-numbers { margin: 4px 0; }
#app .game-shell[data-page="adventure"] .plan-numbers > div { font-size: 11px; line-height: 1.45; gap: 2px; }
#app .game-shell[data-page="adventure"] .plan-numbers dd { font-size: 12px; }
#app .game-shell[data-page="adventure"] .plan-card h3 { margin: 5px 0 3px; padding-top: 4px; border-top: 1px solid #cdb78e; font-size: 11px; line-height: 1.2; }
#app .game-shell[data-page="adventure"] .comparison-resources { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px 2px; }
#app .game-shell[data-page="adventure"] .comparison-resources .resource-value { min-width: 0; gap: 1px; font-size: 11px; line-height: 1.3; white-space: nowrap; }
#app .game-shell[data-page="adventure"] .comparison-resources .resource-value b { font-size: 12px; }
#app .game-shell[data-page="adventure"] .comparison-resources .resource-icon { width: 12px; height: 14px; }
#app .game-shell[data-page="adventure"] :is(.plan-discarded,.plan-free,.plan-seed,.plan-risk-brief) { font-size: 11px; line-height: 1.3; margin: 4px 0 0; overflow-wrap: normal; word-break: keep-all; }
#app .game-shell[data-page="adventure"] .plan-discarded { min-height: 29px; color: #8c4930; }
#app .game-shell[data-page="adventure"] .plan-risk-brief { color: #815237; padding-top: 4px; border-top: 1px dashed #c7ad80; }
#app .game-shell[data-page="adventure"] .plan-card .deficit { font-size: 11px; line-height: 1.3; }
#app .game-shell[data-page="adventure"] .plan-event-details > summary { min-height: 44px; display: flex; align-items: center; font-size: 11px; cursor: pointer; }
#app .game-shell[data-page="adventure"] .plan-event-details > summary::before { content: '▸'; margin-right: 4px; }
#app .game-shell[data-page="adventure"] .plan-event-details[open] > summary::before { content: '▾'; }
#app .game-shell[data-page="adventure"] .plan-event-details > p { font-size: 12px; line-height: 1.5; margin: 0 0 7px; }
#app .game-shell[data-page="adventure"] .dispatch-companions { margin: 0; }

/* Opaque paper keeps the existing forecast nine-slice readable over forest art. */
#app .game-shell[data-page="adventure"] .dispatch-comparing .forecast-note { background-color: #f5e7c6; background-clip: padding-box; color: #513b20; }
#app .game-shell[data-page="adventure"] .dispatch-comparing .forecast-note p { font-size: 11px; line-height: 1.45; }
#app .game-shell[data-page="adventure"] .dispatch-comparing .forecast-note b { font-size: 13px; }