/* Only the checklist moves. The scene and artwork use their original sizing
   at every width, with the original desktop overlay left in place. */
@media(max-width:1100px),(pointer:coarse){
  #yard .hunt-panel{position:relative;inset:auto;width:calc(100% - 24px);max-width:none;margin:0 12px;overflow-wrap:anywhere}
  /* Preserve the existing proportional touch targets without changing them. */
  #yard .hotspot,#yard .hotspot:hover,#yard .hotspot:focus,#yard .hotspot:focus-visible,#yard.hunt-on .findable,#yard .hotspot.found{min-width:0;min-height:0}
}
/* This appears only after the five original objects have been found. */
#yard .yard-completion{position:fixed;z-index:81;left:12px;bottom:12px;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 96px);overflow-y:auto;margin:0;padding:18px 20px;border-top:6px solid var(--red);background:var(--paper);box-shadow:var(--shadow);font-size:1rem;line-height:1.45}
#yard .yard-completion[hidden]{display:none}
#yard .yard-completion h3{margin:0 0 8px;font:700 .875rem/1.4 "DM Mono",monospace;letter-spacing:.05em;color:#a53b32}
#yard .yard-completion p{margin:7px 0}
#yard #yardCompletionDismiss{min-height:44px;margin-top:4px;padding:8px 12px;border:1px solid #78654a;border-radius:2px;background:#e8d7af;color:#453b2d;font:700 .875rem/1.3 "DM Mono",monospace;cursor:pointer;touch-action:manipulation}
#yard #yardCompletionDismiss:hover{background:#f9efcf}
#yard #yardCompletionDismiss:focus-visible{outline:2px solid #784d3f;outline-offset:3px}
/* A single, brief change to the existing porch light; the door stays invisible
   as a hotspot and the usual ambient animation resumes afterward. */
#yard .porch-flicker.yard-arrival-cue{animation:yardArrivalLight 3.2s ease-in-out 1}
@keyframes yardArrivalLight{0%,100%{opacity:.9;filter:brightness(1)}12%,36%{opacity:.3;filter:brightness(1)}23%,48%{opacity:1;filter:brightness(1.6)}65%{opacity:.85;filter:brightness(1.15)}}