/* Rudi's answer console sits on the same workbench as the inspection sample.
   The illustration is decorative; the input, keys and help remain real controls. */
body[data-mission="2"] #rf-stage[data-mechanic="inspection-count"] #rf-machine .rf-machine-label {
  display: none;
}
body[data-mission="2"] #rf-stage[data-mechanic="inspection-count"] .rf-probe-progress {
  display: inline-block;
  margin: 4px 0 0;
  padding: 6px 12px;
  border: 1px solid #568b7e;
  border-radius: 8px;
  background: #dbeee4;
  color: #194b45;
  font-weight: 800;
}
body[data-mission="2"] #rf-stage[data-mechanic="inspection-count"] .rf-console {
  box-sizing: border-box;
  min-width: 0;
  border: 0;
  border-image: none;
  padding: clamp(24px, 4vw, 42px);
  background: #72583d url('/assets/robot-factory/probe-workbench-console-v1.webp') center center / cover no-repeat;
  color: #193e47;
}

/* The result display belongs to the same machine as the number keys. */
body[data-mission="2"] #rf-stage[data-mechanic="inspection-count"] .rf-console .rf-answers {
  box-sizing: border-box;
  width: 320px;
  max-width: 100%;
  margin: 0 auto;
  padding: 8px 14px;
  border: 2px solid #42746e;
  border-radius: 15px;
  background: linear-gradient(145deg, #315f61, #1b4148);
  box-shadow: inset 0 0 0 2px #b38a42, 0 4px 0 #18383b, 0 8px 16px #29443a55;
}
body[data-mission="2"] #rf-stage[data-mechanic="inspection-count"] .rf-console .rf-input-row {
  margin: 0;
  gap: 12px;
}
body[data-mission="2"] #rf-stage[data-mechanic="inspection-count"] .rf-console .rf-input-row label {
  color: #fff4d5;
  font-weight: 800;
}
body[data-mission="2"] #rf-stage[data-mechanic="inspection-count"] .rf-console .rf-answer {
  box-sizing: border-box;
  width: 142px;
  height: 72px;
  padding: 12px 22px;
  border: 0;
  border-radius: 10px;
  background: transparent url('/assets/robot-factory/probe-keycap-v1.webp') center / 100% 100% no-repeat;
  color: #173e4b;
  caret-color: #173e4b;
}
body[data-mission="2"] #rf-stage[data-mechanic="inspection-count"] .rf-console .rf-answer[aria-invalid="true"] {
  outline: 3px solid #b24428;
  outline-offset: 2px;
}
body[data-mission="2"] #rf-stage[data-mechanic="inspection-count"] .rf-console .rf-control-help {
  max-width: 44em;
  margin: 20px 0 12px;
  padding: 10px 14px;
  border: 1px solid #a98d62;
  border-radius: 9px;
  background: #fff7e8;
  color: #29484a;
}
body[data-mission="2"] #rf-stage[data-mechanic="inspection-count"] .rf-console .rf-hint {
  border-color: #ad8b53;
  background: #fff8e9;
  color: #29484a;
}
body[data-mission="2"] #rf-stage[data-mechanic="inspection-count"] .rf-console :is(button, input):focus-visible {
  outline: 3px solid #f6bc42;
  outline-offset: 3px;
}
@media (max-width: 390px) {
  body[data-mission="2"] #rf-stage[data-mechanic="inspection-count"] .rf-console {
    padding: 20px 14px;
    background-position: center center;
  }
}