/* PROJECT 003 candidate. Project 002's proven room calibration remains the base. */
body.engineering-project-003-preview .pixel-bay-feed {
  --p003-contact-y: 68%;
}

body.engineering-project-003-preview .ocb-artifact {
  display: none;
}

body.engineering-project-003-preview .orbital-roaster-artifact {
  position: absolute;
  z-index: 10;
  top: var(--p003-contact-y);
  left: 50%;
  width: 38%;
  height: auto;
  transform: translate(-50%, -100%);
  transform-origin: 50% 100%;
  pointer-events: none;
  user-select: none;
  image-rendering: auto;
  filter: drop-shadow(0 .58cqi .42cqi rgba(0, 0, 0, .68));
}

body.engineering-project-003-preview .p003-roast-inspection {
  margin-top: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(217, 168, 90, .28);
  background: linear-gradient(135deg, rgba(217, 168, 90, .055), rgba(71, 203, 210, .025));
  color: rgba(224, 232, 230, .82);
  font: .62rem/1.45 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.engineering-project-003-preview .p003-roast-inspection > span,
body.engineering-project-003-preview .p003-roast-inspection > strong {
  display: block;
}

body.engineering-project-003-preview .p003-roast-inspection > span {
  color: rgba(217, 168, 90, .82);
  font-size: .55rem;
}

body.engineering-project-003-preview .p003-roast-inspection > strong {
  margin-top: 5px;
  color: rgba(242, 238, 224, .94);
  font-size: .72rem;
  font-weight: 650;
}

body.engineering-project-003-preview .p003-roast-inspection dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0 0;
}

body.engineering-project-003-preview .p003-roast-inspection dl > div {
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid rgba(113, 215, 221, .13);
  background: rgba(5, 12, 15, .2);
}

body.engineering-project-003-preview .p003-roast-inspection dt {
  color: rgba(153, 178, 180, .58);
  font-size: .48rem;
}

body.engineering-project-003-preview .p003-roast-inspection dd {
  margin: 2px 0 0;
  color: rgba(224, 232, 230, .88);
  overflow-wrap: anywhere;
}

body.engineering-align-debug.engineering-project-003-preview .orbital-roaster-artifact {
  outline: 1px solid rgba(229, 145, 217, .92);
}

@media (max-width: 760px) {
  body.engineering-project-003-preview .orbital-roaster-artifact { left: 50%; width: 41%; }
  body.engineering-project-003-preview .p003-roast-inspection dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  body.engineering-project-003-preview .engineer-sprite {
    animation: none !important;
    transition: none !important;
  }
}