/* build.css — owned by the BUILD lane. The scaffold workshop, its glowing screen + lamps and the bounty board. */
.bw-led, .bw-board > canvas { display: block; }
.bw-back, .bw-front, .bw-rail, .bw-worker, .bw-lamp, .bw-monitor { pointer-events: none; }

/* glow: green screen, warm lamps, warm light pooled under them */
.bw-monitor { filter: drop-shadow(0 0 calc(var(--p) * 0.7) rgba(148, 245, 173, .7)) drop-shadow(0 0 calc(var(--p) * 4) rgba(123, 227, 107, .3)); }
.bw-lamp { filter: drop-shadow(0 0 calc(var(--p) * 0.8) rgba(255, 200, 110, .95)) drop-shadow(0 calc(var(--p) * 1) calc(var(--p) * 3) rgba(255, 140, 40, .6)); }
.bw-spill { pointer-events: none; background: radial-gradient(ellipse 46% 78% at 50% 0%, rgba(255, 176, 76, .2), rgba(255, 150, 60, .06) 55%, transparent 78%); }
.bw-floor { pointer-events: none; background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(255, 176, 76, .14), rgba(255, 150, 60, .04) 60%, transparent 75%); }
.bw-worker { filter: drop-shadow(0 calc(var(--p) * 0.6) 0 rgba(0, 0, 0, .35)); }

/* bounty board: the real bounties pinned as paper notes, a price tag and a mint stats note */
.bw-board { position: absolute; }
.bw-note {
  position: absolute; display: flex; flex-direction: column; gap: calc(var(--p) * 0.4);
  padding: calc(var(--p) * 2) calc(var(--p) * 0.9) calc(var(--p) * 1);
  background: linear-gradient(135deg, #fbfcf7, #e9ece3); color: #3a423c; text-decoration: none; overflow: hidden; rotate: var(--r, 0deg);
  box-shadow: calc(var(--p) * .5) calc(var(--p) * .7) 0 rgba(40, 18, 4, .5); transition: rotate .2s, scale .2s;
}
.bw-note::before { /* push pin: a dark-green head with a light glint */
  content: ''; position: absolute; top: calc(var(--p) * 0.3); left: 50%; translate: -50% 0; width: calc(var(--p) * 2.2); height: calc(var(--p) * 2.2); border-radius: 50%;
  background: radial-gradient(circle at 35% 32%, #8fe8b0 0 18%, #2c9a5c 30%, #13532f 75%); box-shadow: 0 calc(var(--p) * .3) 0 rgba(0, 0, 0, .45);
}
.bw-note.paper::after { /* folded bottom-right corner */
  content: ''; position: absolute; right: 0; bottom: 0; width: calc(var(--p) * 2.4); height: calc(var(--p) * 2.4);
  background: linear-gradient(315deg, #a9592a 50%, #c9cdc3 50%);
}
.bw-note b { font: 700 max(11px, calc(var(--p) * 3))/1 var(--f-display); letter-spacing: .02em; color: #1d2420; }
.bw-note span { font: 600 max(8px, calc(var(--p) * 1.75))/1.15 var(--f-body); overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.bw-note.mint span { -webkit-line-clamp: 2; }
.bw-note span span { display: inline; }
.bw-note.paper span { /* faint ruled lines under the title, like the mockup's notes */
  background: repeating-linear-gradient(transparent 0 calc(1.15em - 1px), rgba(60, 70, 64, .18) calc(1.15em - 1px) 1.15em);
}
.bw-note.tag { background: linear-gradient(160deg, #ffbf6a, #f39a3c); color: #3a1c06; padding: calc(var(--p) * 1.2) calc(var(--p) * 1.4) calc(var(--p) * 0.8); justify-content: center; }
.bw-note.tag::before { left: auto; right: calc(var(--p) * 0.8); top: calc(var(--p) * 0.6); translate: 0 0; }
.bw-note.tag b { font: 800 max(20px, calc(var(--p) * 6.2))/0.9 var(--f-display); letter-spacing: .01em; color: #1a0d03; text-shadow: calc(var(--p) * .3) calc(var(--p) * .3) 0 rgba(255, 228, 176, .6); }
.bw-note.tag span { -webkit-line-clamp: 1; }
.bw-note.mint { background: linear-gradient(135deg, #b6f0c4, #8fdca4); color: #12301e; }
.bw-note.mint b { font-size: max(11px, calc(var(--p) * 2.7)); }
.bw-note:hover, .bw-note:focus-visible { rotate: 0deg; scale: 1.08; z-index: 2; }
.bw-note:focus-visible { outline: 2px solid var(--mint); outline-offset: 2px; }

/* the Morris Worm egg sits over the screen's top edge */
.bw-worm { filter: drop-shadow(0 0 calc(var(--p) * 0.6) rgba(240, 163, 200, .5)); }