/* Match the video and all discovery layers to the supplied 16:9 canvas. */
#garden>video.footer-art{display:block;position:relative;inset:auto;width:100%;height:auto;object-fit:contain;z-index:0}
#garden .garden-sky,#garden .garden-interactions{aspect-ratio:16/9}
.nft-scroll .nft-scroll-signature.cycle-closing{font-size:clamp(14px,1.4vw,22px)}

/* A compact rim follows the painted moon instead of spilling into the sky. */
#garden .garden-moon-glow{left:74.6289%;top:8.6458%;width:7.6563%;box-shadow:0 0 clamp(4px,.55vw,9px) clamp(1px,.08vw,1.5px) #fff8df80;animation:garden-moon-soft 9s ease-in-out infinite}
@keyframes garden-moon-soft{0%,100%{opacity:.65}50%{opacity:.85}}
#garden .garden-key{left:19.2%;top:69.5%;width:11.8%;height:10.5%}
#garden .pond-portal{left:42%;top:60%;width:23%;height:19%}

/* Give the wider film its own sky so the parchment cannot cross the moon. */
#garden.mushroom-footer{margin-top:0}
#garden>video.footer-art{mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 78%,transparent 100%)}

/* Reuse the waterwheel's shared chapter-star-twinkle rules from star-polish.css. */
#garden .key-sparkles i{width:clamp(18px,2.2vw,36px);filter:drop-shadow(0 0 6px #ffe069)}
.still #garden .garden-moon-glow{animation:none;opacity:.7}
@media(prefers-reduced-motion:reduce){#garden .garden-moon-glow{animation:none;opacity:.7}}

/* The painted moon is the entrance to Boros's night flight. */
#garden .garden-moon-link{position:absolute;z-index:3;left:74.6289%;top:8.6458%;width:max(44px,7.6563%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:auto;text-decoration:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
#garden .garden-moon-link:focus-visible{outline:2px dashed #fff0bd;outline-offset:5px}