/* Paper depth without rotating backfaces: stable on mobile compositors. */
.garden-book{box-shadow:0 22px 28px -13px #000b,0 8px 12px -8px #000; border-radius:3px 8px 8px 3px}
.book-board{inset:-5px -5px -12px;border-radius:5px 9px 10px 5px;background:linear-gradient(90deg,#382516,#805a35 44%,#382417 49.5%,#281b14 50.5%,#805a35 57%,#50351e);box-shadow:0 1px 0 #d3b18199,0 3px 0 #362417,0 7px 9px #0007}
.paper-stack{inset:3px 1px -7px;background:repeating-linear-gradient(0deg,#c4ad8b 0px,#c4ad8b 1px,#eee1c7 1px,#eee1c7 2.5px);border-radius:2px 3px 7px 3px;box-shadow:inset 0 -1px 2px #624b36}
.paper-left{border-radius:3px 0 0 3px}.paper-right{border-radius:0 4px 5px 0}
.paper-left:after{background:linear-gradient(90deg,#57351a15,transparent 5%,transparent 70%,#fff1 82%,#3c22122b 95%,#20120e80)}
.paper-right:after{background:linear-gradient(90deg,#20120e80,#3c22122b 5%,#fff1 18%,transparent 30%,transparent 95%,#57351a20)}
.book-spine{z-index:5;left:calc(50% - 1px);width:2px;background:linear-gradient(90deg,#160e0999,#e4c39d66);box-shadow:-3px 0 5px #1a0d0929,3px 0 5px #1a0d0929}
.turn-leaf.turning{box-shadow:0 4px 12px #20120960}
.turn-leaf:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#25170e85,transparent 24%,#fff3 68%,#25170e55);opacity:0}
.turn-leaf.turning:after{animation:paper-bend 860ms ease-in-out both}
@keyframes paper-bend{0%,100%{opacity:0}35%,65%{opacity:.8}50%{opacity:1}}
@media(max-width:650px){
 .garden-scene{padding:28px 5px 38px;overflow:visible;min-height:240px}
 .garden-book{width:100%;max-width:470px;box-shadow:0 19px 23px -12px #000c,0 5px 8px -4px #0008}
 .garden-halo{background:radial-gradient(ellipse at 50% 60%,#b0884930,transparent 65%)}
 .garden-controls{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.turn-leaf.turning:after{animation:none}}
.reduce-motion .turn-leaf:after{animation:none}