/* A little illustrated field guide. All text sits on the real paper. */
.chapter-scene.guidebook-scene{display:block;background:radial-gradient(ellipse at 50% 55%,#e2d3a0 0,transparent 65%),#f4e9cb;transform:none;border-color:var(--ink);overflow:hidden}
.guidebook-scene:before{width:4px}
.pill-book{--book-width:1000px;--book-type:clamp(12px,calc(var(--book-width)*.014),17px);height:100%;min-height:0;display:flex;flex-direction:column;padding:17px 24px 13px;color:#274630;isolation:isolate}
.book-toolbar{display:flex;flex:none;align-items:center;justify-content:space-between;gap:20px;padding-bottom:13px;min-height:58px}
.book-toolbar .book-kicker{font-size:7px;letter-spacing:1.6px;margin-bottom:6px;color:#92713c}
.book-toolbar h1{font-size:31px;letter-spacing:-.35px;line-height:1.02;outline:none}
.book-toolbar-note{display:flex;align-items:center;gap:9px;color:#6f7b51;font-size:8px;font-weight:800;line-height:1.55;letter-spacing:.3px}
.book-toolbar-note .book-icon{width:31px;height:31px;transform:rotate(-8deg)}
.book-chapters{display:flex;align-items:stretch;justify-content:center;gap:4px;flex:none;border-top:1px solid #c6b78c;border-bottom:1px solid #c6b78c;padding:5px 0;margin:0 0 5px}
.book-chapters button{flex:1;max-width:250px;min-height:29px;padding:6px 10px;color:#617045;background:transparent;font-size:9px;line-height:1.3;font-weight:900;letter-spacing:.1px;border-radius:3px;transition:background .2s,color .2s}
.book-chapters button>span{margin-right:8px;font-size:7px;font-weight:900;opacity:.65}
.book-chapters button[aria-selected=true]{background:#24543c;color:#fff4d6;box-shadow:0 2px 0 #163b2c}
.book-chapters button:hover:not(:disabled):not([aria-selected=true]){background:#ead9aa;color:#244c34}
.book-chapters button:disabled{opacity:.8}
.book-stage{position:relative;display:grid;place-items:center;min-height:0;flex:1;padding:0;isolation:isolate}
.book-canvas{width:var(--book-width);max-width:100%;aspect-ratio:1672/941;position:relative;flex:none;isolation:isolate;background:url('./assets/book/book-open.webp') center/100% 100% no-repeat;outline:none;filter:drop-shadow(0 9px 8px #5942211f);font-size:var(--book-type)}
.book-canvas:focus-visible{outline:2px dashed #86702b;outline-offset:2px;border-radius:15px}
.book-pages{position:absolute;inset:0;z-index:2;transition:opacity .12s ease}
.book-page{position:absolute;top:14.8%;bottom:17.5%;width:35.4%;display:flex;flex-direction:column;min-width:0}
.book-page.book-left{left:10.6%}
.book-page.book-right{right:10.6%}
.book-page-body{flex:1;min-height:0;position:relative;overflow:auto;scrollbar-width:thin;scrollbar-color:#ae9567 transparent;overscroll-behavior:contain}
.book-kicker{display:block;font-family:var(--body);font-size:.57em;line-height:1.35;font-weight:900;letter-spacing:1.2px;color:#806236;margin-bottom:.8em}
.book-page h2{font-family:var(--display);font-size:2.15em;line-height:1.02;letter-spacing:-.02em;color:#254c35;margin:0 0 .49em;text-wrap:balance}
.book-page p{font-family:var(--body);font-size:1em;line-height:1.58;margin:0 0 .7em;color:#4c5635}
.book-page p b{font-weight:900;color:#284b32}
.book-page .book-small{font-size:.78em;line-height:1.55;color:#6d6a44;margin-top:.9em;margin-bottom:0}
.book-folio{flex:none;display:flex;justify-content:space-between;gap:7px;border-top:1px solid #af966c80;padding-top:.6em;margin-top:.9em;font-size:.46em;font-weight:900;letter-spacing:.8px;color:#8e7950}
.book-icon{display:block;width:48px;height:48px;flex-shrink:0;color:#355338}
.book-welcome{display:flex;align-items:center;gap:3%;margin-top:1.15em}
.book-welcome img{width:49%;height:auto;mix-blend-mode:multiply;transform:rotate(-3deg);mask-image:radial-gradient(ellipse at 50% 52%,#000 58%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse at 50% 52%,#000 58%,transparent 74%)}
.book-welcome>div{flex:1;min-width:0;padding-right:.1em}
.book-welcome strong{font:1.16em/1.2 var(--display);display:block;color:#476141;margin:.8em 0 .7em}
.book-welcome>div>span:last-child{font-size:.72em;line-height:1.5;display:block;color:#7f704d}
.book-seal{display:block;font-size:.4em;line-height:1.8;letter-spacing:.65px;font-weight:900;border:1px solid #b69a5c;border-radius:2px;transform:rotate(-4deg);padding:.3em .5em;text-align:center;width:max-content;max-width:100%;color:#8c6e32}
.book-stat{display:flex;gap:.75em;align-items:center;margin:1.05em 0 .85em}
.book-stat .book-icon{width:3.1em;height:3.1em;transform:rotate(-5deg)}
.book-stat strong{font:2.6em/.95 var(--display);display:block;color:#b76c2b;letter-spacing:-.03em}
.book-stat span{display:block;font-size:.48em;font-weight:900;letter-spacing:1px;margin-top:.6em;color:#697044}
.book-margin-note{position:relative;border-top:1px dashed #ad9362;border-bottom:1px dashed #ad9362;background:#e4cf8a28;padding:.7em .8em;font-size:.83em;line-height:1.5;margin-top:.9em;transform:rotate(-.4deg);color:#5a5735}
.book-margin-note b{display:block;color:#776132;font-size:.94em;line-height:1.3;margin-bottom:.3em;font-weight:900}
.book-draw{display:grid;grid-template-columns:repeat(10,1fr);gap:.34em;width:84%;margin:.85em 0 1em}
.book-draw i{display:block;aspect-ratio:1;border:1.4px solid #547346;border-radius:50%;background:#d4dda680;position:relative}
.book-draw i:after{content:'';position:absolute;width:40%;height:40%;left:30%;top:30%;border-radius:50%;background:#749258}
.book-draw i.spark{background:#f2be4f;border-color:#9e6b2b}
.book-draw i.spark:after{background:#956329;clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);width:70%;height:70%;left:15%;top:15%;border-radius:0}
.book-ticket{position:relative;background:#eed79a60;border:1px solid #b7924d;border-radius:3px;padding:.85em 1em;margin-top:1em;transform:rotate(-1deg)}
.book-ticket:before,.book-ticket:after{content:'';position:absolute;top:40%;width:.5em;height:1em;border:1px solid #b7924d;background:#f4e1ae;right:-1px;border-right:0;border-radius:1em 0 0 1em}
.book-ticket:before{left:-1px;right:auto;border-right:1px solid #b7924d;border-left:0;border-radius:0 1em 1em 0}
.book-ticket>span{display:block;font-size:.5em;font-weight:900;letter-spacing:1px;color:#8f783d}
.book-ticket>strong{display:block;font:2.5em/1.1 var(--display);color:#2d593b;margin:.1em 0 .05em}
.book-ticket strong small{font:.34em var(--body);font-weight:900;letter-spacing:0}
.book-ticket p{font-size:.75em;margin:0}
.book-rarities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75em;margin:1.1em 0 1em}
.book-rarities>div{text-align:center;min-width:0}
.book-mini-card{display:flex;align-items:center;justify-content:center;width:72%;aspect-ratio:.77;margin:auto auto .6em;border:2px solid #47643f;outline:1px solid #cdd89b;outline-offset:-5px;border-radius:4px;background:#aac28a;box-shadow:.14em .2em 0 #a1854929;transform:rotate(-5deg)}
.book-mini-card .book-icon{width:65%;height:auto}
.book-mini-card.holo{background:linear-gradient(135deg,#c7a4e4,#b5dfb5,#a7cde7,#d9b7d8);transform:rotate(2deg);border-color:#75739c;outline-color:#e6def9}
.book-mini-card.gold{background:#ecc36e;transform:rotate(7deg);border-color:#a57e32;outline-color:#fff3c3}
.book-rarities strong{display:block;font:1.6em/1.1 var(--display);color:#42623e}
.book-rarities b{display:block;font-size:.57em;line-height:1.4;font-weight:900;margin:.3em 0;color:#5d633d}
.book-rarities>div>span:last-child{display:block;font-size:.54em;color:#7f7047}
.book-funding-source{display:flex;align-items:center;gap:.8em;justify-content:center;border:1px solid #ad8b4c;background:#eed49d66;padding:.65em;margin:.8em auto .9em;width:93%;border-radius:3px;position:relative;transform:rotate(-.7deg)}
.book-funding-source:after{content:'';position:absolute;width:1px;height:.9em;bottom:-.9em;left:50%;background:#a9935e}
.book-funding-source strong{font:2.3em/.95 var(--display);color:#aa6b2d}
.book-funding-source span{font-size:.5em;line-height:1.45;font-weight:900;letter-spacing:.4px;color:#77643c}
.book-funding-split{display:grid;grid-template-columns:1fr 1.12fr;gap:.8em;margin:.8em 0 1em;padding-top:.65em;position:relative}
.book-funding-split:before{content:'';position:absolute;left:22%;right:22%;top:0;border-top:1px solid #a9935e}
.book-funding-split>div{border:1px solid #a99766;border-radius:3px;padding:.65em .6em;background:#dce0ab44;text-align:center;position:relative}
.book-funding-split>div:before{content:'';position:absolute;left:50%;top:-.65em;height:.65em;border-left:1px solid #a9935e}
.book-funding-split strong{display:block;font:1.8em/1 var(--display);color:#4b6b40;margin-bottom:.3em}
.book-funding-split b{font-size:.58em;line-height:1.45;display:block;font-weight:900;color:#5b643c}
.book-funding-split span{font-size:.56em;line-height:1.45;display:block;margin-top:.35em;color:#786d46}
.book-funding-extra{font-size:.76em;border-top:1px dashed #b49a66;padding-top:.7em;line-height:1.5}
.book-funding-extra b,.book-funding-extra span{display:block}
.book-funding-extra b{font-weight:900;color:#52683b}
.book-funding-extra span{color:#81704a}
.book-last-note{display:flex;gap:.8em;align-items:flex-start;margin:1.05em 0}
.book-last-note .book-icon{width:2.8em;height:2.8em;transform:rotate(-7deg)}
.book-last-note p{font-size:.94em;margin:0}
.book-endmark{display:flex;align-items:center;justify-content:center;gap:.7em;margin-top:1.5em;color:#a9893c}
.book-endmark b{font-size:.49em;font-weight:900;letter-spacing:.55px;text-align:center}
.book-endmark>span{font-size:1.1em}
/* A single sheet turns; the stationary spread and cover stay visible. */
.book-leaf-viewport{position:absolute;inset:0;z-index:5;perspective:1800px;pointer-events:none}
.book-leaf{position:absolute;left:50%;top:8.8%;width:42.3%;height:79%;transform-origin:left center;transform-style:preserve-3d;will-change:transform}
.book-leaf-face{position:absolute;inset:0;background-color:#fae8b8;background-image:url('./assets/book/book-open.webp');background-size:236.4% 126.6%;background-position:86.7% 42%;border-radius:2px 11px 13px 2px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:1px 1px 1px #9a743c99}
.book-leaf-face:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#62451d24,transparent 20%,#fff6d222 65%,#80582117)}
.book-leaf-front{transform:translateZ(.2px)}
.book-leaf-back{transform:rotateY(180deg) translateZ(.2px);background-position:13.3% 42%;border-radius:11px 2px 2px 13px}
.book-leaf-face>.book-page.book-leaf-page{display:flex;position:absolute;left:9.45%;right:auto;top:7.6%;bottom:7.4%;width:83.7%;min-height:0;margin:0}
.book-leaf-back>.book-page.book-leaf-page{left:6.85%}
.book-leaf-page .book-page-body{overflow:hidden}
.book-is-turning .book-pages{pointer-events:none}
.book-is-turning .book-leaf{animation:book-leaf-forward 900ms cubic-bezier(.36,.02,.28,1) both}
.book-turn-backward .book-leaf{left:7.7%;transform-origin:right center;animation-name:book-leaf-backward}
.book-turn-backward .book-leaf-front{background-position:13.3% 42%;border-radius:11px 2px 2px 13px}
.book-turn-backward .book-leaf-back{background-position:86.7% 42%;border-radius:2px 11px 13px 2px}
.book-turn-backward .book-leaf-front>.book-page.book-leaf-page{left:6.85%}
.book-turn-backward .book-leaf-back>.book-page.book-leaf-page{left:9.45%}
@keyframes book-leaf-forward{from{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}
@keyframes book-leaf-backward{from{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}
.book-controls{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;min-height:48px;padding:5px 4px 0}
.book-page-button{display:flex;align-items:center;justify-content:center;gap:15px;justify-self:start;border:1.5px solid #365239;border-radius:3px;box-shadow:2px 2px 0 #365239;color:#365239;background:#fff5d6;padding:8px 13px;min-height:34px;transition:background .2s,transform .2s}
.book-page-button:last-child{justify-self:end;background:#e9bd5b}
.book-page-button:not(:disabled):hover{background:#edce82;transform:translateY(-2px)}
.book-page-button>.book-icon{width:23px;height:23px;stroke-width:2.5}
.book-page-button>b{font:9px var(--body);font-weight:900}
.book-page-button:disabled{opacity:.37;box-shadow:1px 1px 0 #365239;cursor:default}
.book-progress{text-align:center}
.book-page-count{display:block;font:10px var(--display);letter-spacing:.4px;line-height:1.2;color:#557046}
.book-progress-dots{display:flex;gap:5px;justify-content:center;margin:5px 0}
.book-progress-dots i{width:12px;height:3px;display:block;background:#c6bc90;border-radius:3px}
.book-progress-dots i.current{background:#537446;width:23px}
.book-progress>small{font:5px var(--body);font-weight:900;letter-spacing:.6px;color:#9b8c60;display:block}
.book-compact .book-page h2{font-size:1.85em;margin-bottom:.4em}.book-compact .book-page .book-kicker{font-size:.5em;margin-bottom:.65em}.book-compact .book-page p{line-height:1.43;margin-bottom:.45em}.book-compact .book-stat{margin:.65em 0}.book-compact .book-stat strong{font-size:2.3em}.book-compact .book-stat .book-icon{width:2.6em;height:2.6em}.book-compact .book-margin-note{font-size:.82em;padding:.5em .6em;margin-top:.55em}.book-compact .book-welcome{margin-top:.6em}.book-compact .book-welcome img{width:45%}.book-compact .book-welcome strong{font-size:1.07em;margin:.5em 0}.book-compact .book-ticket{margin-top:.65em;padding:.6em .8em}.book-compact .book-ticket>strong{font-size:2.3em}.book-compact .book-rarities{margin:.7em 0 .7em;gap:.55em}.book-compact .book-mini-card{width:65%;margin-bottom:.4em}.book-compact .book-rarities strong{font-size:1.4em}.book-compact .book-funding-source{margin:.6em auto .8em;padding:.55em}.book-compact .book-funding-split{margin:.65em 0}.book-compact .book-funding-split>div{padding:.5em .4em}.book-compact .book-funding-extra{font-size:.72em;padding-top:.5em}.book-compact .book-endmark{margin-top:.8em}.book-compact .book-last-note{margin:.7em 0}.book-compact .book-draw{margin:.6em 0 .7em;width:74%}.book-compact .book-folio{margin-top:.6em}
@media(min-width:1600px){.pill-book{padding:21px 35px 18px}.book-toolbar h1{font-size:38px}.book-toolbar{min-height:69px;padding-bottom:16px}.book-toolbar .book-kicker{font-size:8px}.book-chapters button{font-size:10px;min-height:33px}.book-toolbar-note{font-size:9px}.book-controls{min-height:57px}.book-page-button{min-height:37px;padding:9px 17px}.book-page-button>b{font-size:10px}.book-page-count{font-size:12px}}
@media(min-width:901px) and (max-height:730px){.pill-book{padding:12px 18px 10px}.book-toolbar{min-height:46px;padding-bottom:9px}.book-toolbar h1{font-size:26px}.book-toolbar .book-kicker{font-size:6px;margin-bottom:4px}.book-toolbar-note{font-size:7px}.book-toolbar-note .book-icon{width:25px;height:25px}.book-chapters{padding:3px 0;margin-bottom:2px}.book-chapters button{min-height:25px;font-size:8px;padding:5px 8px}.book-controls{min-height:43px;padding-top:2px}.book-page-button{min-height:30px;padding:6px 12px}.book-progress>small{display:none}.book-page{top:14%;bottom:16.5%}.book-page h2{font-size:1.9em}.book-stat{margin:.7em 0}.book-stat strong{font-size:2.3em}.book-margin-note{padding:.55em .7em;margin-top:.6em;font-size:.77em}.book-page p{line-height:1.5;margin-bottom:.5em}.book-welcome{margin-top:.7em}.book-folio{margin-top:.6em}.book-ticket{margin-top:.7em;padding:.6em .8em}.book-rarities{margin:.8em 0}.book-funding-source{margin:.6em auto .8em}.book-funding-split{margin:.7em 0 .7em}.book-endmark{margin-top:.9em}.book-last-note{margin:.8em 0}}
@media(min-width:901px) and (max-width:1100px){.pill-book{padding-left:13px;padding-right:13px}.book-toolbar-note{font-size:7px}.book-chapters button{font-size:8px;padding-left:7px;padding-right:7px}.book-chapters button>span{margin-right:5px}.book-page-button{gap:10px}.book-page h2{font-size:1.9em}.book-page{width:36%;left:auto}.book-page.book-left{left:10.2%}.book-page.book-right{right:10.2%}.book-folio{font-size:.42em;letter-spacing:.4px}}
/* A whole portrait journal on small screens; the spread remains on desktop. */
@media(max-width:900px){
 .chapter-scene.guidebook-scene{display:block;min-height:0;overflow:visible}
 .pill-book{height:auto;min-height:0;padding:20px 18px 24px;--book-type:16px}
 .book-toolbar{min-height:65px;padding-bottom:16px;gap:16px}
 .book-toolbar h1{font-size:clamp(28px,4.7vw,36px);line-height:1.08}
 .book-toolbar .book-kicker{font-size:9px;line-height:1.45;letter-spacing:1px;margin-bottom:7px}
 .book-toolbar-note{font-size:10px;line-height:1.45;gap:8px}
 .book-toolbar-note .book-icon{width:34px;height:34px}
 .book-chapters{margin-bottom:20px;padding:6px 0;justify-content:stretch;gap:4px}
 .book-chapters button{max-width:none;min-width:0;min-height:44px;font-size:12px;padding:8px 6px;line-height:1.35}
 .book-chapters button>span{display:block;margin:0 0 3px;font-size:9px;letter-spacing:1px}
 .book-stage{display:block;flex:none;min-height:0;padding:0 5px 7px}
 .book-canvas{width:100%;max-width:580px;margin:0 auto;aspect-ratio:auto;height:auto;padding:32px 28px 25px;border:7px solid #28513a;border-left-width:13px;border-radius:7px 12px 12px 7px;background:linear-gradient(90deg,#c2a05a40,transparent 6%,transparent 94%,#c2a05a30),#f7e4b5;box-shadow:inset 3px 0 0 #b28b43,inset -2px 0 0 #b28b43,3px 3px 0 #ead6a1,5px 5px 0 #b69a61,7px 7px 0 #375c3d;filter:drop-shadow(0 8px 7px #71522520);overflow:visible;font-size:16px}
 /* Only blank paper from the illustration is sampled. No cropped spread or spine. */
 .book-canvas:before{content:'';position:absolute;inset:2px;border-radius:3px 6px 6px 3px;background:url('./assets/book/book-open.webp') 23% center/430% 170% no-repeat;opacity:.55;z-index:0;pointer-events:none}
 .book-canvas:after{content:'';position:absolute;inset:7px;border:1px solid #ad864b88;border-radius:2px 4px 4px 2px;background:linear-gradient(#b7934f,#b7934f) left top/17px 2px,linear-gradient(#b7934f,#b7934f) left top/2px 17px,linear-gradient(#b7934f,#b7934f) right top/17px 2px,linear-gradient(#b7934f,#b7934f) right top/2px 17px,linear-gradient(#b7934f,#b7934f) left bottom/17px 2px,linear-gradient(#b7934f,#b7934f) left bottom/2px 17px,linear-gradient(#b7934f,#b7934f) right bottom/17px 2px,linear-gradient(#b7934f,#b7934f) right bottom/2px 17px;background-repeat:no-repeat;z-index:1;pointer-events:none}
 .book-canvas:focus-visible{outline-offset:10px}
 .book-canvas{scroll-margin-top:12px}
 .book-pages{position:relative;inset:auto;min-width:0}
 .book-page.book-left,.book-page.book-right{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;min-height:460px;display:flex}
 .book-page-body{min-height:0;overflow:visible;overscroll-behavior:auto}
 .book-page h2{font-size:2.1em;margin-bottom:.65em;overflow-wrap:normal}
 .book-page .book-kicker{font-size:10px;line-height:1.45;letter-spacing:1.1px;margin-bottom:1em}
 .book-page p{font-size:1em;line-height:1.65;margin-bottom:.85em}
 .book-folio{font-size:9px;line-height:1.5;letter-spacing:.6px;padding-top:14px;margin-top:22px;flex-wrap:wrap}
 .book-stat{margin:1.25em 0 1em;gap:13px}
 .book-stat strong{font-size:2.8em}
 .book-stat .book-icon{width:3.4em;height:3.4em}
 .book-stat span{font-size:10px;line-height:1.5;letter-spacing:.6px;margin-top:7px}
 .book-margin-note{font-size:14px;line-height:1.65;padding:13px 14px;margin-top:18px}
 .book-margin-note b{font-size:14px;line-height:1.5;margin-bottom:5px}
 .book-page .book-small{font-size:14px;line-height:1.65;margin-top:18px}
 .book-welcome{margin-top:1.5em;gap:4%;align-items:center}
 .book-welcome img{width:49%}
 .book-welcome strong{font-size:1.25em;line-height:1.25;margin:14px 0}
 .book-welcome>div>span:last-child{font-size:14px;line-height:1.65}
 .book-seal{font-size:8px;line-height:1.7;letter-spacing:.3px;padding:5px 6px;width:auto}
 .book-rarities{margin:1.5em 0 1.3em;gap:12px}
 .book-mini-card{width:75%}
 .book-rarities strong{font-size:1.8em}
 .book-rarities b{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
 .book-rarities>div>span:last-child{font-size:12px;line-height:1.5}
 .book-draw{margin:1em 0 1.2em;gap:.38em;width:100%}
 .book-ticket{padding:16px;margin-top:22px}
 .book-ticket>strong{font-size:2.8em;line-height:1.15;overflow-wrap:anywhere}
 .book-ticket>span{font-size:10px;line-height:1.5}
 .book-ticket strong small{font-size:14px}
 .book-ticket p{font-size:14px;line-height:1.6;margin:0}
 .book-funding-source{padding:14px 10px;margin:20px auto 18px;width:100%;gap:12px}
 .book-funding-source strong{font-size:2.7em}
 .book-funding-source span{font-size:11px;line-height:1.5;letter-spacing:.2px}
 .book-funding-split{gap:10px;margin:20px 0}
 .book-funding-split>div{padding:14px 10px}
 .book-funding-split strong{font-size:2em}
 .book-funding-split b,.book-funding-split span{font-size:13px;line-height:1.6}
 .book-funding-extra{font-size:14px;line-height:1.65;padding-top:14px}
 .book-last-note{margin:22px 0;gap:13px}
 .book-last-note .book-icon{width:2.6em;height:2.6em}
 .book-last-note p{font-size:15px;line-height:1.65;margin:0}
 .book-endmark{margin-top:24px;gap:12px}
 .book-endmark b{font-size:10px;line-height:1.6;letter-spacing:.5px}
 /* The phone reader reveals one page beneath a single turning sheet. */
 .book-leaf-viewport{inset:2px;overflow:hidden;perspective:1500px;border-radius:2px 5px 5px 2px}
 .book-leaf,.book-turn-backward .book-leaf{left:0;top:0;width:100%;height:100%;transform-origin:left center}
 .book-leaf-face,.book-turn-backward .book-leaf-front,.book-turn-backward .book-leaf-back{background-position:23% center;background-size:430% 170%;border-radius:2px}
 .book-leaf-face>.book-page.book-leaf-page,.book-leaf-back>.book-page.book-leaf-page,.book-turn-backward .book-leaf-front>.book-page.book-leaf-page,.book-turn-backward .book-leaf-back>.book-page.book-leaf-page{left:26px;right:26px;top:30px;bottom:23px;width:auto;min-height:0}
 .book-is-turning .book-leaf{animation-name:book-leaf-away}
 .book-turn-backward .book-leaf{animation-name:book-leaf-return}
 .book-controls{padding:20px 3px 0;min-height:70px;gap:12px}
 .book-page-button{min-height:44px;padding:10px 15px;gap:12px}
 .book-page-button>b{font-size:12px;line-height:1.4}
 .book-page-button>span{font-size:22px}
 .book-progress>small{display:none}
 .book-page-count{font-size:15px;line-height:1.3;letter-spacing:.2px;white-space:nowrap}
 .book-progress-dots{margin:8px 0 0}
 .book-progress-dots i{width:10px;height:4px}
 .book-progress-dots i.current{width:19px}
}
@media(max-width:600px){
 .pill-book{padding:18px 12px 24px;--book-type:15px}
 .book-toolbar{padding:0 2px 16px;gap:10px;align-items:flex-start}
 .book-toolbar h1{font-size:29px}
 .book-toolbar .book-kicker{font-size:8px;letter-spacing:.7px;line-height:1.5}
 .book-toolbar-note{padding-top:13px}
 .book-toolbar-note .book-icon{width:29px;height:29px}
 .book-toolbar-note>span{display:none}
 .book-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px;gap:4px;padding:6px 0}
 .book-chapters button{min-height:44px;font-size:12px;padding:8px;display:flex;gap:8px;align-items:center;justify-content:center}
 .book-chapters button>span{font-size:9px;display:inline;margin:0}
 .book-stage{padding:0 4px 7px}
 .book-canvas{font-size:15px;padding:29px 21px 23px;border-width:6px;border-left-width:11px;border-radius:6px 10px 10px 6px}
 .book-canvas{scroll-margin-top:12px}
 .book-page.book-left,.book-page.book-right{min-height:440px}
 .book-page h2{font-size:1.95em;line-height:1.06}
 .book-page .book-kicker{font-size:9px;letter-spacing:.7px}
 .book-page p{line-height:1.65}
 .book-welcome{gap:3%;margin-top:22px}
 .book-welcome img{width:48%}
 .book-welcome strong{font-size:1.15em}
 .book-welcome>div>span:last-child{font-size:14px;line-height:1.6}
 .book-seal{font-size:7px;padding:4px;letter-spacing:.15px}
 .book-stat{margin:22px 0 18px;gap:10px}
 .book-stat strong{font-size:2.65em}
 .book-stat .book-icon{width:3em;height:3em}
 .book-stat span{font-size:9px;letter-spacing:.3px}
 .book-rarities{margin:24px 0;gap:8px}
 .book-mini-card{width:82%}
 .book-rarities strong{font-size:1.65em}
 .book-rarities b{font-size:11px;letter-spacing:-.15px}
 .book-rarities>div>span:last-child{font-size:11px}
 .book-funding-split{gap:8px}
 .book-funding-split>div{padding:12px 7px}
 .book-funding-split b,.book-funding-split span{font-size:12px}
 .book-folio{font-size:8px;letter-spacing:.2px;gap:5px}
 .book-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 8px;padding:20px 3px 0;min-height:0}
 .book-progress{grid-column:1/-1;grid-row:1;display:flex;gap:13px;align-items:center;justify-content:center}
 .book-page-count{font-size:14px}
 .book-progress-dots{margin:0;gap:4px}
 .book-progress-dots i{width:9px}
 .book-progress-dots i.current{width:16px}
 .book-page-button{grid-row:2;min-height:44px;padding:11px 12px;gap:9px}
 .book-page-button>b{font-size:12px}
}
@media(max-width:380px){
 .pill-book{padding-left:9px;padding-right:9px}
 .book-toolbar h1{font-size:27px}
 .book-toolbar-note{display:none}
 .book-canvas{padding:27px 17px 21px}
 .book-page h2{font-size:1.8em}
 .book-page .book-kicker{font-size:8px;letter-spacing:.5px}
 .book-folio{font-size:8px;line-height:1.65}
 .book-welcome{display:block;margin-top:17px}
 .book-welcome img{width:58%;margin:0 auto 8px;transform:none}
 .book-welcome>div{padding:0;text-align:center}
 .book-welcome strong{font-size:19px;margin:12px 0}
 .book-welcome>div>span:last-child br{display:none}
 .book-seal{width:max-content;margin:auto;font-size:7px}
 .book-rarities{gap:5px}
 .book-rarities b{font-size:10px}
 .book-rarities strong{font-size:1.5em}
 .book-funding-source{gap:9px}
 .book-funding-source span{font-size:10px}
 .book-funding-split{grid-template-columns:1fr;gap:10px}
 .book-funding-split:before,.book-funding-split>div:before{display:none}
 .book-funding-split strong{font-size:29px}
 .book-funding-split b,.book-funding-split span{font-size:13px}
 .book-page-button{padding:11px 9px;gap:7px}
 .book-page-button>b{font-size:11px}
}
/* Keep the collection's illustrated cards within a single sheet at laptop size. */
@media(min-width:901px){.book-compact .book-rarities{margin:.5em 0 .55em}.book-compact .book-mini-card{width:54%;margin-bottom:.3em}.book-compact .book-rarities strong{font-size:1.35em}}
@keyframes book-leaf-away{from{transform:rotateY(0deg)}to{transform:rotateY(-105deg)}}
@keyframes book-leaf-return{from{transform:rotateY(-105deg)}to{transform:rotateY(0deg)}}
@media(max-width:600px){.book-leaf-face>.book-page.book-leaf-page,.book-turn-backward .book-leaf-front>.book-page.book-leaf-page,.book-turn-backward .book-leaf-back>.book-page.book-leaf-page{left:19px;right:19px;top:27px;bottom:21px}}
@media(max-width:380px){.book-leaf-face>.book-page.book-leaf-page,.book-turn-backward .book-leaf-front>.book-page.book-leaf-page,.book-turn-backward .book-leaf-back>.book-page.book-leaf-page{left:15px;right:15px;top:25px;bottom:19px}}
@media(prefers-reduced-motion:reduce){.book-pages,.book-page-button,.book-chapters button{transition:none}.book-leaf-viewport{display:none}.book-leaf{animation:none}}