/* A real rendered hardcover beneath accessible, selectable printed pages. */
.welcome-reader{background-color:#d5b894}
.welcome-reader:before{background:linear-gradient(transparent 0 19vw,#5c392514 35vw,#4b2c2729 100%)}
.wr-heading{padding-top:clamp(75px,15vw,235px);margin:8px 0 20px}
.wr-heading p{color:#654c5b;letter-spacing:.24em;font-size:11px}
.wr-heading h1{font-size:clamp(25px,2.5vw,36px);color:#513849}
.wr-stage{position:relative;width:min(1180px,86vw);height:clamp(390px,47svh,570px);margin:0 auto 34px;isolation:isolate}
#physical-book{position:absolute;inset:0;z-index:0;pointer-events:none}
#physical-book canvas{position:absolute;left:-50px;top:-50px;width:calc(100% + 100px);height:calc(100% + 100px);filter:drop-shadow(0 22px 22px #3b263438)}
.wr-book{width:100%;height:100%;min-height:0!important;margin:0;border:0;border-radius:2px;background:transparent;box-shadow:none;animation:none;opacity:0;visibility:hidden;transition:opacity .35s ease;z-index:1;grid-template-columns:1fr 1fr;display:grid;position:relative}
.wr-book:after{width:64px;background:linear-gradient(90deg,transparent,#7056340c 20%,#5031194f 47%,#e4c99f55 52%,#fff5de00 100%);z-index:4}
.wr-opened .wr-book{opacity:1;visibility:visible}
.wr-picture{margin:15px 0 15px 15px;border-radius:1px;background:#f9f0da;height:auto;aspect-ratio:auto;align-self:stretch;box-shadow:inset 0 0 15px #6751351a}
.wr-picture>img{object-fit:contain;background:#fbf1de}
.wr-paper{height:100%;padding:27px 38px 28px 34px;align-self:stretch;overflow:auto;background:linear-gradient(90deg,#e6d4b3 0,#fff6e3 8%,#fff8e9 72%,#f5e8ca);border-radius:0 3px 4px 0;scrollbar-width:thin;scrollbar-color:#c2a578 transparent}
.wr-page-top{font-size:11px;letter-spacing:.13em;color:#937c5f;border-bottom:1px solid #c9b38a66;padding-bottom:12px;margin-bottom:20px}
#prose{font-size:clamp(18px,1.36vw,22px);line-height:1.55;color:#443741}
#prose p{margin-bottom:.8em}#prose em{color:#795572}
.wr-bookmark{right:26px;top:-13px;z-index:6;width:39px;padding:10px 3px 21px;background:linear-gradient(90deg,#735c82,#a185ae 20%,#85658e 80%,#614c70);box-shadow:2px 3px 7px #31203933;filter:none;gap:4px}
.wr-bookmark>span{font-size:15px}.wr-bookmark b{font-size:12px}.wr-bookmark small{font-size:8px}.wr-page-top{padding-right:35px}
.wr-open{position:absolute;z-index:8;left:50%;bottom:-23px;transform:translateX(-50%);border:1px solid #e5c58c!important;padding:14px 30px;border-radius:30px;background:linear-gradient(#fff5df,#eddbb6);color:#573d4d!important;box-shadow:0 5px 18px #321b323b;font-family:Fredoka!important;font-size:20px!important;white-space:nowrap}
.wr-open span{padding-left:14px}.wr-open:disabled{opacity:.65;cursor:wait}
.wr-controls,.wr-saved,.wr-grownups{visibility:hidden;opacity:0}.wr-opened .wr-controls,.wr-opened .wr-saved,.wr-opened .wr-grownups{visibility:visible;opacity:1}
.wr-controls{width:min(660px,86vw);margin:12px auto 0;transition:opacity .4s}
.wr-controls>button{background:linear-gradient(#fff7e4,#e9d7b5);border:1px solid #cbae7b;width:48px;height:48px;box-shadow:0 4px 10px #513b3033;color:#695065}
.wr-audio-controls{background:#fff4e2dd;border:1px solid #c9ad8280;box-shadow:0 5px 18px #50352c1a;padding:4px;backdrop-filter:blur(10px)}
.wr-audio-controls button{font-size:14px;padding:12px 20px}.wr-audio-controls #listen[aria-pressed=true]{background:#694b76;color:#fff6e6}.wr-audio-controls #self[aria-pressed=true]{background:#e9d7b5;color:#624857}
.wr-saved{font-size:11px;color:#695243}.wr-grownups{margin:20px auto;color:#695243}
.wr-turning #physical-book{z-index:5}.wr-turning .wr-book{pointer-events:none}.wr-turning .wr-controls>button{pointer-events:none;opacity:.5}
.wr-turning .wr-bookmark{opacity:0}.wr-turning .wr-paper{scrollbar-width:none}
.wr-book-fallback .wr-book{background:#fff3dc;box-shadow:0 5px #d9c5a2,0 10px #654872,0 25px 45px #49312255}
.wr-book-fallback:not(.wr-opened) .wr-book{visibility:visible;opacity:.5}
@media(max-width:800px){
.wr-heading{padding-top:max(24px,calc(20vw - 58px));margin-bottom:22px}.wr-heading p{font-size:9px}.wr-stage{width:90vw;height:clamp(390px,57svh,620px);margin-bottom:30px}.wr-book{display:grid;grid-template-columns:44% 56%;border-radius:0}.wr-picture{margin:8px 0 8px 8px;min-height:0}.wr-paper{padding:20px 13px 20px 18px;min-height:0}#prose{font-size:16px;line-height:1.5}.wr-page-top{font-size:9px;display:block;padding-right:8px;margin-bottom:14px}.wr-page-top span:last-child{display:none}.wr-book:after{display:block;left:44%;width:25px}.wr-bookmark{right:14px;top:-16px;width:32px}.wr-bookmark small{display:none}.wr-controls{position:relative;bottom:auto;background:transparent;width:94vw;padding:0;gap:6px;backdrop-filter:none}.wr-audio-controls button{padding:12px 10px;font-size:12px}.wr-controls>button{width:40px;height:40px}.wr-open{font-size:18px!important}.welcome-reader.large #prose{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.wr-book,.wr-controls{transition:none}}

@media(min-width:801px){.wr-stage{transform:perspective(1800px) rotateX(9deg) rotateZ(-.6deg);transform-origin:50% 70%}.wr-stage{margin-bottom:42px}}

.wr-book-rest{position:absolute;left:-50px;top:-50px;width:calc(100% + 100px);height:calc(100% + 100px);z-index:0;pointer-events:none;filter:drop-shadow(0 22px 22px #3b263438)}
@media(max-width:800px){.wr-book{grid-template-columns:1fr 1fr}.wr-book:after{left:50%}}

#story:focus{outline:none}.wr-team .wr-paper{display:flex;flex-direction:column;justify-content:center}.wr-team #prose p:first-child{font-family:Fredoka,sans-serif;font-size:clamp(26px,2.5vw,38px);line-height:1.2;color:#654775;margin:4px 0 22px}.wr-team #prose{font-size:clamp(19px,1.5vw,24px);line-height:1.6}.wr-team #team-moment{margin-top:14px;color:#806950}.wr-team #team-activity{font-size:17px}.wr-team .wr-page-top{margin-bottom:25px}.wr-turning .wr-stage{animation:book-handling .78s ease-in-out}@keyframes book-handling{0%,100%{transform:perspective(1800px) rotateX(9deg) rotateZ(-.6deg)}45%{transform:perspective(1800px) translateY(-5px) rotateX(10deg) rotateZ(.15deg)}}@media(max-width:800px){.wr-team .wr-paper{justify-content:flex-start}.wr-team #prose{font-size:16px}.wr-turning .wr-stage{animation:none}}@media(prefers-reduced-motion:reduce){.wr-turning .wr-stage{animation:none}}

.wr-music-control{text-align:center;margin:10px auto;visibility:hidden}.wr-opened .wr-music-control{visibility:visible}#music-toggle{background:#fff4e2dd;border:1px solid #c9ad82;border-radius:20px;padding:7px 15px;color:#624857;font-size:13px}.wr-music-control:not(:has(button:not([hidden]))){display:none}

#page-sound-toggle{background:#fff4e2dd;border:1px solid #c9ad82;border-radius:20px;padding:7px 15px;color:#624857;font-size:13px;margin-left:8px}

/* Reserve the full toy shelf before placing the title and book. */
.wr-heading{padding-top:max(28px,calc(19vw - 68px));margin:8px 0 26px;padding-left:20px;padding-right:20px}.wr-heading p{display:none}.wr-heading h1{display:inline-block;max-width:100%;padding:12px 28px;border:1px solid #ceb388;border-radius:14px;background:#fff6e5f5;color:#50354f;box-shadow:0 4px 15px #52382b24;text-shadow:none;font-size:clamp(24px,2.3vw,36px);line-height:1.25}
.wr-reading-tools{text-align:center}.wr-reading-tools #page-position{margin:0 0 7px;font-size:16px;line-height:1.2;font-weight:800;color:#50354f;background:#fff6e5ed;border:1px solid #d6bc97;border-radius:16px;padding:5px 15px;display:table;margin-left:auto;margin-right:auto}.wr-controls{align-items:center}.wr-controls>button{margin-top:27px}.wr-page-top{font-size:13px;color:#705c49}.wr-bookmark b{font-size:14px}.wr-bookmark small{font-size:10px}
@media(max-width:800px){.wr-heading{padding-top:max(20px,calc(19vw - 58px));margin-bottom:22px}.wr-heading h1{padding:10px 17px;font-size:24px}.wr-reading-tools #page-position{font-size:14px}.wr-page-top{font-size:11px}}

.welcome-reader{background-attachment:scroll}@media(min-width:801px){.wr-stage{height:clamp(360px,calc(100svh - 19vw - 260px),570px)}}

/* Story decisions belong on the illustrated page, leaving the prose undisturbed. */
.wr-picture #choices{position:absolute;z-index:5;left:18px;right:18px;bottom:18px;margin:0;padding:14px;border-radius:18px;background:linear-gradient(135deg,#fff7eaf5,#f7e7cdf2);box-shadow:0 5px 20px #36233e35;border:1px solid #d3b98d}
.wr-picture #choices[hidden]{display:none}
.wr-picture #choices h2{font-size:20px;line-height:1.2;margin:0 0 10px;color:#513849}
.wr-picture #choices button{font-size:16px;min-height:48px;padding:10px 13px;margin:8px 0 0;line-height:1.25;border:1px solid #c8aa70;background:#f5dfae;color:#493745;box-shadow:0 2px 0 #b99a63}
.wr-picture #choices button[data-choice=B]{background:#e7ddf0;border-color:#b39abe;box-shadow:0 2px 0 #a78bb7}
.wr-picture #choices button span{font-size:24px}
.wr-picture #choices button:hover{filter:brightness(1.045)}
@media(max-width:800px){.wr-picture #choices{left:5px;right:5px;bottom:8px;padding:8px;border-radius:12px}.wr-picture #choices h2{font-size:16px}.wr-picture #choices button{font-size:14px;padding:9px 8px;gap:6px}.wr-picture #choices button span{font-size:18px}}

.wr-mini-story #prose p:first-child{font-family:Nunito,sans-serif;font-size:inherit;line-height:inherit;color:inherit;margin:0 0 .8em}.wr-mini-story #prose{font-size:clamp(18px,1.35vw,22px);line-height:1.5}.wr-mini-story .wr-paper{justify-content:flex-start}

/* Questions use the paper; large answer buttons live on the picture page. */
.wr-quiz #prose,.wr-quiz .wr-page-top,.wr-quiz #ending,.wr-quiz #team-moment,.wr-quiz #status,.wr-quiz #activity,.wr-quiz #bowl,.wr-quiz #choices,.wr-quiz .wr-controls>button,.wr-quiz .wr-audio-controls{display:none!important}
.wr-quiz .wr-paper{justify-content:center}.wr-quiz .wr-bookmark{visibility:hidden}
#quiz-question h2{font:500 clamp(23px,2.4vw,32px)/1.3 Fredoka,sans-serif;color:#614374;margin:0 0 18px}#quiz-question p{font-size:18px;line-height:1.5}#quiz-question h2:focus{outline:none}
#quiz-answers{position:absolute;bottom:18px;left:18px;right:18px;z-index:5;padding:12px;border-radius:18px;background:#fff4e6ed;box-shadow:0 5px 18px #46324944}
#quiz-answers[hidden],#quiz-question[hidden]{display:none}
#quiz-answers button,#quiz-question button{display:block;width:100%;min-height:48px;padding:12px;margin:8px 0;border:1px solid #bda1cb;border-radius:13px;background:#eee1f3;color:#4e365d;font:800 17px/1.3 Nunito,sans-serif;text-align:left}
#quiz-question button{text-align:center;background:#6e4d80;color:white}#quiz-answers button:disabled{opacity:.65;cursor:default}#quiz-question .quiz-saved{font-size:14px}
#start-quiz{background:#6e4d80!important;color:white!important;font-weight:800}
@media(max-width:800px){#quiz-answers{left:5px;right:5px;bottom:8px;padding:6px}#quiz-answers button{font-size:14px;padding:8px}#quiz-question h2{font-size:22px}#quiz-question p{font-size:16px}}

.wr-picture #ending{position:absolute;left:18px;right:18px;bottom:18px;z-index:5;background:#fff6e9f2;padding:12px;border-radius:16px;box-shadow:0 4px 15px #38263b33;margin:0}.wr-picture #ending[hidden]{display:none}.wr-picture #ending p:empty{display:none}.wr-picture #ending p{margin:5px 0;font-size:15px}.wr-picture #ending button,.wr-picture #ending a{margin-top:7px;padding:10px;font-size:15px}.wr-quiz .wr-grownups{display:none}

.quiz-voice-controls{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}#quiz-question .quiz-voice-controls button{width:auto;min-height:40px;font-size:14px;padding:8px 12px;margin:0}.quiz-voice-status:empty{display:none}#quiz-question .quiz-voice-status{font-size:13px;margin:2px 0;width:100%}#quiz-question p{margin:10px 0}

/* Quiz answers follow their question on the right-hand paper page. */
#quiz-question #quiz-answers{position:static;padding:0;margin:10px 0;box-shadow:none;border-radius:0;background:transparent}
#quiz-question #quiz-answers button{background:#eee1f3;color:#4e365d;text-align:left;margin:6px 0;padding:9px 12px;min-height:44px;font-size:16px}
#quiz-question h2{font-size:clamp(22px,2vw,29px);margin-bottom:8px}
#quiz-question p{font-size:16px;margin:7px 0;line-height:1.35}
#quiz-question>button{width:auto;display:inline-block;min-height:38px;margin:4px 6px 0 0;padding:8px 13px;font-size:14px}
.quiz-voice-controls{margin:8px 0;gap:6px}
.wr-quiz .wr-paper{justify-content:flex-start;padding-top:22px;padding-bottom:18px}

/* Keep the printed spread attached to the opening cover. */
.wr-unfolding:not(.wr-opened) .wr-book{visibility:visible;opacity:var(--paper-reveal,0);transition:none;pointer-events:none}

.wr-physical-ready:not(.wr-opened) #physical-book{animation:book-settle .55s cubic-bezier(.22,.61,.24,1) both}
@keyframes book-settle{from{opacity:.4;translate:0 -8px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.wr-physical-ready:not(.wr-opened) #physical-book{animation:none}}

/* Keep the opening control below the printed author credit. */
.wr-open{bottom:-76px}

/* One gentle glow behind the opening spread; never over the printed words. */
.wr-unfolding:not(.wr-opened) .wr-stage::before{content:'';position:absolute;inset:-12% -5%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 60%,#ffe6a982 0%,#ffe7b02e 40%,transparent 70%);animation:spellbook-glow 2.4s ease-in-out both}
.wr-unfolding:not(.wr-opened) .wr-stage::after{content:'';position:absolute;left:35%;top:10%;width:30%;height:70%;pointer-events:none;z-index:7;background:radial-gradient(circle at 25% 75%,#fff8df 0 2px,transparent 4px),radial-gradient(circle at 70% 65%,#ffe2a7 0 2px,transparent 4px),radial-gradient(circle at 45% 40%,#fff8df 0 1px,transparent 3px);animation:spellbook-dust 2.4s ease-out both}
@keyframes spellbook-glow{0%,100%{opacity:0;scale:.9}40%{opacity:1;scale:1.05}}
@keyframes spellbook-dust{0%{opacity:0;translate:0 30px}35%{opacity:.75}100%{opacity:0;translate:0 -60px}}
@media(prefers-reduced-motion:reduce){.wr-unfolding .wr-stage::before,.wr-unfolding .wr-stage::after{display:none}}

/* Keep the way back to the library obvious and easy to tap. */
.wr-header>a{display:inline-flex;align-items:center;min-height:48px;padding:12px 20px;border:2px solid #80576f;border-radius:999px;background:#fff3dc;color:#583449;font:600 18px/1.2 Fredoka,sans-serif;text-decoration:none;box-shadow:0 4px 12px #58344930;white-space:nowrap}
.wr-header>a:hover{background:#f7d8e3;border-color:#583449}
.wr-header>a:focus-visible{outline:3px solid #583449;outline-offset:4px}
@media(max-width:600px){.wr-header>a{min-height:44px;padding:10px 13px;font-size:15px}.wr-header>span{display:none}}

/* Library prose is laid out as turning leaves, never a scrollable text box. */
.wr-library .wr-paper{overflow:hidden}
.wr-library #status{min-height:18px;margin-top:10px;font-size:12px}
@media(max-width:600px){.wr-library .wr-paper{padding:18px 10px 16px 14px}.wr-library .wr-page-top{margin-bottom:12px;padding-bottom:8px}.wr-library .wr-heading{margin-bottom:18px}.wr-library .wr-heading h1{font-size:21px}.wr-library .wr-stage{height:max(480px,calc(100svh - 260px))}.wr-library #prose{font-size:16px;line-height:1.45}.wr-library.large #prose{font-size:20px}.wr-library.wr-quiz .wr-stage{height:max(580px,calc(100svh - 210px))}.wr-library.wr-quiz #quiz-question h2{font-size:20px}.wr-library.wr-quiz #quiz-question p{font-size:14px}.wr-library.wr-quiz #quiz-answers button{font-size:14px;padding:8px}.wr-library.wr-quiz #quiz-question .quiz-voice-controls button{font-size:12px;padding:8px}.wr-library.wr-quiz #quiz-answers a{font-size:14px}}
/* The quiz uses a taller spread so its question, choices and controls stay on paper. */
.wr-quiz .wr-stage{height:max(520px,calc(100svh - 19vw - 240px))}
@media(max-width:600px){.wr-library.wr-quiz .wr-stage{height:max(680px,calc(100svh - 210px))}#quiz-answers a{display:block;min-height:44px;padding:9px 6px;text-align:center}}

.wr-activity.library-activity{position:absolute;inset:0;transform:none;width:auto;height:auto;display:block;pointer-events:none;z-index:4}
.library-activity-card{position:absolute;left:10px;right:10px;bottom:12px;text-align:center;pointer-events:auto;background:#fff6e9ed;border:1px solid #d3b98d;border-radius:14px;padding:8px;box-shadow:0 3px 12px #38263b25}
.library-activity-card button{min-height:44px;padding:8px 14px;background:#f3e1b9;border-radius:20px;color:#513849;font-weight:800}
.library-activity-card p{margin:4px 0;font-size:14px;line-height:1.25}.library-activity-card p:empty{display:none}
.wr-activity .library-find-point{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px;min-width:40px;padding:0;border:2px solid #fff5df;border-radius:50%;background:#624575d9;color:white;font-size:23px;pointer-events:auto;box-shadow:0 2px 10px #25103355}
.wr-activity .library-find-point[aria-pressed=true]{background:#406d54}.library-find-point:focus-visible{outline:3px solid #f0c05d;outline-offset:3px}
@media(max-width:800px){.library-activity-card{left:4px;right:4px;padding:6px}.library-activity-card button,.library-activity-card p{font-size:12px}}

.wr-activity .library-find-point[hidden]{display:none}.wr-activity .library-find-point.library-found-small{width:18px;height:18px;min-width:18px;font-size:12px;border-width:1px;pointer-events:none}