/* The first receiving-room puzzle: four interactive delivery crates. */
body[data-mission="2"] #rf-stage[data-mechanic="range-choice"] .rf-machine {
  padding: clamp(18px, 3vw, 28px);
  gap: 17px;
  background: linear-gradient(180deg, rgba(22, 51, 48, .74), rgba(36, 59, 45, .86)), url('/assets/robot-factory/mission-receiving-v1.webp') center / cover;
}
body[data-mission="2"] #rf-stage[data-mechanic="range-choice"] .rf-machine::before {display:none}
body[data-mission="2"] #rf-stage[data-mechanic="range-choice"] .rf-mission-brief {
  position:relative;
  padding:16px 18px 16px 22px;
  border:1px solid #c49a5c;
  border-left:6px solid #dfaa50;
  border-radius:7px 13px 10px 7px;
  background:#fff8e4;
  color:#263e3e;
  box-shadow:0 5px 14px #11272255;
}
body[data-mission="2"] #rf-stage[data-mechanic="range-choice"] .rf-mission-brief h3 {color:#244252}
body[data-mission="2"] #rf-stage[data-mechanic="range-choice"] .rf-mission-brief .rf-rules {color:#344c43}
body[data-mission="2"] #rf-stage[data-mechanic="range-choice"] .rf-cards {gap:clamp(8px,2vw,14px)}
body[data-mission="2"] #rf-stage[data-mechanic="range-choice"] .rf-card-button {
  position:relative;
  min-height:84px!important;
  aspect-ratio: 1000 / 563;
  padding:16px 15%;
  border:2px solid transparent;
  border-radius:13px;
  background:transparent url('/assets/robot-factory/delivery-crate-v1.webp') center / 100% 100% no-repeat;
  box-shadow:none;
  color:#233b40;
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body[data-mission="2"] #rf-stage[data-mechanic="range-choice"] .rf-card-button strong {font-size:clamp(12px,2vw,17px)}
body[data-mission="2"] #rf-stage[data-mechanic="range-choice"] .rf-card-button>span {font-size:clamp(18px,4vw,29px)}
body[data-mission="2"] #rf-stage[data-mechanic="range-choice"] .rf-card-button[aria-pressed="true"] {border-color:#9ff2bd;box-shadow:0 0 0 2px #258b58}
body[data-mission="2"] #rf-stage[data-mechanic="range-choice"] .rf-card-button:focus-visible {outline:3px solid #ffdd79;outline-offset:3px}
body[data-mission="2"] #rf-stage[data-mechanic="range-choice"] .rf-machine-label {background:#fff8e8;border-color:#cfb383;color:#365344}
@media (hover:hover) {body[data-mission="2"] #rf-stage[data-mechanic="range-choice"] .rf-card-button:hover:not(:disabled){transform:translateY(-3px);border-color:#ffe3a3;box-shadow:0 3px 14px #15271c77}}
@media(prefers-reduced-motion:reduce){body[data-mission="2"] #rf-stage[data-mechanic="range-choice"] .rf-card-button {transition:none}}