/* V4.1: requested artwork controls and unified sample interactions. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-caption{top:28px;left:50%;width:min(390px,38vw);transform:translateX(-50%);padding:0;text-shadow:none;line-height:0}
.hero-caption img{display:block;width:100%;height:auto}
.room-controls{position:absolute;inset:14px 22px auto auto;display:flex;gap:10px;width:auto;margin:0;z-index:10;pointer-events:auto}
.room-controls .prop{position:relative;inset:auto;width:54px;height:54px;flex:0 0 54px;padding:2px;border:0;border-radius:50%;background:#0b2118b3;box-shadow:0 3px 15px #0004;filter:none;transition:background .2s}
.room-controls .prop-art{width:100%;height:100%;aspect-ratio:1;background-image:url('/wp-content/plugins/beami-publisher/public/advent/v4/assets/icons-v41.webp');background-size:300% 100%;filter:none}
.room-controls .prop--snow .prop-art{background-position:0 50%}
.room-controls .prop--music .prop-art{background-position:50% 50%}
.room-controls .prop--lights .prop-art{background-position:100% 50%}
.room-controls .prop:hover,.room-controls .prop:focus-visible{background:#183b2ce8}
.room-controls .prop[aria-pressed=true]{box-shadow:0 0 0 1px #e7c57a99,0 0 16px #edc57333}
.room-controls .prop:hover .prop-art,.room-controls .prop:focus-visible .prop-art{transform:translateY(-2px);filter:none}
.room-controls .prop--music[data-track=ego]{background:#56422ae0}.room-controls .prop--music[data-track=bizeps]{background:#60412ee0}.room-controls .prop--music[data-track=winter]{background:#244e62e0}
.art-button{display:block;aspect-ratio:40/9;height:auto;padding:0;border:0;border-radius:0;background-color:transparent;background-image:url('/wp-content/plugins/beami-publisher/public/advent/v4/assets/buttons-v41.webp');background-size:100% auto;background-repeat:no-repeat;box-shadow:none;filter:drop-shadow(0 4px 5px #0006);transition:filter .25s,transform .3s var(--ease)}
.art-button--ego{background-position:50% 4.3347%}.art-button--bizeps{background-position:50% 33.6694%}.art-button--open{background-position:50% 63.1048%}.art-button--read{background-position:50% 92.6411%}
.art-button:hover,.art-button:focus-visible{filter:brightness(1.13) drop-shadow(0 5px 7px #0006)}
.book-route.art-button{width:min(100%,260px);min-height:0;margin:17px auto 0}
.book-peek.art-button{width:180px;bottom:17px;padding:0;min-height:0;border-radius:0;background-color:transparent;box-shadow:none}
.chapter-read{width:202px;flex:none;min-height:0;position:relative}
.chapter-read::before{content:"";position:absolute;inset:-5px 0}
.page-fan{display:block;border:0;padding:0;background:none;color:inherit;cursor:pointer;transition:transform .5s var(--ease);transform-origin:50% 70%}
.page-fan:hover,.page-fan:focus-visible{transform:translateY(-7px) rotate(1deg)}
.page-fan .sample-page{pointer-events:none;cursor:inherit;transition:none}
.page-fan .page-back,.page-fan .page-back:hover{z-index:0;transform:rotate(9deg)}
.page-fan .page-front,.page-fan .page-front:hover{z-index:1;transform:rotate(-7deg)}
.bizeps-chapter .page-fan .page-front{transform:rotate(-5deg)}
.fan-read{position:absolute;z-index:3;bottom:78px;left:50%;width:200px;transform:translateX(-50%);pointer-events:none}
@media(max-width:1000px) and (min-width:901px){.hero-caption{width:320px;top:38px}.fan-read{bottom:38px;width:170px}}
@media(min-width:901px) and (max-height:780px){.hero-caption{width:320px;top:15px}}
@media(max-width:900px){
 .scene{padding-top:77px}
 .hero-caption{position:relative;inset:auto;transform:none;width:min(82%,390px);margin:0 auto}
 .room-controls{position:absolute;inset:12px 15px auto auto;gap:9px;width:auto;margin:0}
 .room-controls .prop{width:48px;height:48px;flex-basis:48px}
 .book-pair{margin-top:25px}
 .book-route.art-button{width:100%;max-width:260px;margin-top:18px}
 .book-peek.art-button{display:none}
 .scroll-note{margin-top:28px}
 .chapter-read{width:180px}
 .fan-read{bottom:25px;width:165px}
}
@media(max-width:360px){.hero-caption{width:88%}.scene{padding-top:73px}.room-controls{top:10px;right:13px;gap:8px}.room-controls .prop{width:46px;height:46px;flex-basis:46px}.book-route.art-button{width:108%;max-width:none;margin-left:-4%}.chapter-read{width:166px}.fan-read{width:155px;bottom:22px}}
@media(prefers-reduced-motion:reduce){.page-fan:hover,.page-fan:focus-visible{transform:none}}
