/* A factory junction for the live route choices; all signs remain real buttons. */
body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-cards {
  box-sizing: border-box;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: clamp(6px, 1.5vw, 14px);
  min-height: clamp(235px, 42vw, 365px);
  padding: clamp(10px, 2vw, 20px);
  border: 3px solid #c69a55;
  border-radius: 15px;
  background: linear-gradient(to bottom, transparent 30%, #102e35a8 100%),
    #294f4a url('/assets/robot-factory/route-junction-v1.webp') center / cover no-repeat;
  box-shadow: inset 0 0 0 2px #f8d59066, 0 5px 0 #684f30, 0 10px 20px #102a32a0;
}
body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-card-button {
  min-height: 92px !important;
  padding: 8px 6px;
  border: 3px solid #bf8a39;
  border-radius: 10px;
  background: linear-gradient(#fff5d4, #ecd29b);
  color: #173f47;
  box-shadow: inset 0 0 0 2px #fef4d77d, 0 4px 0 #61472b, 0 6px 12px #102c35a0;
  cursor: pointer;
}
body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-card-button::before {
  content: '➜';
  color: #b05a21;
  font-size: 22px;
}
body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-card-button strong { font-size: clamp(15px, 2.3vw, 20px); }
body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-card-button > span { font-size: clamp(12px, 1.8vw, 15px); line-height: 1.25; }
body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-card-button[aria-pressed="true"] {
  background: #d8f3d9;
  color: #173f37;
  border-color: #2c915c;
  box-shadow: inset 0 0 0 2px #f0fff1, 0 0 0 3px #c7f2bf, 0 4px 0 #315e47;
}
body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-card-button[aria-pressed="true"]::before { color: #246d47; }
body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-route-plans {
  box-sizing: border-box;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  border: 3px solid #b78a4d;
  border-radius: 12px;
  background: #e5c997;
  box-shadow: inset 0 0 0 2px #f7e6be, 0 4px 9px #172e2f88;
}
body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-route-plans p {
  padding: 12px;
  border: 1px solid #d4bc92;
  border-radius: 7px;
  background: #fff9e9;
  line-height: 1.5;
}
body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-route-plans p:last-child {
  border-color: #72a689;
  background: #edf7e6;
}
body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-trial {
  box-sizing: border-box;
  padding: clamp(12px, 2vw, 18px);
  border: 3px solid #b88b4b;
  border-radius: 12px;
  background: linear-gradient(145deg, #e4f0df, #d3e4d2);
  color: #183f44;
  box-shadow: 0 4px 0 #634b31, 0 8px 14px #102e35a0;
}
body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-trial > p { font-size: clamp(16px, 2.2vw, 20px); }
body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-trial-track {
  min-height: 74px;
  overflow: hidden;
  border: 3px solid #527b76;
  border-radius: 10px;
  background: repeating-linear-gradient(90deg, #294e52 0 20px, #537b76 20px 25px);
  color: #fff9e4;
}
body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-trial-package {
  flex: 0 0 70px;
  width: 70px;
  height: 70px;
  border: 0;
  border-radius: 0;
  background: transparent url('/assets/robot-factory/route-parcel-v1.webp') center / contain no-repeat;
  font-size: 0;
  filter: drop-shadow(0 3px 3px #102a2a80);
}
body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-trial-arrow { color: #ffe394; font-size: 24px; }
body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] [data-send-trial]:focus-visible {
  outline: 3px solid #fff3a2;
  outline-offset: 3px;
}
@media (max-width: 460px) {
  body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-cards { min-height: 205px; padding: 8px; gap: 6px; }
  body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-card-button { min-height: 92px !important; padding: 6px 3px; }
  body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-card-button strong { font-size: 15px; }
  body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-card-button > span { font-size: 12px; }
  body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-route-plans { grid-template-columns: minmax(0, 1fr); }
  body[data-mission="2"] #rf-stage[data-mechanic="route-choice"] .rf-route-plans p { padding: 9px; }
}