@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@500;600;700;800&display=swap";:root{font-family:Nunito,system-ui,sans-serif;color:#27324a;background:#fffaf0;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #27324a;--cream: #fffaf0;--coral: #ff785f;--line: #e9dfd0}*{box-sizing:border-box}html{min-width:320px;background:var(--cream)}body{margin:0;min-width:320px;min-height:100vh}button,input,label{font:inherit}button,label{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,label:has(input:focus-visible){outline:4px solid #2e8ccf;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.wordmark{font-family:Fredoka,system-ui,sans-serif}.app-shell{min-height:100vh;background:radial-gradient(circle at 15% 8%,#fff3d7 0 3%,transparent 22%),var(--cream)}.app-header{height:88px;padding:0 clamp(24px,6vw,90px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(39,50,74,.08)}.wordmark{border:0;background:transparent;display:flex;align-items:center;gap:10px;font-size:28px;font-weight:700;cursor:pointer}.logo-fold{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:30px;background:var(--coral);transform:rotate(-6deg)}.collection-button{min-height:48px;border:2px solid var(--ink);border-radius:99px;background:#fff;padding:8px 17px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 var(--ink)}.collection-button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.count-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:7px;padding:0 5px;color:#fff;border-radius:50%;background:var(--coral)}.home-page,.preview-page,.collection-page{width:min(1180px,calc(100% - 48px));margin:0 auto}.hero{min-height:440px;display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:30px;padding:46px 4% 35px}.eyebrow{display:inline-block;margin-bottom:12px;color:#e45b49;font-size:13px;font-weight:900;letter-spacing:.15em}.hero h1{margin-bottom:18px;font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-.035em}h1 em{color:var(--coral);font-style:normal}.hero p{color:#617087;font-size:20px;line-height:1.55}.hero-art{position:relative;height:340px;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;inset:25px 12%;border-radius:51% 49% 43% 57%/46% 37% 63% 54%;background:#ffe7ae;transform:rotate(-5deg)}.hero-art svg{position:relative;width:min(330px,75%);filter:drop-shadow(0 16px 8px rgba(55,48,38,.13));transform:rotate(4deg);animation:float 3.2s ease-in-out infinite}.sun{position:absolute;right:13%;top:5%;width:70px;height:70px;display:grid;place-items:center;color:#e77850;border-radius:50%;background:#ffd266;font-size:32px}.doodle{position:absolute;font-size:56px;color:#699ecc}.doodle-one{left:2%;bottom:15%}.doodle-two{right:4%;bottom:10%;color:#7ea951}@keyframes float{50%{transform:rotate(1deg) translateY(-10px)}}.lesson-section{padding:20px 0 80px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-heading h2{margin-bottom:0;font-size:36px}.section-heading p{color:#728097;font-weight:700}.animal-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.animal-card{position:relative;min-height:275px;grid-column:span 2;display:flex;flex-direction:column;text-align:left;padding:0;overflow:hidden;border:2px solid var(--ink);border-radius:24px;background:#fff;cursor:pointer;box-shadow:0 6px 0 var(--ink);transition:transform .2s,box-shadow .2s}.animal-card:nth-child(4){grid-column:2 / span 2}.animal-card:hover:not(:disabled){transform:translateY(-5px) rotate(-.4deg);box-shadow:0 11px 0 var(--ink)}.animal-card.locked{border-color:#c9c4bc;box-shadow:0 5px #c9c4bc;filter:grayscale(.6);cursor:not-allowed}.animal-art-wrap{height:142px;width:100%;display:grid;place-items:center}.animal-art-wrap svg{width:150px;height:130px}.card-copy{padding:16px 18px 18px}.card-copy h3{margin-bottom:4px;font-size:24px}.card-copy p{min-height:21px;margin-bottom:10px;color:#68758a;font-size:14px;font-weight:700}.card-meta{display:flex;gap:8px;color:#8993a3;font-size:13px;font-weight:800}.card-number,.lock-bubble{position:absolute;z-index:2;top:12px;left:12px;width:34px;height:34px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:#fff;font-weight:900}.lock-bubble{left:auto;right:12px;border-color:#aaa}.card-arrow{position:absolute;right:18px;bottom:15px;font-size:24px;font-weight:900}.mini-progress{height:5px;margin-top:10px;overflow:hidden;border-radius:9px;background:#eee}.mini-progress span{display:block;height:100%}.back-link{margin:30px 0 20px;min-height:44px;padding:0;border:0;background:transparent;font-weight:900;cursor:pointer}.preview-card{min-height:600px;display:grid;grid-template-columns:1fr 1.05fr;overflow:hidden;margin-bottom:60px;border:2px solid var(--ink);border-radius:32px;background:#fff;box-shadow:0 8px 0 var(--ink)}.preview-art{position:relative;display:grid;place-items:center;min-height:550px}.preview-art svg{width:76%;max-width:410px;filter:drop-shadow(0 18px 10px rgba(30,40,50,.13))}.preview-sticker{position:absolute;left:9%;bottom:10%;padding:9px 16px;border:2px solid var(--ink);border-radius:99px;background:#fff7c9;font-family:Fredoka;font-weight:700;transform:rotate(-5deg)}.preview-copy{padding:clamp(36px,6vw,72px);display:flex;flex-direction:column;justify-content:center}.preview-copy h1{margin-bottom:0;font-size:clamp(52px,7vw,72px)}.preview-copy .tagline{color:#69778b;font-size:20px;font-weight:700}.lesson-facts{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 25px}.lesson-facts span{padding:8px 12px;border-radius:10px;background:#f6f2eb;font-size:13px}.ready-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:17px;border:2px solid #ded7ca;border-radius:18px}.paper-icon{width:54px;height:54px;display:grid;place-items:center;color:var(--coral);border-radius:14px;background:#fff0d4;font-size:38px}.ready-box h2{margin-bottom:2px;font-size:17px}.ready-box p{margin:0;color:#748095;font-size:14px}.ready-check{color:#55a55b;font-size:24px;font-weight:900}.calm-note{display:flex;gap:10px;margin:18px 3px;color:#69768a;font-size:14px}.calm-note p{margin:0}.primary-button,.secondary-button{min-height:58px;padding:12px 25px;border:2px solid var(--ink);border-radius:16px;font-weight:900;font-size:17px;cursor:pointer;box-shadow:0 4px 0 var(--ink)}.primary-button{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.15)}.secondary-button{background:#fff}.primary-button:active,.secondary-button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.primary-button.wide{width:100%}.secondary-button:disabled{opacity:.38;cursor:not-allowed}.player-page{min-height:100vh;display:grid;grid-template-rows:86px 1fr 94px;background:#fffaf0}.player-header{display:grid;grid-template-columns:58px minmax(240px,520px) 58px;justify-content:center;align-items:center;gap:28px;padding:12px 40px;border-bottom:1px solid #e8dfd3}.icon-button{width:52px;height:52px;border:2px solid var(--ink);border-radius:50%;background:#fff;font-size:21px;font-weight:900;cursor:pointer;box-shadow:0 3px 0 var(--ink)}.replay-button{font-size:29px}.player-progress span{display:block;margin-bottom:7px;text-align:center;font-size:13px;font-weight:900}.progress-track{height:10px;overflow:hidden;border:1px solid #ddd2c3;border-radius:20px;background:#eee8df}.progress-track div{height:100%;border-radius:inherit;transition:width .3s}.player-layout{width:min(1160px,calc(100% - 60px));margin:auto;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(35px,7vw,95px);padding:28px 0}.paper-stage{position:relative;min-height:min(57vh,550px);display:grid;place-items:center;overflow:hidden;border-radius:42px;background:radial-gradient(circle,#fff 0 8%,#fbf3e8 58%,#f6eadb)}.paper-stage:before{content:"";position:absolute;width:75%;aspect-ratio:1;border:2px dashed #dfd4c5;border-radius:50%}.fold-diagram{z-index:1;width:min(92%,520px);overflow:visible}.paper-motion{transform-origin:center;animation:paper-pulse 1.35s ease-out}.is-slow .paper-motion{animation-duration:2.7s}.fold-guide{animation:guide-in .55s .35s both}.direction{stroke:#e84c64;stroke-width:7;stroke-linecap:round;stroke-dasharray:14 9;animation:march .9s linear infinite}.crease{stroke:#4b75a3;stroke-width:4;stroke-dasharray:9 7}.crease.emphasized{stroke:#e84c64;stroke-width:7;filter:drop-shadow(0 0 5px #fff)}.target circle:first-child{fill:#fff;stroke:#e84c64;stroke-width:4;animation:target-pulse 1s infinite}.target circle:last-child{fill:#e84c64}.stage-label{position:absolute;z-index:2;left:50%;bottom:18px;transform:translate(-50%);padding:8px 14px;border-radius:99px;background:#ffffffe6;font-size:13px;font-weight:900;white-space:nowrap}.final-animal{width:100%;height:100%}@keyframes paper-pulse{0%{transform:scale(.92) rotate(-2deg);opacity:.5}60%{transform:scale(1.03) rotate(1deg)}to{transform:scale(1);opacity:1}}@keyframes guide-in{0%{opacity:0}to{opacity:1}}@keyframes march{to{stroke-dashoffset:-23}}@keyframes target-pulse{50%{r:19px;opacity:.7}}.instruction-panel{max-width:430px}.action-chip{display:inline-block;margin-bottom:17px;padding:7px 11px;border-radius:8px;font-size:12px;font-weight:900;letter-spacing:.1em}.instruction-panel h1{font-size:clamp(32px,4vw,48px);line-height:1.13}.help-button{min-height:56px;display:flex;align-items:center;gap:12px;margin-top:25px;padding:10px 18px;border:2px solid var(--ink);border-radius:15px;background:#fff;font-weight:900;cursor:pointer;box-shadow:0 3px 0 var(--ink)}.help-button span{font-size:24px}.help-button.active{background:#fff3cf}.hint-box{display:flex;align-items:center;gap:13px;padding:16px;border:2px solid #f0b94d;border-radius:16px;background:#fff8dc}.hint-box span{font-size:27px}.hint-box p{margin:0;line-height:1.4}.player-controls{display:flex;justify-content:space-between;align-items:center;padding:16px max(40px,calc((100vw - 1160px)/2));border-top:1px solid #e8dfd3;background:#ffffffe0}.player-controls .primary-button{min-width:190px}.completion-page{width:min(720px,calc(100% - 40px));margin:0 auto;padding:40px 0 70px;text-align:center}.completion-page h1{margin-bottom:8px;font-size:clamp(40px,7vw,62px)}.completion-page>p{color:#6d798c;font-size:18px}.confetti{color:#f2a43a;font-size:30px;letter-spacing:.3em;animation:float 2.5s infinite}.finished-art{position:relative;width:min(410px,85%);height:300px;display:grid;place-items:center;margin:25px auto 18px;border:2px solid var(--ink);border-radius:45% 55% 50% 46%}.finished-art svg{width:78%;height:78%}.finished-art img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.celebration-star{position:absolute;color:#efab35;font-size:36px}.star-one{top:18px;left:10px}.star-two{right:13px;bottom:18px}.decorate-row{display:flex;justify-content:center;gap:12px}.decorate-row button,.photo-button{min-height:48px;display:flex;align-items:center;padding:10px 16px;border:2px solid var(--ink);border-radius:13px;background:#fff;font-weight:900;cursor:pointer}.decorate-row button.selected{background:#fff0ae}.photo-button input{position:absolute;width:1px;height:1px;opacity:0}.reward-note{display:flex;align-items:center;justify-content:center;gap:13px;margin:24px auto;padding:16px;border-radius:16px;background:#fff0d5}.reward-note>span{font-size:29px}.reward-note p{margin:0;text-align:left}.completion-actions{display:flex;justify-content:center;gap:14px}.collection-page{padding:65px 0 90px;text-align:center}.collection-page h1{margin-bottom:4px;font-size:54px}.collection-page>p{color:#6e7a8d}.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin-top:40px}.collection-grid button{position:relative;min-height:315px;padding:18px;border:2px solid var(--ink);border-radius:25px;cursor:pointer;box-shadow:0 5px 0 var(--ink)}.collection-grid svg{width:190px;height:180px}.collection-grid h2{margin-bottom:3px;font-size:28px}.collection-grid button>span:last-child{font-weight:900}.made-badge{position:absolute;top:14px;right:14px;padding:6px 10px;border-radius:99px;background:#fff;font-size:12px;font-weight:900}.empty-collection{width:min(500px,100%);margin:45px auto;padding:50px;border:2px dashed #bdb4a6;border-radius:28px}.empty-collection>span{color:var(--coral);font-size:75px}.empty-collection h2{margin:5px}.empty-collection p{color:#778397}@media(min-width:601px)and (max-height:850px){.completion-page{padding:20px 0 35px}.completion-page h1{font-size:48px}.completion-page>p{margin-bottom:8px}.confetti{font-size:24px}.finished-art{width:330px;height:210px;margin:12px auto}.decorate-row>*,.photo-button{min-height:44px}.reward-note{margin:13px auto;padding:11px}.completion-actions .primary-button,.completion-actions .secondary-button{min-height:52px}}@media(max-width:820px){.app-header{height:74px;padding:0 22px}.wordmark{font-size:23px}.logo-fold{width:34px;height:34px}.collection-button{font-size:13px}.hero{min-height:auto;grid-template-columns:1fr .75fr;padding:40px 0}.hero h1{font-size:50px}.hero-art{height:260px}.animal-card{grid-column:span 3}.animal-card:nth-child(4){grid-column:span 3}.preview-card{grid-template-columns:1fr}.preview-art{min-height:320px}.preview-art svg{max-height:275px}.preview-copy{padding:38px}.player-page{grid-template-rows:78px 1fr 90px}.player-layout{grid-template-columns:1.05fr .95fr;width:calc(100% - 32px);gap:25px}.paper-stage{min-height:48vh}.instruction-panel h1{font-size:32px}.player-controls{padding:14px 25px}}@media(max-width:600px){.home-page,.preview-page,.collection-page{width:min(100% - 30px,500px)}.collection-button{padding:6px 11px}.collection-button>span:first-child{display:none}.hero{grid-template-columns:1fr;gap:8px;padding:26px 0 18px;text-align:center}.hero h1{font-size:45px}.hero p{margin-bottom:0;font-size:16px}.hero-art{height:175px}.hero-art:before{inset:8px 17%}.hero-art svg{width:175px}.sun{width:43px;height:43px;font-size:24px}.doodle{font-size:38px}.lesson-section{padding-top:8px}.section-heading{margin-bottom:16px}.section-heading h2{font-size:31px}.section-heading{align-items:start;flex-direction:column}.section-heading p{font-size:14px}.animal-grid{display:flex;flex-direction:column}.animal-card{min-height:235px;flex-direction:row;align-items:center}.animal-art-wrap{width:43%;height:100%;min-height:230px}.animal-art-wrap svg{width:120px}.card-copy{width:57%}.card-copy p{min-height:auto}.card-arrow{bottom:13px}.preview-copy{padding:30px 22px}.preview-copy h1{font-size:48px}.lesson-facts{gap:6px}.lesson-facts span{font-size:11px}.ready-box{grid-template-columns:auto 1fr}.ready-check{display:none}.player-page{display:block;padding-bottom:102px}.player-header{position:sticky;z-index:5;top:0;grid-template-columns:47px 1fr 47px;gap:10px;height:74px;padding:8px 12px;background:#fffaf0}.icon-button{width:44px;height:44px}.player-layout{display:flex;flex-direction:column;gap:18px;padding:15px 0 25px}.paper-stage{width:100%;min-height:360px;border-radius:28px}.fold-diagram{width:350px;max-width:95%}.instruction-panel{width:100%;text-align:center}.instruction-panel h1{margin-bottom:14px;font-size:29px}.action-chip{margin-bottom:10px}.help-button{margin:12px auto 0}.hint-box{text-align:left}.player-controls{position:fixed;z-index:5;right:0;bottom:0;left:0;height:90px;gap:10px;padding:12px}.player-controls button{min-width:0!important;padding:8px 14px;font-size:14px}.player-controls .primary-button{flex:1}.completion-page{padding-top:25px}.finished-art{height:250px}.decorate-row,.completion-actions{flex-direction:column}.decorate-row>*,.completion-actions>*{justify-content:center;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}