/* Mad Hatter realism pass — assets from the approved cinematic Wonderland concept.
   Lower-page only. Hero portrait, approved hero typography, and global navigation untouched. */

/* Shared lighting ties each room to the Hatter's lantern-lit workshop. */
.mh-page .mh-page-doors{background:radial-gradient(ellipse at 30% 0%,#6650684c,transparent 52%),#1a1924}
.mh-page .mh-door{border-color:#b49066;box-shadow:0 15px 35px #030a14a8}
.mh-page .mh-door .mhv-door-art{background:#141b26;height:182px;box-shadow:inset 0 0 30px #080b14}
.mh-page .mh-door .mhv-door-art img{display:block;height:100%;width:100%;object-fit:cover;filter:saturate(1.12) contrast(1.05) brightness(.92);image-rendering:auto}
.mh-page .mh-door:hover .mhv-door-art img,.mh-page .mh-door:focus-visible .mhv-door-art img{filter:saturate(1.18) brightness(1.08);transform:scale(1.045)}
.mh-page .mh-door .mhv-door-art:after{height:41%;background:linear-gradient(0deg,#0f1523ae,transparent)}

/* The Boathouse at night: real photographic-looking scene, not a vector landscape. */
.mh-page .mhv-vista{background:#19212b}
.mh-page .mhv-vista-art{background-image:url('/assets/mh-boathouse-after-dark-hd-2026.avif');background-position:53% center;background-size:cover;filter:contrast(1.06) saturate(1.08)}
.mh-page .mhv-vista:before{background:linear-gradient(90deg,#0d1725c2 0%,#121f2ab1 29%,#15202b42 64%,#0f1a2540 100%),linear-gradient(0deg,#101a27a8 0%,transparent 67%)}
.mh-page .mhv-vista:after{box-shadow:inset 0 0 90px #080f1dbd}
.mh-page .mhv-vista-copy{padding-top:12px}
.mh-page .mhv-vista h2{text-shadow:0 3px 22px #080f1dab}

/* The clickable atlas stays functional, now with a compass and chart close-up beneath the waypoints. */
.mh-page .mhx-atlas{background:radial-gradient(ellipse at 80% 0%,#64404a87,transparent 48%),linear-gradient(135deg,#1c2b33,#342532)}
.mh-page .mhx-atlas .mhx-map-paper{background-image:linear-gradient(#e7cca259,#e2c69f70),url('/assets/mh-photo-method.avif');background-size:cover;background-position:50% 47%;filter:saturate(.96) contrast(1.06)}
.mh-page .mhx-atlas .mhx-map-paper:before{background:linear-gradient(135deg,#e5cc9d8c,#d3b48a34),radial-gradient(ellipse at 50% 50%,transparent 20%,#68442c60)}
.mh-page .mhx-map-paper:after{box-shadow:inset 0 0 80px #5039219c}
.mh-page .mhx-map-pin{backdrop-filter:blur(5px);background:#f9ecd5ed;border-color:#8e6244}
.mh-page .mhx-map-pin[aria-pressed="true"]{background:#263e40;color:#fff1d6}

/* Atmospheric photographic tea scenes; no text baked into the working controls. */
.mh-page .mhx-tea{background:radial-gradient(circle at 20% 10%,#6f3e6385,transparent 56%),linear-gradient(130deg,#211e29,#322231 68%,#101d28)}
.mh-page .mhv-tea-figure{background:#2f2534;border-color:#af8458;box-shadow:8px 11px 0 #080a136f}
.mh-page .mhv-tea-figure img{width:100%;height:auto;aspect-ratio:auto;max-width:none;object-fit:contain;filter:contrast(1.08) saturate(1.13)}
.mh-page .mhx-tea-table{background:radial-gradient(ellipse at 50% 0%,#dca56e23,transparent 55%),#211b27}
.mh-page .mhx-tea-choice{background:#1d2530;border:1px solid #b28a62}
.mh-page .mhx-tea-choice .mhv-teacup-art{object-fit:cover;object-position:50% 48%;filter:saturate(1.13) contrast(1.08);height:146px}
.mh-page .mhx-tea-choice[aria-pressed="true"] .mhv-teacup-art{filter:saturate(1.25) contrast(1.07)}
.mh-page .mhx-tea-choice:hover .mhv-teacup-art,.mh-page .mhx-tea-choice:focus-visible .mhv-teacup-art{filter:saturate(1.22) brightness(1.08)}

/* Case files reveal photographic-looking object details without covering text. */
.mh-page .mh-lab .mh-case summary:before{background-image:url('/assets/mh-photo-question.avif');background-size:cover;background-position:50% 50%;border-color:#b88f62;height:132px}
.mh-page .mh-lab .mh-case:nth-child(1) summary:before{background-image:url('/assets/mh-photo-clock.avif')}
.mh-page .mh-lab .mh-case:nth-child(2) summary:before{background-image:url('/assets/mh-photo-method.avif')}
.mh-page .mh-lab .mh-case:nth-child(3) summary:before{background-image:url('/assets/mh-photo-books.avif')}
.mh-page .mh-lab-foot .mhv-safety-art{filter:contrast(1.05) saturate(1.1)}

/* The running clock's *hands* still work; only its decorative backdrop gets a photograph. */
.mh-page .mhx-clock-figure:after{background:radial-gradient(circle at 50% 50%,transparent 0 42%,#b68a5240 46%,transparent 54%),url('/assets/mh-photo-clock.avif') center/contain no-repeat;opacity:.13;mix-blend-mode:multiply}

/* Hatter's field notebook now sits in a photographic book-lined study. */
.mh-page .mhx-notebook:before{background:url('/assets/mh-photo-books.avif') center right / min(53vw,620px) auto no-repeat;opacity:.12;filter:saturate(.8)}

/* Thinking tool cards — telescope, compass, lantern. */
.mh-page .mh-handoff{background:radial-gradient(ellipse at 90% 0%,#75505b93,transparent 54%),linear-gradient(110deg,#162731,#211f2e)}
.mh-page .mh-handoff-card{border-color:#d0a47386;background:#182630}
.mh-page .mh-handoff-card .mhv-feature-art{background:#1e2332}
.mh-page .mh-handoff-card .mhv-feature-art img{object-fit:cover;object-position:center;filter:contrast(1.11) saturate(1.12)}
.mh-page .mh-handoff-card:hover .mhv-feature-art img,.mh-page .mh-handoff-card:focus-visible .mhv-feature-art img{filter:brightness(1.1) contrast(1.07) saturate(1.18)}

/* The Curiosity Cabinet now uses still-life props instead of illustrated symbols. */
.mh-page .mhx-cabinet{background:radial-gradient(ellipse at 30% 0%,#69465b99,transparent 52%),linear-gradient(135deg,#241e2c,#141f2b)}
.mh-page .mhx-artifact{background:#1c2630;border-color:#b38b60}
.mh-page .mhx-artifact .mhv-curio-illustration{aspect-ratio:640/435;object-fit:cover;object-position:center;filter:contrast(1.09) saturate(1.08);max-width:100%}
.mh-page .mhx-artifact:hover .mhv-curio-illustration,.mh-page .mhx-artifact:focus-within .mhv-curio-illustration{filter:contrast(1.06) saturate(1.18) brightness(1.1)}
.mh-page .mhx-artifact .mhx-artifact-name{color:#fcecd8}

/* The secret room uses a cinematic brass door rather than the flat vector arch. */
.mh-page .mhp-door-section{background:radial-gradient(ellipse at 76% 20%,#5c384875,transparent 60%),#15202a}
.mh-page .mhp-door-scenery{background-image:url('/assets/mh-photo-secret-door-clean.avif');background-position:84% center;background-size:auto 100%;background-repeat:no-repeat;filter:saturate(1.1) contrast(1.1);opacity:.85;-webkit-mask-image:linear-gradient(90deg,transparent 20%,#000 58%,#000 100%);mask-image:linear-gradient(90deg,transparent 20%,#000 58%,#000 100%)}
.mh-page .mhp-door-section:before{background:linear-gradient(90deg,#111e2cfa 0%,#151c2feb 47%,#24203386 78%,#0b182682 100%),linear-gradient(0deg,#0d1724e8,transparent 35%)}

/* Ending preserves real HTML overlay while grounding it in warm night imagery. */
.mh-page .mh-ending{background-image:linear-gradient(110deg,#0f202bf2 0%,#1a2130d9 62%,#2d1d35c9 100%),url('/assets/mh-boathouse-after-dark-hd-2026.avif');background-position:center;background-size:cover}
@media(max-width:960px){
 .mh-page .mhv-vista-art{background-position:58% center}
 .mh-page .mhv-tea-figure img{object-fit:contain}
 .mh-page .mhp-door-scenery{background-position:94% center;background-size:auto 95%}
}
@media(max-width:760px){
 .mh-page .mhv-vista-art{background-position:63% center}
 .mh-page .mhv-vista:before{background:linear-gradient(0deg,#111c29ef 0%,#122234bf 55%,#14203455 100%)}
 .mh-page .mhx-tea-choice .mhv-teacup-art{height:124px}
 .mh-page .mhp-door-scenery{background-position:right center;background-size:auto 85%;opacity:.43}
 .mh-page .mhp-door-section:before{background:linear-gradient(90deg,#111e2cf5,#151c2eea 78%,#141e2ad9)}
}
@media(max-width:520px){
 .mh-page .mhx-tea-choice .mhv-teacup-art{height:100px}
 .mh-page .mh-door .mhv-door-art{height:163px}
 .mh-page .mhx-artifact .mhv-curio-illustration{aspect-ratio:640/400}
}
@media(prefers-reduced-motion:reduce){.mh-page .mh-door .mhv-door-art img,.mh-page .mhx-tea-choice .mhv-teacup-art,.mh-page .mh-handoff-card .mhv-feature-art img{transition:none}}
@media print{.mh-page .mhv-vista-art,.mh-page .mhp-door-scenery{display:none!important}.mh-page .mhx-atlas .mhx-map-paper{background:#e9d9bc!important}.mh-page .mh-ending{background:#fff!important}}

/* Night panorama finishing: new 2172px clean photograph, environmental glow, and progress reactions. */
.mh-page .mhv-vista-art{transform:none;filter:contrast(1.06) saturate(1.08);background-repeat:no-repeat}
.mh-page .mhv-vista-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 43% 12%,#ffce7d32,transparent 15%),radial-gradient(circle at 96% 13%,#ffce8526,transparent 10%);opacity:.72;animation:mhv-lantern-glow 7s ease-in-out infinite alternate}
@keyframes mhv-lantern-glow{from{opacity:.45}to{opacity:.8}}
.mh-page .mhp-door-scenery{transition:filter 1s ease,opacity 1s ease}
.mh-page .mhp-door-section[data-mhp-clues="1"] .mhp-door-scenery{filter:brightness(.94) saturate(1.09)}
.mh-page .mhp-door-section[data-mhp-clues="2"] .mhp-door-scenery{filter:brightness(1.02) saturate(1.12)}
.mh-page .mhp-door-section[data-mhp-clues="3"] .mhp-door-scenery{filter:brightness(1.09) saturate(1.15)}
.mh-page .mhp-door-section[data-mhp-clues="4"] .mhp-door-scenery{filter:brightness(1.17) saturate(1.2)}
.mh-page .mhp-door-section[data-mhp-clues="5"] .mhp-door-scenery,
.mh-page .mhp-door-section.mhp-unlocked .mhp-door-scenery{filter:brightness(1.24) saturate(1.21)}
.mh-page .mhp-route a.mhp-collected .mhp-seal{box-shadow:0 5px 22px #f2c17b82,0 0 28px #f4bb6a42,inset 0 0 0 5px #efcd875e}
.mh-page .mhx-cabinet .mhx-artifact:last-child[open]{border-color:#89d5dc;box-shadow:0 0 36px #4ea8b64a,0 20px 42px #0b132557}
.mh-page .mhx-cabinet .mhx-artifact:last-child[open] .mhv-curio-illustration{filter:contrast(1.08) saturate(1.32) brightness(1.19);transition:filter .35s}
@media(prefers-reduced-motion:reduce){.mh-page .mhv-vista-art:after{animation:none;opacity:.62}.mh-page .mhp-door-scenery,.mh-page .mhx-cabinet .mhx-artifact:last-child[open] .mhv-curio-illustration{transition:none!important}}