.chest-scene,.awake-scene{position:relative;max-width:1600px;margin:0 auto;overflow:hidden;border-radius:28px;isolation:isolate}
.chest-scene>img,.awake-scene>img{display:block;width:100%;height:auto}
.chest-scene .chest-open-image{position:absolute;inset:0;opacity:0;transition:opacity .65s ease;pointer-events:none}
.chest-scene.is-open .chest-open-image{opacity:1}
.chest-hotspot{position:absolute;left:29%;top:29%;width:39%;height:48%;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:20px;cursor:pointer}
.chest-hotspot span{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:max-content;max-width:100%;padding:12px 20px;border:1px solid #ac7b3c;border-radius:24px;background:#fff5dfed;color:#4a331c;font-size:17px;box-shadow:0 3px 16px #4b331840}
.chest-hotspot:focus-visible{outline:4px solid #16665c;outline-offset:6px}
.room-invitation,.awake-intro{text-align:center;max-width:760px;margin:50px auto;padding:0 20px;color:#403b30}
.room-invitation h2,.awake-intro h2{font:400 clamp(32px,4vw,52px)/1.2 Georgia,serif;color:#5e4930;margin:15px 0}
.room-invitation p,.awake-intro p{font-size:20px;line-height:1.7}
#real-jewelry{scroll-margin-top:32px;max-width:1150px;margin:40px auto;padding:0 20px;text-align:center}
#real-jewelry[hidden]{display:none!important}
#real-jewelry h2{font:400 36px Georgia,serif;color:#5e4930}
#real-jewelry .gallery img{object-fit:contain!important;filter:none!important;max-height:420px}
.wisdom-entrance{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(110deg,#fff7e8,#ecefe5);border:1px solid #b39960;border-radius:24px;max-width:1050px;margin:35px auto;padding:30px;color:#4a4031}
.wisdom-entrance h2{font:34px Georgia,serif;margin:8px 0}.wisdom-entrance p{margin:0}.wisdom-entrance .button{flex-shrink:0}
.awake-scene-link{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff4dc!important;color:#49371c!important}
.awake-intro>.button{margin-bottom:30px}.awake-intro .eyebrow{display:block}
.wisdom-volumes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 40px;max-width:1080px;margin:0 auto;padding:15px 25px 50px}
.wisdom-volume{border:0!important;background:none!important;box-shadow:none!important;padding:0;color:#51422f;min-width:0}
.volume-cover{display:block;position:relative;transition:transform .25s;filter:drop-shadow(8px 12px 9px #49351f35)}
.volume-cover>img{width:100%;display:block}.volume-type{position:absolute;inset:20% 20% 21% 22%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--volume-ink);text-shadow:0 1px 1px #8b6b2633}
.volume-type i{font:38px Georgia,serif}.volume-type strong{font:500 clamp(18px,2vw,27px)/1.25 Georgia,serif;text-align:center;overflow-wrap:normal}
.wisdom-volume small{display:block;padding-top:14px;font:16px/1.4 Jura,sans-serif}.wisdom-volume:hover .volume-cover{transform:translateY(-6px) rotate(-1deg)}
.wisdom-volume:focus-visible{outline:3px solid #266458;outline-offset:5px;border-radius:8px}
.library-status{text-align:center;max-width:650px;margin:0 auto 50px;padding:0 20px;color:#655b49}
.wisdom-list{list-style:none;padding:0;display:grid;gap:0}.wisdom-list li{padding:18px 8px;border-bottom:1px solid #cdbb92;font:24px/1.5 Georgia,serif;color:#443a2e}
.unfinished-pages{text-align:center;padding:45px 15px;min-height:250px}.unfinished-pages>span{font-size:60px;color:#a38649}.unfinished-pages p{font-size:21px}
@media(max-width:750px){.chest-scene,.awake-scene{border-radius:18px;margin:0 8px}.chest-scene>img,.awake-scene>img{height:400px;object-fit:cover;object-position:center}.chest-hotspot{left:12%;top:29%;width:76%;height:48%}.chest-hotspot span{font-size:15px;padding:11px 16px}.wisdom-entrance{margin:25px 12px;padding:24px;display:block}.wisdom-entrance .button{margin-top:18px}.wisdom-volumes{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px;padding:10px 9px 35px}.volume-type{inset:18% 18% 20% 20%;gap:8px}.volume-type i{font-size:25px}.volume-type strong{font-size:17px}.wisdom-volume small{font-size:14px}.room-invitation,.awake-intro{margin:30px auto}.awake-scene-link{font-size:15px}.oct19-room .room-nav{flex-wrap:wrap}.oct19-room #room-title{font-size:25px}.wisdom-list li{font-size:21px}}
@media(prefers-reduced-motion:reduce){.chest-scene .chest-open-image,.volume-cover{transition:none}.wisdom-volume:hover .volume-cover{transform:none}}
.wisdom-volume{display:block!important;width:100%;text-align:center}.volume-cover{width:100%}.wisdom-volume small{width:100%}.volume-type strong{overflow-wrap:anywhere}
.volume-type{left:14%;right:13%}.volume-type strong{overflow-wrap:normal}.wisdom-volume[data-wisdom=books] strong{font-size:22px}
@media(max-width:750px){.volume-type{left:12%;right:11%}.volume-type strong{font-size:15px}.wisdom-volume[data-wisdom=books] strong{font-size:14px}}
@media(max-width:350px){.wisdom-volumes{grid-template-columns:minmax(0,230px);justify-content:center}.volume-type strong,.wisdom-volume[data-wisdom=books] strong{font-size:20px}}
.collection-overview{margin:40px auto;max-width:800px}.collection-overview img{max-width:100%;height:auto;object-fit:contain}.collection-overview figcaption{padding:12px}
body[data-motion=off] .chest-open-image,body[data-motion=off] .volume-cover{transition:none}
/* Boho leather chest revision; the genuine transparent logo is unchanged. */
.chest-art{position:relative;width:100%}.chest-art>img:not(.astariya-seal){display:block;width:100%;height:auto}.chest-art>.chest-open-image{position:absolute;inset:0}.chest-art>.astariya-seal{position:absolute;left:43.3%;top:53%;width:15%;height:24%;object-fit:contain;filter:drop-shadow(0 -1px 0 #fff3ba) drop-shadow(1px 2px 0 #6c431c) drop-shadow(2px 4px 2px #3f290b88);pointer-events:none}.chest-hotspot{top:35%;height:48%;left:28%;width:46%}.chest-hotspot span{bottom:-6%;background:#fff5e5f5}
body[data-room=jewelry] #spatial,body[data-room=jewelry] #simple,body[data-room=jewelry] #spatial-toggle{display:none!important}
@media(max-width:750px){.chest-scene{height:400px}.chest-art{width:711px;left:50%;transform:translateX(-50%)}.chest-art>img:not(.astariya-seal){height:400px;width:711px}.chest-hotspot{left:6%;width:88%;top:32%;height:51%}.chest-art>.astariya-seal{height:24%;width:15%}}
.volume-type{left:20%;right:19%;top:21%;bottom:22%}.volume-type strong{width:100%;font-size:23px}.volume-type strong span{display:block;white-space:nowrap;line-height:1.3}.wisdom-volume[data-wisdom=books] strong{font-size:18px}
@media(max-width:750px){.wisdom-volumes{grid-template-columns:repeat(2,minmax(0,1fr))}.volume-type strong{font-size:20px}.wisdom-volume[data-wisdom=books] strong{font-size:16px}}
@media(max-width:500px){.wisdom-volumes{grid-template-columns:minmax(0,250px);justify-content:center;gap:28px}.volume-type strong{font-size:21px}.wisdom-volume[data-wisdom=books] strong{font-size:17px}.volume-type i{font-size:32px}.wisdom-volume small{font-size:16px}}
.wisdom-center{position:absolute;left:43%;top:43%;width:14%;height:19%;min-height:44px;min-width:44px;background:transparent!important;border:0!important;box-shadow:none!important;color:#51351b!important;font:600 clamp(10px,1.45vw,22px)/1.15 Georgia,serif;padding:0;transform:rotate(-2deg);text-shadow:0 1px #fff5d5}.wisdom-center:focus-visible{outline:3px solid #205f50;outline-offset:2px}.awake-intro>[data-wisdom]{margin-top:8px}
@media(max-width:750px){.awake-scene>img{height:auto;object-fit:contain}.awake-scene-link{position:static;transform:none;display:block;width:max-content;max-width:calc(100% - 24px);margin:14px auto}.wisdom-center{top:32%;font-size:10px}}
.library-enchantment{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 18% 40%,#ffbd5020,transparent 27%),radial-gradient(ellipse at 81% 34%,#ffa3381c,transparent 24%)}.library-enchantment i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#fff0a8;box-shadow:0 0 8px 3px #f8b53477;animation:library-ember 6s ease-in-out infinite;animation-delay:var(--delay);opacity:.55}.wisdom-center,.awake-scene-link{z-index:2}
@keyframes library-ember{0%,100%{transform:translateY(8px);opacity:.25}50%{transform:translateY(-10px);opacity:.8}}
body[data-room=awake] .volume-cover{filter:drop-shadow(8px 12px 9px #49351f35) drop-shadow(0 0 8px #e8c76b1a)}
@media(prefers-reduced-motion:reduce){.library-enchantment i{animation:none;opacity:.45}}body[data-motion=off] .library-enchantment i{animation:none;opacity:.45}

/* Cover lettering is anchored to the image, independent of the mobile action below. */
.awake-art{position:relative;container-type:inline-size}.awake-art>img{display:block;width:100%;height:auto}
.awake-art .wisdom-center{left:49.7%;top:49%;width:11%;height:11%;min-width:44px;min-height:44px;transform:translate(-50%,-50%);font:500 clamp(6px,1.3cqw,21px)/1.1 Georgia,serif;color:#75542d!important;text-shadow:0 1px 0 #fff6d980;display:grid;place-items:center}
.awake-art .wisdom-center span{display:block;transform:perspective(300px) rotateX(16deg) skewX(-1deg);transform-origin:center;letter-spacing:.025em}

.awake-art .wisdom-center{font-size:clamp(3px,1.13cqw,19px);line-height:1.02;color:#b0802f!important;text-shadow:0 -.45px 0 #fff5ba,.45px .6px 0 #7c4a14,.85px 1.1px .4px #71491899,1.2px 1.7px 1px #5b391b50}
.awake-art .wisdom-center span{font-weight:600}
/* Restrained static light stays anchored to the book, including reduced-motion mode. */
.awake-art .wisdom-center::before{content:"";position:absolute;inset:-8% -12%;z-index:-1;pointer-events:none;border-radius:35%;background:radial-gradient(ellipse,#fff2b828 12%,#ffd46b18 48%,transparent 73%);filter:blur(3px)}
.awake-art .wisdom-center span{filter:drop-shadow(0 0 2px #ffe7a36b) drop-shadow(0 0 5px #ffd5713b)}
/* Keep the hotspot anchored when shared button hover/pressed styles apply. */
.awake-art .wisdom-center,.awake-art .wisdom-center:hover,.awake-art .wisdom-center:active{translate:-50% -50%;transform:none!important}

/* Scoped fixes for the Healing cover and its scene hotspot. */
.volume-about .antique-volume{container-type:inline-size}.volume-about .book-title{width:100%;font-size:clamp(11px,10cqw,23px);line-height:1.2}.volume-about .book-title>span{display:block;white-space:nowrap}
body[data-room=healing] .room-scene .healing-amenities{left:70%;top:37%;width:10.5%;height:18.5%;border-color:transparent;transform:none!important}
body[data-room=healing] .room-scene .healing-amenities:hover{border-color:transparent;box-shadow:0 0 22px #ffe6a350}
body[data-room=healing] .room-scene .healing-amenities:focus-visible{border-color:transparent;outline:3px solid #fff2bf;outline-offset:4px;box-shadow:0 0 0 6px #4a39265c}
.wisdom-entrance{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:42px 28px;border:1px solid #bb975a;border-radius:90px 90px 28px 28px;background:radial-gradient(ellipse at 50% 15%,#fff9dd,#f5eddc 56%,#e4ebe1);box-shadow:inset 0 1px 0 #fffef5,0 8px 28px #8f714b13}
.wisdom-entrance .wisdom-sigil{font:36px Georgia,serif;color:#bb8e38;text-shadow:0 0 14px #e7bb6070}
.wisdom-entrance h2{margin:0;font:500 clamp(32px,5vw,52px)/1.15 Georgia,serif;color:#bd913a;text-shadow:0 -1px #fff6c9,1px 1px #81551e,2px 2px 1px #6e482e45,0 0 16px #e9ca8044}
.wisdom-entrance .wisdom-entry{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;min-height:52px;margin:0;padding:14px 24px;background:linear-gradient(165deg,#fff8da,#f0d593 48%,#ffecc0)!important;color:#67491c;border:1px solid #b2873f;box-shadow:inset 0 2px #fffdf0,inset 0 -3px #c29c4d55,0 4px #94713d,0 0 24px #e6bd6850;font-size:17px;white-space:normal}
.wisdom-entrance p{max-width:650px;margin:5px 0 0;font-size:18px;line-height:1.75;color:#514736}
@media(max-width:500px){.wisdom-entrance{padding:32px 18px;gap:18px}.wisdom-entrance .wisdom-entry{font-size:15px;padding:13px 15px;gap:8px}.wisdom-entrance p{font-size:16px}}
#arrival>.portal-shimmer i{mask-image:linear-gradient(transparent,#000 12%,#000 86%,transparent);border-radius:48% 48% 5% 5%;overflow:hidden}
#arrival>.portal-shimmer i:nth-child(1){left:4.5%;top:20%;width:13.5%;height:45%;--life:#bde9ed}
#arrival>.portal-shimmer i:nth-child(2){left:28%;top:29%;width:7.4%;height:30%;--life:#f1d2a4}
#arrival>.portal-shimmer i:nth-child(3){left:45%;top:27%;width:10%;height:29%;--life:#ffe3a0}
#arrival>.portal-shimmer i:nth-child(4){left:64%;top:29%;width:7.5%;height:30%;--life:#9fe9ff}
#arrival>.portal-shimmer i:nth-child(5){left:82.5%;top:20%;width:13%;height:45%;--life:#f8d69c}
#arrival>.portal-shimmer i:before{inset:15% -55% -10%;background:repeating-linear-gradient(168deg,transparent 0 17%,color-mix(in srgb,var(--life) 28%,transparent) 21%,transparent 29% 45%);animation:living-mist 12s ease-in-out infinite;opacity:.65}
#arrival>.portal-shimmer i:after{inset:0;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--life) 20%,transparent),transparent 60%);animation:none;opacity:.6}
#arrival>.portal-shimmer i em{position:absolute;left:calc(15% + var(--seed)*20%);top:105%;width:clamp(2px,.28vw,5px);height:clamp(2px,.28vw,5px);border-radius:50%;background:var(--life);box-shadow:0 0 7px 2px color-mix(in srgb,var(--life) 65%,transparent);animation:living-mote 8s linear infinite;animation-delay:var(--delay);pointer-events:none}
#arrival>.portal-shimmer i:nth-child(2n):before{animation-direction:reverse;animation-delay:-4s}
@keyframes living-mist{0%,100%{transform:translate(-17%,8%) rotate(-3deg)}50%{transform:translate(17%,-8%) rotate(3deg)}}
@keyframes living-mote{0%{transform:translate(0,0);opacity:0}12%{opacity:.8}80%{opacity:.65}100%{transform:translate(18px,-180px);opacity:0}}
@media(max-width:750px){@keyframes living-mote{0%{transform:translate(0,0);opacity:0}12%{opacity:.8}80%{opacity:.65}100%{transform:translate(7px,-65px);opacity:0}}}
body[data-motion=off] #arrival>.portal-shimmer i em{animation:none!important;opacity:0}
body:not([data-room=home]) #arrival>.portal-shimmer i em{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#arrival>.portal-shimmer i em{animation:none!important;opacity:0}}
