.quest-book-scene{position:relative;width:240px;height:155px;margin:12px 0 20px;perspective:850px;isolation:isolate}
.quest-book{position:absolute;width:184px;height:116px;left:26px;top:18px;transform:rotateX(48deg) rotateZ(-9deg);transform-style:preserve-3d}
.quest-book-glow{position:absolute;inset:5px -10px;background:radial-gradient(ellipse,rgba(255,223,128,.48),rgba(255,207,95,.16) 38%,transparent 69%);opacity:.15;pointer-events:none}
.quest-book-back,.quest-book-lid{position:absolute;left:50%;top:0;width:92px;height:116px;border-radius:2px 6px 6px 2px;transform-style:preserve-3d;transform-origin:0 50%}
.quest-book-back{background:#183956;border:2px solid #c39a4b;transform:translateZ(-4px);box-shadow:7px 13px 15px #0006}
.quest-book-stack{position:absolute;left:50%;top:4px;width:86px;height:108px;border-radius:1px 4px 4px 1px;background:repeating-linear-gradient(#e4ddc8 0 1px,#fff9e9 1px 3px);transform:translateZ(-1px)}
.quest-book-leaf{position:absolute;left:50%;top:4px;width:86px;height:108px;transform-origin:0 50%;transform-style:preserve-3d;will-change:transform}
.quest-book-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:1px 4px 4px 1px}
.quest-book-front,.quest-book-reverse{background:linear-gradient(90deg,#e5dfce,#fffaf0 13%,#fffaf0 85%,#ede5d3);border:1px solid #dfd5c0;box-shadow:1px 2px 3px #0002}
.quest-book-reverse{transform:rotateY(180deg);background:linear-gradient(270deg,#e5dfce,#fffaf0 13%,#fffaf0 85%,#ede5d3)}
.quest-book-face i{position:absolute;inset:24px 9px 11px;background:repeating-linear-gradient(to bottom,#918a7b99 0 1px,transparent 1px 4px);column-count:2;mask-image:linear-gradient(90deg,#000 47%,transparent 47% 53%,#000 53%)}
.quest-book-face b{position:absolute;left:28%;right:28%;top:13px;height:3px;background:#bda269}
.quest-book-outside{background:linear-gradient(100deg,#10283b,#214763 30%,#17334b);border:2px solid #c39a4b;box-shadow:inset 0 0 0 5px #18354c,inset 0 0 0 6px #9b7b42}
.quest-book-outside b{background:none;left:0;right:0;top:25px;height:auto;color:#ebcb80;text-align:center;font-size:32px;line-height:1}
.quest-book-outside small{position:absolute;left:0;right:0;bottom:25px;text-align:center;color:#ebcb80;font-size:8px;letter-spacing:1px}
.quest-book-inside{transform:rotateY(180deg);background:#f2e7cc;border:3px solid #224661}
@media(max-width:700px){.quest-book-scene{margin-inline:auto}}