/* Full-page, reusable user artwork. All images keep their natural proportions. */
:root{--wallpaper-art:url("assets/wallpapers/olive-gradient.webp");--wallpaper-wash:#f6f3e638;--reading-paper:#faf7edc7}
body{background-color:#e8e9db;background-image:linear-gradient(var(--wallpaper-wash),var(--wallpaper-wash)),var(--wallpaper-art);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}main>.intro{background:transparent}header,footer{background:#f7f3e6a8}.map-area{background-color:#e7ecdf;background-image:linear-gradient(#f6f3e650,#f6f3e650),url("assets/wallpapers/olive-gradient.webp");background-size:cover;background-position:center}.map-top,.map-bottom{background:#f7f3e65c}
/* Each visible dialog and both museum sheets receive a full-width/full-height cover. */
:is(#placeDialog,#lessonDialog,#bookDialog,#quietDialog,#emptyDialog,#explanationDialog,#strategyDialog,#routeDialog,#sourcesDialog,.museum-paper){--wallpaper-art:url("assets/wallpapers/sage-paper.webp");--wallpaper-wash:#f7f2e842;background-color:#e8e9dc!important;background-image:linear-gradient(var(--wallpaper-wash),var(--wallpaper-wash)),var(--wallpaper-art)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
:is(#placeDialog,#lessonDialog,#bookDialog,#quietDialog,#emptyDialog,#explanationDialog)[data-scene="tower"]{--wallpaper-art:url("assets/wallpapers/blue-mountains.webp")}
:is(#placeDialog,#lessonDialog,#bookDialog,#quietDialog,#emptyDialog)[data-scene="museum"],.museum-paper[data-scene="museum"]{--wallpaper-art:url("assets/wallpapers/sage-paper.webp");--wallpaper-wash:#f7f2e82e}
:is(#placeDialog,#lessonDialog,#bookDialog,#quietDialog)[data-scene="leaders"],:is(#placeDialog,#lessonDialog,#bookDialog,#strategyDialog)[data-scene="steles"]{--wallpaper-art:url("assets/wallpapers/green-ink.webp");--wallpaper-wash:#f7f2e838}
:is(#placeDialog,#lessonDialog,#bookDialog)[data-scene="suyu"]{--wallpaper-art:url("assets/wallpapers/green-bamboo.webp");--wallpaper-wash:#f7f2e83d}
:is(#placeDialog,#lessonDialog,#bookDialog)[data-scene="support"]{--wallpaper-art:url("assets/wallpapers/rose-mist.webp");--wallpaper-wash:#f7f2e82e}
:is(#lessonDialog,#bookDialog)[data-scene="visit"],.museum-paper[data-scene="visit"]{--wallpaper-art:url("assets/wallpapers/red-cranes.webp");--wallpaper-wash:#f7f2e842}
#themeDialog{background-color:#f3f0e6;background-image:linear-gradient(#f3f0e62e,#f3f0e62e),url("assets/wallpapers/blue-mountains.webp");background-size:cover;background-position:center;background-repeat:no-repeat}#themeTitle{color:#7b302f;background:#faf7edbf;padding:.2em .38em;border-radius:10px;text-shadow:0 1px 1px #fff8}
#imageDialog{background-color:#15372b;background-image:linear-gradient(#102d24b8,#102d24b8),url("assets/wallpapers/green-ink.webp");background-size:cover;background-position:center;background-repeat:no-repeat}
/* Local translucent reading surfaces; the surrounding wallpaper stays clearly visible. */
:is(#placeDialog,#lessonDialog,#bookDialog,#explanationDialog,#strategyDialog) .lesson-prose{background:var(--reading-paper);border:1px solid #f8f5e470;border-radius:7px;padding:clamp(18px,2.1vw,30px);box-shadow:0 5px 18px #3c48210a}.lesson-prose>p:last-child{margin-bottom:0}:is(#placeDialog,#lessonDialog,#bookDialog) .topic-link{background:#faf6e9c9}:is(#placeDialog,#lessonDialog,#bookDialog) .stop-kicker{display:table;width:fit-content;max-width:100%;padding:5px 9px;border-radius:4px;background:#faf7edbf;color:#695726}:is(#placeDialog,#lessonDialog,#bookDialog,#strategyDialog,#explanationDialog) h2{width:fit-content;max-width:100%;padding:6px 12px;border-radius:5px;background:#faf7edbf;color:#264532;text-shadow:0 1px 1px #fff9}.museum-paper[data-scene="visit"] h2,:is(#lessonDialog,#bookDialog)[data-scene="visit"] h2{color:#873c36}.museum-paper .visit-deck,.museum-paper .visit-note{background:#faeee5c9;border-radius:5px;padding:12px 15px}.museum-paper .visit-panel,.paper-scroll,.place-overview,#placeBody{background:transparent!important}.museum-paper .visit-kicker{display:table;background:#faeee5bf;padding:6px 9px;border-radius:4px}.book-breadcrumb{position:relative;background:#dce6d0d4!important}.book-summary,.book-connection,.book-extract,.book-question{background:var(--reading-paper);border-radius:6px;padding:20px}.book-summary,.book-extract{margin-top:18px}.source-item{background:#faf7edb8;padding-left:12px;padding-right:12px}.end-question{background:#dce5cec9}:is(#placeDialog,#lessonDialog,#bookDialog,#quietDialog,#emptyDialog,#strategyDialog,#explanationDialog) :is(.sheet-head,.quiet-nav){background:#f9f4e7d1!important;backdrop-filter:blur(8px)}#routeDialog>h2,#routeDialog>p,#sourcesDialog>h2{background:#faf7edb8;padding:10px 12px;border-radius:5px}.route-row{background:#faf7edb8;padding-left:12px;padding-right:12px}.intro-title,.intro .theme,.intro .instruction,.intro .course{background:#faf7eda8;border-radius:5px;padding:5px 7px}.intro-title{margin-left:-7px}.place-list button{background:#faf7ed8f;border-radius:4px}
@media(max-width:750px){body{background-attachment:scroll}main>.intro{background:transparent}:is(#placeDialog,#lessonDialog,#bookDialog,#explanationDialog,#strategyDialog) .lesson-prose{padding:16px}.museum-paper .visit-deck,.museum-paper .visit-note{padding:10px 12px}.book-summary,.book-connection,.book-extract,.book-question{padding:16px}.intro-title{padding:4px 3px;margin-left:-3px}.intro .theme{padding:4px}.intro .theme a{display:block}#themeTitle{padding:.18em .25em}}
.intro>.eyebrow{background:#faf7edd1;color:#684918;padding:4px 7px;border-radius:4px}.intro .instruction,.intro .course{color:#405442}

/* Screenshot correction: plain outer page, no white content cards, full-width intact main photos. */
body{background:#eff1e8!important}header,footer{background:#f4f3ea}main>.intro{background:transparent!important}.map-area{background:#e7ecdf!important}.map-top,.map-bottom{background:#eff1e6}.intro-title,.intro .theme,.intro .instruction,.intro .course,.intro>.eyebrow,.place-list button{background:transparent;border-radius:0;padding:0}.intro-title{margin-left:0}.intro .theme a{display:inline}
:is(#placeDialog,#lessonDialog,#bookDialog,#quietDialog,#emptyDialog,#explanationDialog,#strategyDialog,#routeDialog,#sourcesDialog,.museum-paper){--wallpaper-wash:#faf7eda8!important;color:#143222}:is(#placeDialog,#lessonDialog,#bookDialog,#explanationDialog,#strategyDialog) .lesson-prose{background:transparent!important;border:0;border-radius:0;padding:0;box-shadow:none;color:#143222}:is(#placeDialog,#lessonDialog,#bookDialog,#strategyDialog,#explanationDialog) h2,:is(#placeDialog,#lessonDialog,#bookDialog) .stop-kicker{background:transparent;padding:0;border-radius:0;text-shadow:none}:is(#placeDialog,#lessonDialog,#bookDialog) .topic-link{background:transparent!important;box-shadow:none;border-color:#36583a4d}.museum-paper .visit-deck,.museum-paper .visit-note,.museum-paper .visit-kicker{background:transparent;padding:0;border-radius:0}.book-summary,.book-connection,.book-extract,.book-question{background:transparent;padding:0;box-shadow:none;border-radius:0}.source-item,#routeDialog>h2,#routeDialog>p,#sourcesDialog>h2,.route-row{background:transparent}.source-item,.route-row{padding-left:0;padding-right:0}#themeTitle{background:transparent;padding:0;border-radius:0}#themeDialog{background-image:linear-gradient(#f3f0e6b8,#f3f0e6b8),url("assets/wallpapers/blue-mountains.webp")}
:is(#placeDialog,#lessonDialog) :is(.stop-photo,.detail-photo),.museum-paper .visit-main-photo{background:transparent!important;border:0!important;border-radius:0;padding:0!important;box-shadow:none!important}:is(#placeDialog,#lessonDialog) :is(.stop-photo,.detail-photo) .image-open,.museum-paper .visit-main-photo .image-open{background:transparent!important}.museum-paper .visit-thumbs figure{background:transparent;border:0;box-shadow:none}
#placeDialog .place-overview>.stop-photo img,#placeDialog .place-overview>.stop-photo img[src$="tower-user-main.webp"],#placeDialog .place-overview>.stop-photo img[src$="suyu-user-main.webp"],.museum-paper .visit-main-photo img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain;background:transparent!important}#placeDialog .place-overview>.stop-photo{width:100%;margin-bottom:28px}:is(#placeDialog,#lessonDialog) :is(.stop-photo,.detail-photo) figcaption{color:#30492d;padding:9px 0 0}.topic-link small,.visit-note{color:#30492d!important}

/* Location overview only: remove the outer vertical gaps and full-width header bar. */
#placeDialog,#placeDialog.museum-layout{height:100dvh;max-height:100dvh;margin:0 auto;grid-template-rows:minmax(0,1fr);border-top:0;border-bottom:0}#placeDialog>.sheet-head{position:absolute;top:10px;left:12px;right:auto;padding:0!important;margin:0;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;z-index:8}#placeDialog>.sheet-head>#placePosition,#placeDialog>.sheet-head>.icon-close{display:none}#placeDialog>.sheet-head>#backMap{min-height:38px;padding:8px 12px;font-size:12px;box-shadow:0 2px 7px #14322220}#placeDialog:not(.museum-layout) .place-overview{padding-top:54px!important;padding-bottom:28px}#placeDialog .place-overview>.stop-photo img,#placeDialog .place-overview>.stop-photo img[src$="tower-user-main.webp"],#placeDialog .place-overview>.stop-photo img[src$="suyu-user-main.webp"]{height:calc(100dvh - 105px)!important;max-height:calc(100dvh - 105px)!important;width:100%;object-fit:contain}#placeDialog .place-overview>.stop-photo{margin-bottom:20px}#placeDialog.museum-layout>#placeBody{padding:54px 20px 12px}.museum-paper .place-overview{padding-top:12px!important}.museum-paper .visit-panel{padding-top:12px!important}#placeDialog.museum-layout .place-overview>.stop-photo img,.museum-paper .visit-main-photo img{height:calc(100dvh - 160px)!important;max-height:calc(100dvh - 160px)!important;width:100%;object-fit:contain}@media(max-width:750px){#placeDialog,#placeDialog.museum-layout{width:100%;max-width:100%;margin:0;border-radius:0}#placeDialog>.sheet-head{top:max(8px,env(safe-area-inset-top));left:10px}#placeDialog>.sheet-head>#backMap{min-height:38px}#placeDialog:not(.museum-layout) .place-overview{padding-top:54px!important}#placeDialog.museum-layout>#placeBody{padding:54px 8px 10px}}

/* Restore breathing room outside; return control beside, not above, the image. */
#placeDialog,#placeDialog.museum-layout{height:94dvh;max-height:94dvh;margin:3dvh auto;grid-template-columns:92px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}#placeDialog>#placeBody{grid-column:2;grid-row:1}#placeDialog>.sheet-head{top:14px;left:10px;right:auto}#placeDialog>.sheet-head>#backMap{min-height:38px;padding:8px 10px;white-space:nowrap}#placeDialog:not(.museum-layout) .place-overview{padding:12px 26px 28px!important}#placeDialog .place-overview>.stop-photo img,#placeDialog .place-overview>.stop-photo img[src$="tower-user-main.webp"],#placeDialog .place-overview>.stop-photo img[src$="suyu-user-main.webp"]{height:auto!important;max-height:calc(94dvh - 66px)!important;object-fit:contain;object-position:center top}#placeDialog.museum-layout>#placeBody{padding:12px 16px 12px 0}#placeDialog.museum-layout .place-overview>.stop-photo img,.museum-paper .visit-main-photo img{height:auto!important;max-height:calc(94dvh - 108px)!important;object-fit:contain;object-position:center top}#placeDialog :is(.stop-photo,.detail-photo) figcaption{font-size:12px;line-height:1.6;color:#30492d;padding:8px 0 0}@media(max-width:750px){#placeDialog,#placeDialog.museum-layout{width:calc(100% - 12px);max-width:calc(100% - 12px);height:94dvh;max-height:94dvh;margin:3dvh auto;border-radius:8px;grid-template-columns:46px minmax(0,1fr)}#placeDialog>.sheet-head{top:10px;left:5px}#placeDialog>.sheet-head>#backMap{width:36px;min-width:36px;height:38px;min-height:38px;padding:0;font-size:0}#placeDialog>.sheet-head>#backMap::before{content:'←';font:22px/1 sans-serif}#placeDialog:not(.museum-layout) .place-overview{padding:10px 12px 26px!important}#placeDialog.museum-layout>#placeBody{padding:10px 6px 10px 0}#placeDialog :is(.stop-photo,.detail-photo) figcaption{font-size:10px}}

/* Lightbox only: maximize the intact image inside the available screen. */
#imageDialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;inset:0;border:0;border-radius:0;padding:12px;overflow:hidden;grid-template-rows:38px minmax(0,1fr) auto auto;gap:6px}#imageDialog[open]{display:grid}#imageDialog>.utility-head{height:38px;min-height:38px;margin:0;padding:0;border:0;font-size:12px}#imageDialog .icon-close{width:38px;height:38px;min-height:38px;padding:0;flex-shrink:0;font-size:25px}#imageDialog>#largeImage{display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;object-position:center}#imageDialog>#imageCaption{margin:0;font-size:12px;line-height:1.5;max-height:3em;overflow:auto}#imageDialog>#imageSource{width:fit-content;max-width:100%;font-size:12px;line-height:1.5}#imageDialog>#imageCaption:empty{display:none}@media(max-width:750px){#imageDialog{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:5px}#imageDialog>.utility-head{font-size:11px}}

#videoDialog{background-color:#e8e9dc;background-image:linear-gradient(#f7f2e842,#f7f2e842),url("assets/wallpapers/sage-paper.webp");background-size:cover;background-position:center;background-repeat:no-repeat}