/* Real hinged faces: the cover opens first, then an interior sheet turns. */
.journey-legacy{display:contents}
.native-book{--page-width:clamp(140px,17vw,220px);--book-open:0;--cover-angle:0deg;--leaf-angle:0deg;--cover-depth:12px;position:relative;width:100%;height:455px;perspective:1300px;perspective-origin:50% 42%}
.book-model{position:absolute;left:50%;top:47%;width:var(--page-width);height:calc(var(--page-width)*1.414);transform-style:preserve-3d;transform:translate(calc(-50% + var(--book-open)*50%),-50%) rotateX(5deg) rotateY(calc(-10deg + var(--book-open)*10deg))}
.book-base,.book-leaf,.book-cover,.book-face{position:absolute;inset:0;transform-style:preserve-3d}
.book-base{background:#fffaf0;box-shadow:4px 5px 0 #ddd2be,6px 8px 0 #c8baa3;transform:translateZ(0)}
.book-leaf,.book-cover{transform-origin:0 50%}
.book-leaf{transform:translateZ(6px) rotateY(var(--leaf-angle))}
.book-cover{transform:translateZ(var(--cover-depth)) rotateY(var(--cover-angle))}
.book-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fffaf0;box-shadow:0 9px 24px #142a4628}
.book-face img,.book-base img{display:block;width:100%;height:100%;object-fit:fill}
.book-cover-front,.book-leaf-front{transform:translateZ(.5px)}
.book-cover-back,.book-leaf-back{transform:rotateY(180deg) translateZ(.5px)}
.book-face:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#142a4628,transparent 8%,transparent 96%,#142a4610)}
.book-ground{position:absolute;left:10%;right:10%;height:34px;top:83%;border-radius:50%;background:radial-gradient(ellipse,#142a4626,transparent 70%)}
.book-controls{display:flex;justify-content:center;gap:8px;margin-top:20px;flex-wrap:wrap}
.book-controls button{font:inherit;font-size:11px;min-height:44px;padding:10px 14px;border:1px solid #cfc4b1;border-radius:30px;background:transparent;color:var(--blue);cursor:pointer}
.book-controls button:hover,.book-controls button[aria-pressed="true"]{background:var(--blue);color:var(--cream,#f7f2e8);border-color:var(--blue)}
.book-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.book-status,.book-instruction,.book-digital-note{text-align:center;font-size:11px;line-height:1.7;color:var(--muted);margin:12px auto 0;max-width:390px}
.book-status{color:var(--blue)}
.book-digital-note{font-size:10px}
.native-book-enabled .journey-progress{display:flex}
@media(max-width:900px),(max-height:559px){
 .native-book{--page-width:clamp(112px,34vw,185px);height:350px}
 .native-book-enabled .journey-art{display:block;width:100%;order:0}
 .native-book-enabled .journey-stage{display:block;position:relative;padding:0}
 .native-book-enabled .book-model{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
 .native-book-enabled .book-cover{transition:transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--cover-delay,0ms)}
 .native-book-enabled .book-leaf{transition:transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--leaf-delay,0ms)}
}
@media(prefers-reduced-motion:reduce){.book-model,.book-cover,.book-leaf{transition:none!important}}