body { background: #080705; }
.yard-stage { position: relative; width: 100%; aspect-ratio: 3 / 2; background: #080705; overflow: hidden; }
.yard-picture, .yard-controls { position: absolute; inset: 0; }
.yard-picture img { display: block; width: 100%; height: 100%; object-fit: contain; }
.yard-controls[hidden] { display: none; }
.yard-region { position: absolute; border: 0; background: transparent; cursor: pointer; color: #fff5dc; touch-action: manipulation; padding: 0; }
.yard-cue { transform: translate(-50%, -50%); }
.yard-region:focus-visible { outline: 0; background: rgb(255 222 160 / 18%); }
.yard-semantic { display: flex; justify-content: center; flex-wrap: wrap; gap: .6rem 1.5rem; padding: 1rem; background: #100d09; }
.yard-semantic a, .yard-semantic button { display: inline-flex; align-items: center; min-height: 44px; color: #e5d4b5; padding: .5rem .7rem; font: inherit; text-decoration: underline; text-underline-offset: .25em; border: 0; background: transparent; cursor: pointer; touch-action: manipulation; }
.yard-semantic button:disabled { opacity: .7; cursor: default; }
.yard-semantic :focus-visible { outline: 2px solid #ffe3aa; outline-offset: 3px; }
.yard-status { margin: 0; text-align: center; color: #decbaa; padding: .8rem; }
.yard-status:empty { display: none; }
.yard-stage:not([data-artwork-status="ready"]) { max-height: 65svh; }
.yard-message {
  width: min(90vw, 28rem); aspect-ratio: 1522 / 983;
  padding: clamp(3rem, 10vw, 4rem) clamp(1.5rem, 6vw, 2.75rem) clamp(1.75rem, 7vw, 2.75rem);
  color: #21160d; border: 0; border-radius: 0; box-shadow: none;
  background: transparent url('/public/assets/bulletin-board/production-v002/papers/paper-06-crumpled-kraft-sheet-v001.png') center / 100% 100% no-repeat;
  filter: drop-shadow(0 .6rem .6rem #0008);
  font-family: 'Courier New', Courier, monospace; text-align: center;
}
.yard-message[open] { display: grid; align-content: center; gap: .75rem; }
.yard-message::backdrop { background: rgb(4 3 2 / 82%); }
.yard-message h2 { margin: 0; font-size: clamp(1.5rem, 5.5vw, 2rem); line-height: 1.15; letter-spacing: -.04em; }
.yard-message p { margin: 0; font-size: clamp(1rem, 3.5vw, 1.125rem); line-height: 1.4; text-shadow: .2px 0 currentColor, -.2px 0 currentColor; }
.yard-message button { justify-self: center; min-width: 70px; min-height: 44px; padding: .6rem 1rem; border: 0; background: transparent; color: inherit; font: bold 1rem 'Courier New', Courier, monospace; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
.yard-message button:focus-visible { outline: 2px dashed #21160d; outline-offset: 2px; box-shadow: none; }
/* Review overlays are enabled only by the loopback preview tool, never a public control. */
.yard-stage.show-yard-regions .yard-region { background: rgb(255 211 116 / 24%); }
.yard-stage.show-yard-regions .yard-cue { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .yard-region, .yard-message { animation: none; transition: none; } }