/* The same supplied blank parchment is used for every menu and pond surface. */
dialog.topic-scroll{width:min(1100px,calc(100vw - 32px));height:fit-content;max-height:calc(100svh - 28px);padding:0;border:solid transparent;border-width:80px 60px;border-image:url('assets/tale/pond-lore-scroll-v1.webp') 180 125 170 fill / 80px 60px / 0 stretch;background:none;border-radius:0;box-shadow:none;overflow:visible}
dialog.topic-scroll::before,dialog.topic-scroll::after{display:none}
dialog.topic-scroll #dialog-content{max-height:calc(100svh - 188px);padding:24px 26px 28px;border:0;border-radius:0;box-shadow:none;background:transparent;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#80562c #f9e8bb;overscroll-behavior:contain}
dialog.topic-scroll>.close-dialog{top:-52px;right:-20px;width:44px;height:44px;min-height:44px}
.pond-reader.scroll-sheet,.drop-definition.scroll-sheet{background:none;border:solid transparent;border-radius:0;box-shadow:none;border-image-source:url('assets/tale/pond-lore-scroll-v1.webp');border-image-slice:180 125 170 fill;border-image-outset:0;border-image-repeat:stretch}
.pond-reader.scroll-sheet{border-width:95px 80px;border-image-width:95px 80px;padding:24px 45px 28px}
.drop-definition.scroll-sheet{border-width:65px 40px;border-image-width:65px 40px;padding:22px 22px 26px}
.pond-reader.scroll-sheet::before,.pond-reader.scroll-sheet::after,.drop-definition.scroll-sheet::before,.drop-definition.scroll-sheet::after{display:none}
@media(max-width:700px){
 dialog.topic-scroll{width:calc(100vw - 28px);max-height:calc(100svh - 20px);border-width:54px 18px;border-image-width:54px 18px}
 dialog.topic-scroll #dialog-content{max-height:calc(100svh - 128px);padding:30px 14px 24px}
 dialog.topic-scroll>.close-dialog{top:-46px;right:-10px}
 dialog.topic-scroll #dialog-content>.eyebrow{margin-left:32px;margin-right:32px}
}
@media(max-width:650px){
 .pond-reader.scroll-sheet{border-width:65px 24px;border-image-width:65px 24px;padding:20px 14px 26px}
 .drop-definition.scroll-sheet{border-width:54px 20px;border-image-width:54px 20px;padding:22px 18px 24px}
}