.ma-book-opening{z-index:120;pointer-events:none;perspective:1200px;background:#fffaf2;animation:2s linear both ma-opening-fade;position:fixed;inset:0;overflow:hidden}.ma-opening-light{aspect-ratio:1;background:radial-gradient(#ffdf9399 0%,#ffecc744 40%,#fffaf200 70%);width:min(1200px,150vw);animation:2s cubic-bezier(.16,1,.3,1) both ma-opening-light;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ma-opening-book{aspect-ratio:3/4;width:min(43vw,44svh,520px);transform-style:preserve-3d;transform-origin:0;animation:2s cubic-bezier(.22,.61,.36,1) both ma-opening-approach;position:absolute;top:50%;left:50%}.ma-opening-paper,.ma-opening-cover,.ma-opening-cover-front{border-radius:3px 12px 12px 3px;position:absolute;inset:0}.ma-opening-paper{box-sizing:border-box;color:#674373;background:#fff7e6 url(/storybook-demo/paper.webp) 50%/cover;flex-direction:column;justify-content:center;gap:14px;padding:15px;display:flex;box-shadow:3px 4px 1px #e6d9bc,6px 7px 2px #bda48a,10px 18px 36px #46305330}.ma-opening-paper img{object-fit:cover;border-radius:4px;width:100%;height:72%;display:block}.ma-opening-paper span{text-align:center;font:400 clamp(12px,2vw,17px)/1.3 Fredoka,sans-serif}.ma-opening-right:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#69433335,#69433300 16%);position:absolute;inset:0}.ma-opening-cover{transform-origin:0;transform-style:preserve-3d;animation:2s cubic-bezier(.22,.7,.15,1) both ma-opening-unfold}.ma-opening-cover-front{backface-visibility:hidden;background:linear-gradient(100deg,#48265f,#755090 12%,#694082 82%,#825b9b);padding:13px;display:grid;transform:translateZ(8px);box-shadow:5px 10px 24px #38234844}.ma-opening-cover-frame{color:#ffe4a7;border:1px solid #e3c482;border-radius:2px 7px 7px 2px;flex-direction:column;justify-content:space-evenly;align-items:center;display:flex}.ma-opening-cover-frame img{width:96%;height:auto}.ma-opening-cover-frame span{font:400 clamp(13px,2vw,18px)/1.3 Fredoka,sans-serif}.ma-opening-cover-star{fill:#eecf7933}.ma-opening-cover-inside{backface-visibility:hidden;transform:rotateY(180deg)translateZ(-7px);box-shadow:inset -10px 0 18px -14px #67437388}.ma-opening-sparks{pointer-events:none;position:absolute;inset:-20%;transform:translateZ(20px)}.ma-opening-sparks svg{color:#c69843;fill:#ffe7ae;width:20px;height:20px;animation:2s cubic-bezier(.16,1,.3,1) both ma-opening-spark;position:absolute}.ma-opening-sparks svg:first-child{--spark-x:-75px;--spark-y:-48px;top:12%;left:-14%}.ma-opening-sparks svg:nth-child(2){--spark-x:95px;--spark-y:-50px;width:28px;height:28px;top:16%;right:-5%}.ma-opening-sparks svg:nth-child(3){--spark-x:-55px;--spark-y:65px;width:12px;height:12px;bottom:3%;left:18%}.ma-opening-sparks svg:nth-child(4){--spark-x:90px;--spark-y:75px;bottom:16%;right:12%}.ma-opening-sparks svg:nth-child(5){--spark-x:-12px;--spark-y:-75px;width:12px;height:12px;top:-7%;left:20%}@keyframes ma-opening-unfold{0%,12%{transform:rotateY(-12deg)}48%,to{transform:rotateY(-174deg)}}@keyframes ma-opening-approach{0%,8%{transform:translate(-50%,-50%)rotateX(10deg)rotate(-9deg)scale(1.1)}48%{transform:translateY(-50%)rotateX(3deg)rotate(-2deg)scale(1)}62%{transform:translateY(-50%)rotateX(0)rotate(0)scale(1.3)}82%{transform:translateY(-50%)rotateX(0)rotate(0)scale(4.5)}to{transform:translateY(-50%)rotateX(0)rotate(0)scale(6)}}@keyframes ma-opening-fade{0%,80%{opacity:1}to{opacity:0}}@keyframes ma-opening-light{0%{opacity:.45;transform:translate(-50%,-50%)scale(.65)}60%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(2.3)}}@keyframes ma-opening-spark{0%,10%{opacity:0;transform:scale(.4)}30%,58%{opacity:1}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.5) rotate(40deg)}}@media (prefers-reduced-motion:reduce){.ma-book-opening{animation:none;display:none}.ma-book-opening *{animation:none}}