/* Small painted scrolls carry clues in bold white castle lettering. */
.clue-scroll,
#garden .key-clue.clue-scroll{
 position:absolute;z-index:7;left:6px;top:6px;bottom:auto;
 display:flex;align-items:center;justify-content:center;
 width:clamp(190px,23vw,280px);max-width:calc(100% - 12px);
 min-height:clamp(96px,10vw,140px);margin:0;
 padding:clamp(20px,2vw,28px) clamp(24px,2.5vw,36px);
 border:0;border-radius:0;background:transparent;box-shadow:none;
 color:#fff;font:700 clamp(13px,1.25vw,18px)/1.32 Uncial,Georgia,serif;
 letter-spacing:0;text-align:center;text-shadow:0 1px 2px #000,0 2px 5px #000;
 opacity:1;visibility:visible;transform:none;transition:none;
 isolation:isolate;pointer-events:none;
}
.clue-scroll::before{
 content:"";position:absolute;inset:0;z-index:-1;
 background:url('assets/tale/pond-lore-scroll-v1.webp') center/100% 100% no-repeat;
 filter:none;pointer-events:none;
}
.clue-scroll[hidden],#garden .key-clue.clue-scroll[hidden]{display:none!important}
#garden .key-clue.clue-scroll:not(.is-open){display:none}
/* No hover or focus state reveals a key clue; activation controls its hidden state. */
#garden .garden-key{cursor:pointer}
@media(max-width:600px){
 .clue-scroll,#garden .key-clue.clue-scroll{width:190px;min-height:88px;padding:16px 24px;font-size:13px}
}

#garden .key-clue.clue-scroll{color:#352310;text-shadow:none}

/* Riddle responses use the same dark lettering as the golden-key clue. */
#crypt-feedback.clue-scroll{color:#352310;text-shadow:none}