/* Same small chalk labels; absolute sibling cues never change layout or hit areas. */
.scene--home [data-destination] + .destination-label {
  z-index: 20; opacity: 0; pointer-events: none;
  transform: translate(var(--cue-shift, -50%), -50%);
}
.scene--home [data-destination]:focus-visible + .destination-label {
  opacity: 1; color: #fff5d8; background: #291509;
  outline: 2px solid #ffc17d; outline-offset: 3px; border-radius: 2px;
}
:root[data-input-modality="pointer"] .scene--home [data-destination]:focus-visible + .destination-label { opacity: 0; }
@media (hover: hover) and (pointer: fine) {
  :root:not([data-destination-pointer="touch"]) .scene--home [data-destination]:hover + .destination-label { opacity: 1; }
}
.yard-sale-hotspot {
  position: absolute; inset: 0; width: 100%; height: 100%; z-index: 8;
  padding: 0; border: 0; border-radius: 0; background: transparent;
  cursor: default; touch-action: manipulation;
}
.yard-sale-hotspot[hidden], .yard-sale-hotspot[hidden] + .destination-label { display: none; }
.scene--home.show-destination-hotspots [data-destination] { background: rgb(255 181 0 / 25%); }
.scene--home.show-destination-hotspots .yard-sale-hotspot { background: rgb(0 220 235 / 35%); }
.scene--home.show-destination-hotspots [data-destination] + .destination-label { opacity: 1; }