.story-club{margin:12px 0 26px;padding:23px;border:1px solid #d7e9ed;border-radius:28px;background:linear-gradient(130deg,#e6f8fb 0%,#f7f3ff 66%,#fff4d9 100%);box-shadow:0 10px 30px #32255d08;overflow:hidden}
.club-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.club-eyebrow{font-size:14px;font-weight:700;letter-spacing:.02em;color:#356b6c}.club-quiet{padding:7px 12px;border:1px solid #d7cde9;border-radius:20px;background:#ffffffc9;color:#534274;font-size:14px;min-height:40px}.club-quiet[aria-pressed=true]{background:#ede4ff;border-color:#ad92d8}
.club-friend-effects{font-size:13px;color:#6b577b;margin-top:9px}.club-friend-effects summary{cursor:pointer;min-height:30px}.club-friend-effects .club-voice{margin-top:4px}
.story-play{margin:28px 0;padding:25px;background:#fff;border:1px solid #e4d9f2;border-radius:24px;scroll-margin-top:110px}.play-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.play-heading h2{font-size:27px;margin-top:6px}.story-quiz>p{font-size:16px;color:#6b627a;margin-top:14px}.quiz-question{margin:22px 0 0;padding:18px;border:1px solid #dfd9ed;border-radius:17px;min-width:0}.quiz-question legend{font-size:19px;font-weight:700;padding:0 6px}.quiz-choices{display:flex;flex-wrap:wrap;gap:9px}.quiz-choices button{flex:1 1 120px;min-height:46px;padding:9px 13px;border:1px solid #cbbce6;border-radius:12px;background:#f6f1ff;font:inherit;font-size:17px;color:#5b4088;overflow-wrap:anywhere}.quiz-choices button[aria-pressed=true]{background:#eee2ff;border-color:#9971cf}.quiz-solved{border-color:#8ac9af;background:#f7fffb}.quiz-solved button[aria-pressed=true]{background:#d9f3e5;border-color:#4c9f79;color:#236a48}.quiz-feedback{font-size:16px;color:#5d5471;margin:13px 0 0}.quiz-feedback:empty{display:none}.quiz-answer{font-size:14px;color:#6b6278;margin-top:13px}.quiz-answer summary,.star-game summary{cursor:pointer;min-height:36px}.quiz-answer p{margin:9px 0 0}.quiz-complete{padding:15px;background:#fff7d5;border-radius:13px;font-weight:700}.quiz-complete[hidden]{display:none}.star-game{border-top:1px dashed #d9cce8;margin-top:25px;padding-top:19px}.star-game summary{font-size:20px;font-weight:700;color:#70508e}.star-game>p{font-size:16px;margin:10px 0;color:#675972}.star-garden{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:340px;margin:15px auto}.star-garden button{min-height:70px;border:1px solid #e4dab9;background:#fff9e8;border-radius:18px;font-size:35px;transition:transform .15s}.star-garden button:active{transform:scale(.94)}.star-garden button.star-found{background:#f0e8ff;border:2px solid #a188cf;opacity:.65}.star-garden button:disabled{cursor:default}@media(max-width:480px){.story-play{padding:18px}.play-heading h2{font-size:24px}.quiz-question{padding:14px}.quiz-question legend{font-size:18px}.quiz-choices{flex-direction:column}.quiz-choices button{flex-basis:auto}}
.club-welcome{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:center;margin:14px 0}.club-stage{position:relative;width:230px;height:210px;isolation:isolate}.club-orbit{position:absolute;inset:20px 8px 2px;border-radius:50%;background:radial-gradient(ellipse,#fef5d0,#cceee9);border:1px solid #fff;transform:rotate(-12deg)}.club-elephant{position:absolute;width:176px;height:176px;bottom:0;left:0;object-fit:contain;filter:drop-shadow(0 9px 5px #316b6720);transform-origin:50% 90%;animation:gajju-hello 1.4s ease-in-out 1}.club-bird{position:absolute;width:106px;height:106px;right:0;top:0;object-fit:contain;filter:drop-shadow(0 6px 5px #316b671a);animation:chiu-hello 2.8s ease-in-out 1}.club-spark{position:absolute;color:#c08813;font:28px/1 Georgia,serif}.club-spark-one{left:4px;top:23px}.club-spark-two{bottom:24px;right:0}.club-stage.is-playing .club-elephant{animation:gajju-mischief 2.4s ease-in-out 1}.club-stage.is-playing .club-bird{animation:chiu-mischief 2.4s ease-in-out 1}.club-stage.is-playing .club-spark{animation:club-sparkle 1.2s ease-in-out 2}
.club-speaker{display:inline-block;background:#fff9;color:#74501c;padding:3px 9px;border-radius:8px;font-size:13px;font-weight:700}.club-invitation h2{font-size:29px;line-height:1.4;margin:7px 0;color:#383058}.club-dialogue{font-size:18px;line-height:1.65;color:#56536b;margin:0 0 10px;min-height:60px}.club-mischief{border:0;background:transparent;color:#6742b3;text-decoration:underline;text-underline-offset:4px;padding:6px 0;font-size:15px;font-weight:700;min-height:44px}
.club-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}.club-primary,.club-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 17px;min-height:46px;border-radius:13px;font-size:17px;font-weight:700;line-height:1.4}.club-primary{background:var(--purple);color:#fff;box-shadow:0 3px 0 var(--purple-dark);border:1px solid var(--purple)}.club-secondary{border:1px solid #c9bbdf;background:#fff;color:#5d4097}.club-primary:hover{background:var(--purple-dark)}.club-secondary:hover:not(:disabled){background:#faf7ff}.club-secondary:disabled{color:#706b7b;background:#f5f4f7;border-color:#dcd8e3;cursor:not-allowed;box-shadow:none}
.club-friend-voices{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.club-voice{border:1px solid #dbd0ec;border-radius:20px;background:#ffffffb8;color:#665076;font:inherit;font-size:13px;padding:6px 10px;min-height:40px}.club-voice[hidden]{display:none}.club-stage.is-talking .club-bird{animation:chiu-mischief 2.4s ease-in-out infinite}.club-stage.is-talking .club-elephant{animation:gajju-mischief 2.4s ease-in-out infinite}.club-calm .club-stage *{animation:none!important}.club-recorded-audio{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:17px}.club-recorded-audio audio{flex:1 1 240px;max-width:100%;width:100%;height:46px}.club-recorded-audio label{display:flex;align-items:center;gap:8px;font-size:14px;color:#635775}.club-recorded-audio select{border:1px solid #d6cde4;border-radius:9px;background:white;padding:7px;font:inherit;font-size:14px}.club-audio-note:empty{display:none}
.club-audio{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px solid #d5d9e4;margin-top:18px;padding-top:15px}.club-audio[hidden]{display:none}.club-audio button,.club-audio select{min-height:42px;border:1px solid #d6cde4;border-radius:10px;background:white;color:#4c3a6a;font:inherit;font-size:14px;padding:7px 11px}.club-audio label{display:flex;align-items:center;gap:7px;font-size:14px;margin-left:auto}.club-audio progress{display:block;flex:1 1 100%;width:100%;height:6px;accent-color:#6941c6}.club-audio-note{font-size:13px;line-height:1.65;color:#636074;margin:12px 0 0}.narration-current{background:#fff3cb;border-radius:8px;box-shadow:0 0 0 6px #fff3cb}
.picture-book{margin:28px 0;padding:25px;background:#fffdf7;border:1px solid #e9dfc8;border-radius:25px;box-shadow:0 8px 0 #eee8d966;scroll-margin-top:115px}.book-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.book-heading h2{font-size:26px;margin-top:4px}.book-page-number{background:#f1eafa;border-radius:50px;padding:7px 14px;font-size:16px;font-weight:700;white-space:nowrap;color:#6742aa}.book-description{font-size:14px;color:#766e64;margin:9px 0 18px}.book-page{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;margin:0 0 22px}.book-page[hidden]{display:none}.book-illustration{width:100%;aspect-ratio:1;border-radius:19px;background-image:url('../media/storybooks/thirsty-crow-panels.webp');background-size:200% 200%;background-repeat:no-repeat;box-shadow:0 6px 16px #694c2320}.scene-crow-0{background-position:0 0}.scene-crow-1{background-position:100% 0}.scene-crow-2{background-position:0 100%}.scene-crow-3{background-position:100% 100%}.book-page.page-arriving{animation:book-turn .45s ease-out 1}.book-chapter{font-size:13px;color:#8e6029;font-weight:700}.book-page h3{font-size:26px;margin:7px 0 14px}.book-page p{font-size:21px;line-height:1.85;margin:0;color:#524b60}.book-navigation{display:flex;justify-content:space-between;gap:12px}.book-navigation button{font:inherit;font-size:16px;font-weight:700;padding:10px 17px;border:1px solid #d0c1e8;background:#f3edfc;color:#62428e;min-height:46px;border-radius:12px}.book-navigation button:disabled{color:#837d8c;background:#f6f4f0;border-color:#e6e1d8}.book-question{margin-top:22px;border-top:1px dashed #d8cab4;padding-top:18px;font-size:17px}.book-question summary{cursor:pointer;font-weight:700;color:#5f4b2a;min-height:44px}.book-question p{margin:10px 0 0;color:#625c6b}.club-calm .club-welcome{display:none}.club-calm .story-club{background:#f5f4f9;padding:19px}.club-calm .club-actions{margin-top:17px}.club-calm .brand-logo{animation:none!important;transform:none!important}.club-calm .page-arriving{animation:none!important}
html:not(.js) .club-js{display:none!important}
@keyframes gajju-hello{0%{opacity:0;transform:translateY(15px) rotate(-6deg)}65%{opacity:1;transform:translateY(-5px) rotate(3deg)}100%{opacity:1;transform:none}}
@keyframes chiu-hello{0%{opacity:0;transform:translate(30px,-20px) rotate(12deg)}60%{opacity:1;transform:translate(-8px,9px) rotate(-8deg)}100%{opacity:1;transform:none}}
@keyframes gajju-mischief{0%,100%{transform:none}20%,60%{transform:rotate(-6deg) translateY(-5px)}40%,80%{transform:rotate(5deg)}}
@keyframes chiu-mischief{0%,100%{transform:none}25%{transform:translate(-20px,-9px) rotate(-12deg)}50%{transform:translate(-36px,8px) rotate(-4deg)}75%{transform:translate(-10px,-10px) rotate(9deg)}}
@keyframes club-sparkle{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}
@keyframes book-turn{from{opacity:.5;transform:translateX(12px)}to{opacity:1;transform:none}}
@media(max-width:720px){.story-club{padding:18px;border-radius:22px}.club-welcome{grid-template-columns:140px minmax(0,1fr);gap:14px}.club-stage{width:140px;height:160px}.club-elephant{width:125px;height:125px;left:-5px}.club-bird{width:73px;height:73px;right:-7px}.club-orbit{inset:35px 0 0}.club-spark{font-size:21px}.club-invitation h2{font-size:23px}.club-dialogue{font-size:16px;min-height:0}.club-topline{gap:8px}.club-eyebrow{font-size:13px}.club-actions>*{flex:1 1 auto;font-size:16px}.club-audio label{margin-left:0}.picture-book{padding:17px;border-radius:21px}.book-page{gap:17px}.book-page h3{font-size:23px}.book-page p{font-size:19px}.book-heading h2{font-size:23px}.book-navigation button{font-size:15px;padding-inline:12px}}
@media(max-width:480px){.club-welcome{grid-template-columns:1fr;gap:0;margin-top:5px}.club-stage{width:195px;height:166px;margin:0 auto}.club-elephant{width:153px;height:153px}.club-bird{width:90px;height:90px;right:0}.club-invitation{text-align:center}.club-dialogue{margin-bottom:4px}.club-mischief{padding-bottom:10px}.book-page{grid-template-columns:1fr}.book-illustration{max-width:380px;justify-self:center}.book-page figcaption{padding:0 4px}.book-page h3{margin-bottom:8px}.book-page p{font-size:20px}.book-page-number{font-size:14px;padding:6px 10px}}
@media(prefers-reduced-motion:reduce){.story-club *, .picture-book *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}