/* The whole painting remains visible, with secrets registered to its natural bounds. */
.engine-gallery-page{height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto}
.engine-gallery-page .engine-gallery{position:relative;inset:auto;display:block;min-height:100svh;padding:0}
.engine-gallery-page .engine-stage{width:min(100%,calc(100svh * 1672 / 941));height:auto;aspect-ratio:1672/941;margin:0 auto;transform:none}
.engine-gallery-page .engine-scene{width:100%;height:100%;object-fit:contain}
.engine-secret{appearance:none;position:absolute;z-index:3;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;border-radius:6px;box-shadow:none;cursor:pointer;transform:translate(-50%,-50%);-webkit-tap-highlight-color:transparent}
.engine-secret:focus-visible{outline:3px solid #fff0b5;outline-offset:3px}
.engine-door{left:16.5969%;top:44.8990%;width:12.8589%;height:54.0914%}
.engine-receipt{left:16.7464%;top:88.997%;width:14.3541%;height:12.2210%}
.engine-door-note{position:absolute;z-index:5;left:16.5969%;top:54%;transform:translate(-50%,-50%);width:max-content;max-width:220px;margin:0;padding:9px 15px;border:1px solid #a7ab79;border-radius:6px;background:#102318f2;color:#fff0cb;font:20px/1.25 Fell,Georgia,serif;text-align:center;box-shadow:0 3px 8px #0005;pointer-events:none}
.engine-door-note[hidden]{display:none}
dialog.receipt-dialog{width:min(760px,calc(100vw - 28px))}
dialog.receipt-dialog #dialog-content{padding:30px 16px 34px;text-align:center}
dialog.receipt-dialog #dialog-content h2{font:400 clamp(42px,5.8vw,70px)/1.15 Uncial,Georgia,serif;margin:0 0 29px;letter-spacing:-1px;color:#352310}
dialog.receipt-dialog #dialog-content p{font:700 clamp(27px,3.5vw,40px)/1.4 Fell,Georgia,serif;margin:0;color:#352310}
@media(max-width:700px){
 .engine-door-note{font-size:16px;padding:7px 11px;max-width:160px}
 dialog.receipt-dialog #dialog-content{padding:27px 10px 31px}
 dialog.receipt-dialog #dialog-content h2{font-size:42px;margin-bottom:24px}
 dialog.receipt-dialog #dialog-content p{font-size:28px}
}

.engine-door-note{border:0;border-radius:0;background:transparent;box-shadow:none;isolation:isolate;color:#352310;font:700 clamp(13px,1.3vw,19px)/1.35 Uncial,Georgia,serif;padding:25px 30px;min-width:160px;min-height:88px;max-width:calc(100% - 12px)}.engine-door-note:before{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/tale/pond-lore-scroll-v1.webp') center/100% 100% no-repeat}

.engine-fountain-link,.engine-fountain-link:hover,.engine-fountain-link:active,.engine-fountain-link:visited{position:absolute;z-index:4;left:74%;top:60%;width:26%;height:14%;display:block;background:transparent;border:0;box-shadow:none;cursor:default;-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-decoration:none}
.engine-fountain-link:focus:not(:focus-visible){outline:none}
.engine-fountain-link:focus-visible{outline:2px solid #fff0b5;outline-offset:-4px}