/* Single-volume immersive presentation: the original ThreeUI rig is left as-is;
   all animation in this sheet sits behind the book, never over the printed pages. */
:root{color-scheme:dark}
html,body{background:#0a0810!important}
body{overflow-x:hidden}
.one-book{position:relative;display:flex;flex-direction:column;min-height:100svh;max-width:none;padding:0 clamp(14px,3vw,54px) 12px;background:radial-gradient(ellipse 85% 72% at 50% 38%,#251a35 0%,#100c19 53%,#08070e 100%);isolation:isolate}
.one-book::before,.one-book::after{content:"";position:absolute;z-index:-1;pointer-events:none;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.50;mix-blend-mode:screen;will-change:transform;filter:blur(12px)}
.one-book::before{left:-20%;top:4%;width:min(73vw,1040px);height:min(79vh,920px);background-image:url('./assets/atmosphere/violet.webp');animation:obscurus-smoke-a 21s ease-in-out infinite alternate}
.one-book::after{right:-23%;top:13%;width:min(78vw,1080px);height:min(80vh,920px);background-image:url('./assets/atmosphere/silver.webp');opacity:.33;animation:obscurus-smoke-b 27s ease-in-out infinite alternate}
@keyframes obscurus-smoke-a{0%{transform:translate3d(-2%,5%,0) scale(1.02) rotate(-3deg);opacity:.38}100%{transform:translate3d(14%,-4%,0) scale(1.17) rotate(6deg);opacity:.61}}
@keyframes obscurus-smoke-b{0%{transform:translate3d(5%,3%,0) scale(.92) rotate(4deg);opacity:.25}100%{transform:translate3d(-10%,-9%,0) scale(1.1) rotate(-7deg);opacity:.45}}
.simple-header{height:66px;flex:0 0 66px;border-bottom:1px solid rgba(230,212,242,.13);max-width:1400px;width:100%;margin:auto;}
.logo{font-size:12px;letter-spacing:.12em}.logo .mark{color:#c29a53}
.min-button{background:rgba(39,27,51,.72);border:1px solid rgba(229,204,239,.25);border-radius:999px;color:#f4eaf7;padding:9px 18px;cursor:pointer;transition:background .2s,transform .2s}
.min-button:hover{background:#42304f;transform:translateY(-1px)}
.hero,.scene-full{height:min(74svh,850px);min-height:470px;flex:1;max-width:1400px;width:100%;margin:0 auto;}
.scene-copy{display:none!important}
.scene-full{overflow:visible;background:transparent!important}
.scene-full .bookshelf__canvas{z-index:4;touch-action:none}
.poster-underlay{z-index:0;padding:25px 0 0;cursor:pointer;pointer-events:auto}
.poster-3d{width:clamp(260px,27vw,435px);transform:perspective(1200px) rotateY(-9deg) rotateZ(-1deg);box-shadow:25px 30px 95px #000b}
.poster-3d::after{background-image:url('./assets/covers/spine.webp');background-position:center;background-size:cover;left:-14px;width:14px}
.poster-3d .cover-motion[data-ready="true"]{opacity:.14!important}/* static type remains sharp */
.scene-load-hint{bottom:36px;text-align:center;background:rgba(9,7,14,.54);border-radius:99px;padding:8px 13px;color:#ddcceb}
.single-fallback{bottom:3px;color:#f2e4f4}
.book-toolbar{margin:-8px auto 0;gap:12px;width:100%;max-width:590px}
.book-toolbar button{border-radius:999px;min-width:52px;min-height:52px;background:rgba(35,27,46,.8);border:1px solid #ffffff32;cursor:pointer}
.book-toolbar .scene-open{background:#cab0d9;color:#201323;border:0;border-radius:999px;flex:1;max-width:310px;min-width:0;font-size:11px;letter-spacing:.08em}
.book-toolbar .scene-open span{margin:0 0 0 7px}
.sub-toolbar{margin:8px auto 0;min-height:45px;max-width:590px;width:100%;gap:8px;justify-content:space-between}
.sub-toolbar button{border-radius:999px;cursor:pointer;color:#dfcfe6;font-size:11px}
.sub-toolbar #scene-counter{font-size:11px;color:#c7b3d0;min-width:100px}
.book-footer{display:none!important}
.single-fallback .min-button{background:#d0b6da;color:#1c1520;font-size:11px}
.reader-cover-motion[data-ready="true"]{opacity:.12!important}
@media(max-width:640px){
 .one-book{padding:0 12px 12px;min-height:100svh}
 .simple-header{height:58px;flex-basis:58px}
 .logo{font-size:10px;gap:5px}.logo .mark{font-size:22px}
 .min-button{font-size:11px;padding:8px 12px;min-height:40px}
 .hero,.scene-full{height:calc(100svh - 185px);min-height:390px;max-height:760px}
 .poster-underlay{padding:4px 0 24px}.poster-3d{width:min(63vw,340px);margin-left:0;transform:perspective(900px) rotateY(-8deg)}
 .book-toolbar{margin:0 auto;gap:7px}.book-toolbar button{min-height:46px;min-width:48px}
 .book-toolbar .scene-open{font-size:10px;min-width:0;padding:9px 10px}
 .sub-toolbar{margin:3px auto 0;font-size:10px}.sub-toolbar #scene-counter{font-size:9px;min-width:85px}
 .single-fallback{bottom:0;line-height:1.5}
 .one-book::before{width:115vw;top:14%;left:-72%;opacity:.38}
 .one-book::after{width:116vw;top:20%;right:-75%;opacity:.27}
}
@media(max-width:360px){.logo{font-size:9px}.book-toolbar .scene-open{font-size:9px}}
@media(prefers-reduced-motion:reduce){.one-book::before,.one-book::after{animation:none!important}.poster-3d .cover-motion{display:none!important}}
/* Motion videos included as reference assets but deliberately not laid over text:
   movement is now carried by a smoke-only alpha layer on the 3D covers. */
.poster-3d .cover-motion,.reader-cover-motion{display:none!important}