:root{--cream:#f8f3e6;--ink:#29463b;--sage:#739263;--pink:#f1bfa6;--yellow:#f2d990;--line:#e6e2d1;font-family:ui-rounded,'Arial Rounded MT Bold','Trebuchet MS',system-ui,sans-serif;color:var(--ink);background:#edeadd;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:20px;min-height:100svh}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #417d91;outline-offset:4px}button:disabled{cursor:default}button:active:not(:disabled){transform:translateY(2px)}[hidden]{display:none!important}.app{max-width:1120px;margin:auto;min-height:calc(100svh - 40px);background:var(--cream);border:1px solid #ffffff;border-radius:30px;overflow:hidden;position:relative;box-shadow:0 20px 80px #344c2b12}.scenery{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hill{position:absolute;background:#e5ebd2;width:125%;height:350px;border-radius:50%;right:-28%;top:250px;transform:rotate(-7deg)}.hill-front{background:#d5e1bd;right:-68%;top:360px;width:140%;height:370px;transform:rotate(-17deg)}.sun-disc{position:absolute;right:22%;top:130px;width:120px;height:120px;border-radius:50%;background:#f5e6b9;opacity:.75}.cloud{position:absolute;right:80px;top:153px;background:#fffdf5;width:85px;height:21px;border-radius:20px;opacity:.9}.cloud:before,.cloud:after{content:'';position:absolute;background:inherit;width:35px;height:35px;bottom:0;border-radius:50%;left:13px}.cloud:after{width:47px;height:47px;left:32px}.cloud-two{right:460px;top:290px;transform:scale(.6)}.fern{position:absolute;color:#a8bd8c;font-size:100px;top:380px;right:15px;transform:rotate(-12deg);opacity:.65}.fern-left{right:45%;top:425px;font-size:65px;transform:rotate(13deg)}.topbar{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:24px 37px}.wordmark{display:flex;align-items:center;gap:7px;background:none;border:0;color:var(--ink);padding:0}.wordmark svg{width:47px;height:47px}.wordmark>span{font-weight:1000;font-size:38px;letter-spacing:-2px;line-height:.9;text-align:left}.wordmark small{display:block;font-size:8px;letter-spacing:2px;margin-top:9px;font-weight:900}.header-actions{display:flex;gap:10px}.round-button{width:43px;height:43px;border-radius:50%;background:#fffcf2;border:1px solid #dddccc;color:#55714d;display:grid;place-items:center;box-shadow:0 3px 0 #dedfcf}.round-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.home-screen{position:relative}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:445px;padding:20px 65px 45px;gap:0}.eyebrow{font-size:9px;font-weight:900;letter-spacing:1.8px;color:#77866b;display:flex;align-items:center;gap:7px}.tiny-star{font-size:17px;color:#c6a663}.hero h1{font-size:clamp(35px,4.6vw,52px);letter-spacing:-2.5px;line-height:1.13;margin:21px 0 19px;font-weight:1000}.hero h1 em{font-style:normal;color:#728d5f}.hero p{font-size:14px;line-height:1.7;color:#7a8870;margin:0 0 24px}.primary-button{background:#efb698;color:#633f2c;border:1.5px solid #d29574;border-radius:20px;box-shadow:0 5px 0 #d69c7c;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:17px;font-weight:900;padding:17px 25px;min-height:58px;transition:background .2s}.primary-button:hover{background:#f3c6ac}.play-triangle{font-size:13px}.button-arrow{font-size:24px;font-weight:500}.gentle-note{display:block;margin-top:18px;font-size:10px;color:#8a977f}.hero-art{position:relative;isolation:isolate;align-self:stretch;display:flex;align-items:flex-end;justify-content:center}.hero-dino{width:124%;max-width:none;margin-bottom:-19px;margin-right:-25px;animation:dino-sway 5s ease-in-out infinite;transform-origin:center bottom}.today-badge{position:absolute;z-index:2;left:2%;top:1%;transform:rotate(-9deg);width:117px;height:124px;background:#fffdf1;border:1px solid #dedcc5;border-radius:21px;box-shadow:0 5px 0 #e2dfca;display:flex;flex-direction:column;align-items:center;justify-content:center}.today-badge>span{font-size:6px;letter-spacing:1.2px;font-weight:900;color:#8b977a}.today-badge b{font-size:57px;line-height:1.2;letter-spacing:-5px;color:#9c7c4a}.today-badge b span{color:#b49a6d;font-size:47px}.today-badge i{font-style:normal;font-size:12px;color:#d7b45d}.art-spark{position:absolute;color:#c7aa60;font-size:23px}.spark-one{right:2%;top:30%}.spark-two{left:3%;bottom:12%;font-size:35px}.letter-book{position:relative;margin:0 45px 22px;padding:27px 30px 29px;background:#fffdf4e8;border:1px solid #e3e3d1;border-radius:26px;box-shadow:0 8px 35px #61744e07}.book-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.book-heading h2{font-size:19px;margin:0 0 7px;letter-spacing:-.5px}.book-heading p{font-size:11px;color:#8c977f;margin:0}.sticker-count{border:1px solid #e6dfbd;background:#fbf5db;border-radius:13px;padding:10px 13px;display:flex;gap:5px;align-items:center;color:#a58c44}.sticker-count>span{color:#dab34d;font-size:18px;margin-right:3px}.sticker-count b{font-size:16px}.sticker-count small{font-size:11px}.letter-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:8px}.letter-tile{position:relative;min-height:51px;border:1px solid #e4e5d8;border-radius:12px;color:#728266;background:#f4f5e9;font-size:23px;font-weight:900;box-shadow:0 2px 0 #e8e8d9}.letter-tile.today{background:#e3edcf;border-color:#aebf91;color:#4d6943;box-shadow:0 3px 0 #b4c59b}.letter-tile.done{background:#fff2c8;border-color:#e7d7a1;color:#9e803c}.letter-tile .earned{position:absolute;right:3px;top:2px;font-size:9px;color:#d5a641}.home-screen footer{font-size:9px;color:#97a088;display:flex;justify-content:center;align-items:center;gap:10px;padding:0 20px 23px}.home-screen footer span{font-size:13px;color:#b1b991}.lesson-screen,.reward-screen{position:relative;max-width:740px;margin:auto;padding:8px 25px 25px;min-height:690px}.lesson-top{display:flex;align-items:center;justify-content:space-between;margin:5px 0 21px}.back-button{background:transparent;border:0;font-size:25px;color:#779067;width:43px;height:43px}.steps{display:flex;align-items:center;gap:12px}.steps>div{display:flex;gap:6px;align-items:center;color:#a1aa94;font-size:12px;font-weight:900}.steps>div>span{width:25px;height:25px;border-radius:50%;border:1.5px solid #d8dfc8;display:grid;place-items:center;font-size:10px;background:#f9f8ef}.steps>div.active{color:#4f7243}.steps>div.active>span{background:#dcebc6;border-color:#a7bf87}.steps>div.passed>span{background:#d6e6c0;color:#557744}.steps>i{width:18px;height:1px;background:#d7ddcb}.round-area{text-align:center}.round-area h1{font-size:33px;letter-spacing:-1.2px;margin:12px 0 7px}.round-caption{font-size:13px;color:#7f8e73;margin:0 0 20px;line-height:1.5}.big-letter{display:flex;align-items:center;justify-content:center;gap:5px;position:relative;margin:18px auto 17px;width:240px;height:210px;border-radius:34px;background:#fffaf0;border:2px solid #d9cda4;box-shadow:0 7px 0 #d8caa2;color:#65824f;font-size:135px;line-height:1;font-weight:900;letter-spacing:-8px}.big-letter>span.lower{font-size:107px;color:#9baf7e}.big-letter .speaker-corner{position:absolute;bottom:12px;right:14px;font-size:17px;letter-spacing:0;opacity:.6}.hear-tools{display:flex;justify-content:center;gap:9px}.small-pill{border:1px solid #d9e1cb;border-radius:18px;padding:9px 14px;background:#fdfbf0;color:#687e57;font-size:11px;font-weight:900}.word-examples{display:flex;justify-content:center;gap:13px;margin:23px auto 10px}.example-card{display:flex;flex-direction:column;align-items:center;gap:6px;width:105px;background:#fffdf3;border:1px solid #e2e2ce;border-radius:18px;padding:12px 6px;color:#728362;font-size:11px}.example-card .emoji{font-size:34px;line-height:1.3}.feedback{text-align:center;height:31px;margin:13px 0 7px;color:#6c8b54;font-size:14px;font-weight:800}.continue-button{display:flex;margin:0 auto;min-width:215px}.little-guide{display:flex;align-items:center;justify-content:center;gap:7px;margin:15px 0 0;color:#8a9a79;font-size:10px}.little-guide img{height:52px;width:60px;object-fit:cover;object-position:center}.find-target{display:inline-block;padding:1px 13px;color:#66894d;background:#ecf2dd;border-radius:10px;min-width:50px}.find-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:450px;margin:25px auto 15px}.find-card{height:107px;display:grid;place-items:center;border:2px solid #dddcc6;border-radius:23px;background:#fffdf4;color:#4c6959;font-size:63px;font-weight:900;box-shadow:0 5px 0 #e5dec6;transition:background .15s,transform .15s}.find-card:nth-child(2n){background:#f2eadb;color:#947452}.find-card:nth-child(3n){background:#e9eedc;color:#6d8057}.find-card.correct{background:#dceac6;border-color:#8cad68;box-shadow:0 5px 0 #aac48c}.find-card.gentle-retry,.picture-card.gentle-retry{animation:gentle-wiggle .3s ease-in-out;background:#f7edd3}.match-letter{position:relative;display:grid;place-items:center;width:100px;height:100px;border:2px solid #bbbf8e;border-radius:23px;background:#e5efce;color:#607c48;font-size:66px;font-weight:900;box-shadow:0 5px 0 #b8c99b;margin:15px auto 30px;cursor:grab;touch-action:none;user-select:none;z-index:5}.match-letter:active{cursor:grabbing}.match-letter.dragging{box-shadow:0 12px 25px #3b51232c}.match-letter .drag-hint{position:absolute;right:-9px;bottom:-9px;border-radius:50%;background:#fffdf2;font-size:20px;line-height:32px;width:32px;height:32px;border:1px solid #dfdec6}.picture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;max-width:520px;margin:0 auto}.picture-card{min-height:148px;background:#fffdf4;border:2px dashed #d8d7bd;border-radius:23px;padding:17px 6px;color:#768267;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.picture-card .emoji{font-size:60px;line-height:1.1;pointer-events:none}.picture-card.correct{background:#edf1d4;border-style:solid;border-color:#92ae70}.picture-card.drag-over{border-color:#8caa67;background:#f1f5de;transform:scale(1.02)}.match-hint{font-size:10px;color:#96a18a;margin-top:18px}.reward-screen{text-align:center;padding-top:29px}.reward-screen .eyebrow{justify-content:center}.reward-screen h1{font-size:46px;letter-spacing:-2px;margin:20px 0 10px}.reward-screen h1 span{color:#8ea467}.reward-screen p{font-size:14px;color:#7d8b70}.reward-sticker{margin:24px auto 28px;width:240px;height:255px;display:grid;place-items:center;position:relative;transform:rotate(-6deg)}.sticker-art{position:relative;width:100%;height:100%;border:8px solid #fffdf4;outline:1px solid #e4e1cb;border-radius:45% 45% 38% 38%;background:#dde9c3;box-shadow:0 8px 0 #d1d8b4;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.sticker-art img{width:100%;margin-top:12px}.sticker-art .sticker-letter{position:absolute;top:9px;left:16px;font-weight:1000;font-size:43px;color:#5f784c}.sticker-art .sticker-star{position:absolute;right:16px;top:19px;color:#cba751;font-size:23px}.sticker-art .sticker-name{position:absolute;bottom:13px;font-size:10px;color:#728551;font-weight:900;letter-spacing:1px}.reward-screen .primary-button{margin:auto;display:flex}.secondary-button{display:block;margin:16px auto 0;background:#f8f5e9;border:1px solid #dcdcc9;border-radius:15px;padding:12px 21px;color:#7e8d6b;font-weight:800;font-size:12px}.finish-note{font-size:11px;color:#97a189;margin-top:22px}.reward-screen .reward-sticker{animation:sticker-pop .7s cubic-bezier(.2,.7,.3,1.3)}dialog{width:calc(100% - 32px);max-width:590px;max-height:88svh;padding:28px;border:1px solid #dadbc5;background:#fffdf4;color:var(--ink);border-radius:26px;box-shadow:0 20px 70px #29463333}dialog::backdrop{background:#38503159;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;gap:12px;align-items:start}dialog h2{font-size:26px;letter-spacing:-.8px;margin:10px 0 14px}dialog h3{font-size:17px}dialog p{font-size:13px;line-height:1.75;color:#7b8970}.close-button{flex-shrink:0;background:#eaf0dc;color:#6e8658;border:0;border-radius:50%;height:33px;width:33px;font-size:25px}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:23px 0}.sticker-mini{aspect-ratio:1/.95}.sticker-mini .sticker-art{border-width:4px;border-radius:23px;box-shadow:0 3px 0 #d1d8b4}.sticker-mini .sticker-letter{font-size:20px;top:5px;left:9px}.sticker-mini .sticker-star{font-size:12px;top:7px;right:8px}.sticker-mini .sticker-name{display:none}.sticker-mini.locked .sticker-art{background:#eeeee2;box-shadow:none;opacity:.48}.sticker-mini.locked img{filter:grayscale(1);opacity:.15}#parent-gate{text-align:center}#gate-question{display:block;font-size:30px;font-weight:800;letter-spacing:2px;margin:20px 0 15px}#gate-answer{display:block;width:140px;padding:12px;border-radius:12px;border:2px solid #d6dfc4;background:#fffefa;margin:0 auto 15px;text-align:center;color:var(--ink)}.gate-error{font-size:12px;color:#946a48;min-height:25px}#reset-message{font-size:12px;text-align:center;margin-top:10px;color:#789163}.audio-notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:10;background:#fdf8e7;border:1px solid #d7ccb2;padding:12px 18px;border-radius:15px;max-width:400px;width:calc(100% - 40px);font-size:12px;text-align:center;color:#89724d}@keyframes dino-sway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes gentle-wiggle{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes sticker-pop{0%{transform:rotate(-12deg) scale(.3);opacity:0}100%{transform:rotate(-6deg) scale(1);opacity:1}}@media(max-width:700px){body{padding:0;background:var(--cream)}.app{border:0;border-radius:0;min-height:100svh}.topbar{padding:20px 21px 11px}.wordmark svg{width:36px;height:36px}.wordmark>span{font-size:31px}.wordmark small{font-size:6px;letter-spacing:1.7px;margin-top:7px}.round-button{width:39px;height:39px}.header-actions{gap:8px}.hero{padding:22px 25px 15px;min-height:unset;grid-template-columns:1fr;text-align:center;gap:0}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:7px;letter-spacing:1.2px;justify-content:center}.hero h1{font-size:39px;letter-spacing:-1.8px;line-height:1.12;margin:12px 0 13px}.hero p{font-size:12px;line-height:1.55;margin:0 0 20px}.primary-button{min-height:54px;font-size:16px;gap:25px;padding:14px 23px;border-radius:18px}.gentle-note{margin-top:14px;font-size:9px}.hero-art{height:220px;width:300px;max-width:100%;margin:-8px auto -6px}.hero-dino{width:105%;margin:0 0 -17px 26px}.today-badge{width:86px;height:93px;left:0;top:40px;border-radius:17px}.today-badge>span{font-size:5px;letter-spacing:.9px}.today-badge b{font-size:43px;letter-spacing:-4px}.today-badge b span{font-size:36px}.today-badge i{font-size:9px}.spark-one{top:35%;right:2%}.spark-two{left:8%;bottom:11%;font-size:20px}.letter-book{margin:4px 18px 19px;padding:20px 16px;border-radius:23px}.book-heading{margin-bottom:16px}.book-heading h2{font-size:17px;margin-bottom:5px}.book-heading p{font-size:10px}.letter-grid{grid-template-columns:repeat(7,1fr);gap:7px}.letter-tile{font-size:22px;min-height:43px;border-radius:10px}.sticker-count{padding:8px 10px;border-radius:12px}.home-screen footer{font-size:8px;padding-bottom:20px}.hill-back{top:375px;right:-49%;height:400px}.hill-front{top:470px;right:-80%;height:350px}.cloud-one{top:200px;right:-25px;transform:scale(.75)}.cloud-two{top:387px;right:260px;transform:scale(.45)}.sun-disc{top:400px;right:7%;height:90px;width:90px}.fern{top:550px;font-size:55px}.fern-left{right:92%;top:490px}.lesson-screen{padding:9px 20px 22px;min-height:calc(100svh - 79px)}.lesson-top{margin:10px 0 19px}.steps{gap:7px}.steps>div{font-size:10px;gap:4px}.steps>i{width:8px}.steps>div>span{width:21px;height:21px;font-size:9px}.lesson-top .round-button{width:35px;height:35px}.back-button{width:30px;font-size:24px}.round-area h1{font-size:28px;margin-top:16px}.round-caption{font-size:11px;margin-bottom:14px}.big-letter{width:206px;height:177px;font-size:113px;margin:18px auto 19px;border-radius:28px}.big-letter>span.lower{font-size:93px}.small-pill{font-size:10px;padding:8px 12px}.word-examples{gap:9px;margin-top:23px}.example-card{width:90px;padding:11px 4px;font-size:10px;border-radius:15px}.example-card .emoji{font-size:30px}.feedback{font-size:12px;margin:16px 0 6px}.little-guide{margin-top:17px;font-size:9px}.find-grid{gap:13px;margin-top:25px}.find-card{height:97px;font-size:60px;border-radius:21px}.picture-grid{gap:9px}.picture-card{min-height:136px;border-radius:19px;font-size:11px}.picture-card .emoji{font-size:48px}.match-letter{width:92px;height:92px;margin:25px auto 36px;font-size:62px}.match-hint{font-size:9px}.reward-screen{padding:30px 20px;min-height:calc(100svh - 80px)}.reward-screen h1{font-size:40px;margin-top:19px}.reward-screen p{font-size:12px}.reward-sticker{width:215px;height:235px}.reward-screen .primary-button{font-size:16px}.finish-note{font-size:10px}dialog{padding:24px 20px}dialog h2{font-size:22px}.sticker-grid{grid-template-columns:repeat(3,1fr);gap:13px}#parent-gate .primary-button{font-size:14px}}@media(max-width:360px){.steps{gap:4px}.hero h1{font-size:35px}.lesson-screen{padding-inline:14px}.find-card{height:87px}.picture-card .emoji{font-size:41px}.letter-grid{gap:5px}.letter-tile{min-height:37px;font-size:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
:root .word-icon{width:60px;height:60px;object-fit:contain;pointer-events:none}.example-card .word-icon{width:40px;height:44px}.picture-card .word-icon{width:72px;height:72px}@media(max-width:700px){.example-card .word-icon{width:35px;height:39px}.picture-card .word-icon{width:58px;height:58px}}

/* Keep the home screen focused on play and give little hands room. */
.hero{min-height:260px;padding-block:8px 24px}.hero h1{font-size:38px;margin:10px 0 24px}.hero-art{height:250px}.hero-dino{width:105%;margin-bottom:0}
.letter-grid{grid-template-columns:repeat(9,minmax(48px,1fr));gap:10px}.letter-tile{min-height:58px;font-size:28px}
.round-button,.back-button,.close-button{min-width:44px;min-height:44px}.small-pill{min-height:44px;font-size:14px}.sticker-count{min-width:64px;min-height:44px}
.audio-notice{font-size:15px;line-height:1.5}.audio-notice button{display:block;min-height:48px;padding:8px 20px;margin:8px auto 0;border:1px solid #bda77a;border-radius:12px;background:#fffdf4;color:#633f2c;font-weight:700}
@media(max-width:700px){.hero{display:flex;flex-direction:column-reverse;padding:4px 24px 20px}.hero-art{height:160px;width:220px;margin:0 auto}.hero-dino{width:100%;margin:0 0 0 22px}.today-badge{top:20px;width:74px;height:82px}.hero h1{font-size:28px;letter-spacing:-.5px;margin:8px 0 16px}.hero-copy{width:100%}.hero-copy .primary-button{width:100%;max-width:330px;min-height:60px}.letter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.letter-tile{min-height:64px;font-size:28px}.letter-book{margin-top:0}.book-heading h2{font-size:22px}.lesson-top .round-button,.back-button{min-width:44px;min-height:44px}.small-pill{font-size:14px}.round-caption{font-size:15px}.example-card{font-size:14px}.picture-card{font-size:15px}}

/* Learning feedback stays beside the activity and never covers a sticker. */
.feedback{height:auto;min-height:38px;line-height:1.55;max-width:500px;margin:16px auto 10px;font-size:17px}
.audio-notice{position:static;transform:none;width:100%;max-width:420px;margin:12px auto}
.find-card.gentle-retry{animation:gentle-wiggle .45s ease-in-out 2;border-color:#c79b54;box-shadow:0 5px 0 #d8ba87}
@media(max-width:700px){.feedback{font-size:16px;min-height:48px}}

/* Full supplied portrait cards, clear instructions, and visible keyboard focus. */
.wordmark-pip{width:38px;height:54px;object-fit:contain;border-radius:9px}
.hero{min-height:292px;gap:28px}.hero-art{height:270px;align-items:center}
.hero-dino{width:auto;height:100%;max-width:100%;margin:0;object-fit:contain;animation:none;border-radius:22px}
.today-badge{left:0;top:14px}.today-badge>span{color:#495c3e;font-size:8px}.today-badge b,.today-badge b span{color:#795b31}
.little-guide img{width:38px;height:57px;object-fit:contain;border-radius:8px}
.round-caption,.little-guide,.match-hint,.finish-note,.reward-screen p,dialog p,.secondary-button,.home-screen footer,.eyebrow,.book-heading p,#reset-message{color:#465d40}
.round-caption{font-size:17px}.little-guide,.match-hint,.finish-note{font-size:14px}.eyebrow{font-size:11px}.home-screen footer{font-size:12px}
.steps>div{color:#465d40}.small-pill{color:#405837}.feedback{color:#36552c}
.letter-tile,.letter-tile.done{color:#405837}.big-letter,.big-letter>span.lower{color:#526d3e}
.find-card:nth-child(2n){color:#795732}.find-card:nth-child(3n){color:#4b6039}.find-target,.match-letter{color:#405a30}
.sticker-count{color:#735a20}.reward-screen h1 span{color:#536e39}
.word-examples{max-width:450px;gap:12px}.example-card{width:calc((100% - 24px)/3);padding:7px 6px 10px;font-size:16px;color:#405837;min-width:0}
:root .example-card .word-icon,:root .picture-card .word-icon{width:100%;height:auto;max-height:none;aspect-ratio:784/1168;object-fit:contain;border-radius:12px;pointer-events:none}
.picture-card{padding:7px 6px 12px;gap:8px;min-width:0;font-size:16px;color:#405837}.picture-card>span,.example-card>span{max-width:100%;overflow-wrap:anywhere}
.find-grid.choices-4{grid-template-columns:repeat(2,1fr);max-width:360px}
.reward-sticker{width:220px;height:328px}.sticker-art{border:6px solid #fffdf4;border-radius:23px;background:#fffdf4;box-shadow:0 5px 0 #d1d8b4;overflow:visible;display:block}
.sticker-art img.sticker-picture{display:block;width:100%;height:100%;object-fit:contain;margin:0;border-radius:16px}
.sticker-art img.sticker-pip{position:absolute;width:25%;height:28%;object-fit:contain;right:2%;bottom:10%;margin:0;border:2px solid #fffdf4;border-radius:10px}
.sticker-art .sticker-letter{left:4px;top:4px;font-size:30px;line-height:1.4;min-width:44px;border-radius:50%;background:#fff0bf;text-align:center;color:#29463b}
.sticker-art .sticker-name{bottom:4px;width:100%;text-align:center;color:#405837;font-size:9px;letter-spacing:.6px}
.sticker-mini{aspect-ratio:784/1168}.sticker-mini .sticker-letter{min-width:26px;font-size:18px;left:0;top:0}.sticker-mini.locked .sticker-art{opacity:1}.sticker-mini.locked img{opacity:.1;filter:grayscale(1)}
@media(max-width:700px){.hero{gap:0;padding-top:6px}.hero-art{width:245px;height:176px}.hero-dino{width:auto;height:100%;margin:0}.today-badge{left:0;top:20px}.hero h1{font-size:28px}.word-examples{gap:8px}.example-card{width:calc((100% - 16px)/3);font-size:14px}.picture-card{font-size:15px}.round-caption{font-size:16px}.reward-sticker{width:200px;height:298px}.sticker-grid{gap:12px}}
@media(max-width:360px){.wordmark>span{font-size:27px}.topbar{padding-inline:14px}.steps{gap:3px}.wordmark-pip{width:32px}.picture-grid{gap:7px}.picture-card{padding-inline:4px}}

/* Rewards keep captions inside the card; small books use lazy thumbnails. */
.sticker-art .sticker-name{inset-inline:0;left:0;right:0;bottom:0;width:auto;max-width:100%;padding:7px 3px;background:#fffdf4;font-size:11px;line-height:1.3;box-sizing:border-box;border-radius:0 0 16px 16px}
.sticker-art{overflow:hidden}.sticker-locked{background:#eeeee2;display:grid;place-items:center;box-shadow:none}.sticker-mystery{font-size:42px;color:#a8af97}.sticker-mini .sticker-art .sticker-name{display:none}
.picture-option{min-width:0;display:flex;flex-direction:column;gap:6px}.picture-option .picture-card{width:100%;flex:1}.picture-listen{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #cbd5bd;border-radius:13px;background:#fffdf4;min-height:44px;color:#405837;font-size:14px;font-weight:700;padding:5px}
.picture-listen svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.continue-button:disabled{opacity:.55;box-shadow:none}.reward-screen .reward-sticker{animation:none}.reward-screen.first-clear .reward-sticker{animation:sticker-pop .7s cubic-bezier(.2,.7,.3,1.3)}
.reward-screen #reward-book{margin:0 auto 20px}.sticker-mini.just-earned{animation:book-pop .9s ease-out}
.reward-sparkles{display:none;position:absolute;inset:110px 15px auto;height:360px;pointer-events:none;overflow:hidden}.first-clear .reward-sparkles{display:block}.reward-sparkles i{position:absolute;left:15%;top:10%;width:9px;height:17px;background:#91ad6c;border-radius:3px;opacity:0;animation:confetti-fall 1.8s ease-out}.reward-sparkles i:nth-child(2){left:32%;background:#dfaa68;animation-delay:.1s}.reward-sparkles i:nth-child(3){left:53%;background:#d9998a;animation-delay:.2s}.reward-sparkles i:nth-child(4){left:75%;background:#95b0af;animation-delay:.1s}.reward-sparkles i:nth-child(5){left:86%;background:#dfbd58;animation-delay:.25s}.reward-sparkles i:nth-child(6){left:8%;top:20%;animation-delay:.3s}
#reset-help{font-size:14px;text-align:center}#reset-progress.holding{animation:reset-hold 2s linear forwards}#reset-confirmation{border:1px solid #cbd5bd;border-radius:16px;margin-top:16px;padding:12px;text-align:center}#session-recap{font-weight:700;color:#29463b}
@keyframes book-pop{0%{transform:scale(.8)}60%{transform:scale(1.06)}100%{transform:scale(1)}}
@keyframes confetti-fall{0%{opacity:0;transform:translateY(0) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translateY(230px) rotate(240deg)}}
@keyframes reset-hold{to{background:#f1d3b1;border-color:#997554}}
@media(prefers-reduced-motion:reduce){.reward-sparkles{display:none!important}.sticker-mini.just-earned{outline:3px solid #739263;outline-offset:3px}.holding{outline:3px solid #997554}}

/* Reversible Pip animation trial. Canvas is decoration; real cards own input. */
.pip-slot{position:relative;min-width:0;pointer-events:none}.pip-stage{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pip-canvas{display:block;width:100%;height:100%;pointer-events:none}.pip-still{display:block;width:100%;height:100%;object-fit:contain}.pip-slot.has-pip>.hero-dino{display:none}
.home-pip{width:100%;height:300px;align-self:center}.home-pip>.hero-dino{height:100%;width:100%;object-fit:contain;margin:0;animation:none}.hero-art .today-badge{z-index:3}
.hear-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:410px;margin:0 auto;gap:4px}.hear-stage .big-letter{margin:10px auto;width:180px;max-width:100%}.hear-pip{height:178px}.activity-pip{height:116px;max-width:510px;margin:0 auto}.activity-pip .pip-still{max-width:78px;margin:auto}
.motion-setting{display:flex;align-items:center;gap:12px;min-height:48px;color:#29463b;font-weight:700;cursor:pointer}.motion-setting input{width:24px;height:24px;accent-color:#739263}.motion-note{font-size:14px}
@media(max-width:700px){.home-pip{height:176px}.hear-stage{max-width:345px}.hear-stage .big-letter{width:155px}.hear-pip{height:164px}.activity-pip{height:108px}}
@media(max-width:380px){.hear-stage .big-letter{font-size:66px;width:134px}.hear-stage .big-letter .lower{font-size:57px}.hear-pip{height:150px}}

/* Supplied baby-dinosaur cards replace the earlier picture/Pip stickers. */
.reward-screen .reward-sticker.hatch-reward{width:min(260px,70vw);height:auto;aspect-ratio:671/1000;transform:none;animation:none;margin:18px auto 24px;isolation:isolate;overflow:hidden;border-radius:24px;box-shadow:0 6px 0 #d7dec0;background:#fff8e8}
.hatchling-art{container-type:inline-size;position:relative;display:block;width:100%;height:auto;aspect-ratio:auto;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none;outline:0}.hatchling-frame{position:relative;width:100%;aspect-ratio:671/1000;overflow:hidden;border-radius:20px;background:#fff8e8;box-shadow:0 3px 0 #d7dec0}
.sticker-art img.hatchling-picture{display:block;width:100%;height:100%;object-fit:contain;margin:0;filter:none;opacity:1}
.hatch-letter{position:absolute;left:82%;top:90%;transform:translate(-50%,-50%) rotate(-3deg);width:24%;aspect-ratio:1;display:grid;place-items:center;background:#f8e6ae;color:#365537;border:2px solid #fff7dc;border-radius:18%;box-shadow:0 3px 0 #b59f67,0 3px 9px #534a3625;font-size:48px;font-size:18cqw;line-height:1;font-weight:900;text-shadow:0 1px #fff9e4}
.hatchling-name{position:static;display:block;text-align:center;padding:8px 2px 2px;color:#365537;background:transparent;font-size:16px;font-size:max(14px,7cqw);line-height:1.35;font-weight:800;overflow-wrap:anywhere}
.sticker-mini{aspect-ratio:auto}.sticker-mini .hatchling-frame{border-radius:13px}.sticker-mini .hatch-letter{font-size:18cqw;border-width:1px;box-shadow:0 2px 0 #b59f67}
.hatchling-locked{aspect-ratio:671/1125;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7%;background:#eef0e2}.uncollected-letter{font-weight:900;font-size:36px;color:#566d48}.uncollected-note{font-size:24px;color:#738666}.sticker-mini.locked .hatchling-art{opacity:1}
.hatch-baby,.hatch-shell{position:absolute;inset:0;pointer-events:none;transition:opacity .55s ease,transform .65s ease}.hatch-shell{inset:0 auto auto 0;width:100%;height:auto;aspect-ratio:671/1000;overflow:hidden;border-radius:22px;background:#fff8e8}.hatch-shell img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 65%}
.hatch-baby{position:relative;width:100%;inset:auto;opacity:0;transform:translateY(12px) scale(.92)}.hatch-shell-whole{opacity:1;z-index:2}.hatch-shell-cracked{opacity:0;z-index:3}
[data-phase="wiggle"] .hatch-shell-whole img{animation:egg-wiggle .95s ease-in-out both}
[data-phase="crack"] .hatch-shell-whole{opacity:0}[data-phase="crack"] .hatch-shell-cracked{opacity:1}[data-phase="crack"] .hatch-shell-cracked img{animation:egg-crack .8s ease-in-out both}
[data-phase="reveal"] .hatch-shell,[data-phase="settled"] .hatch-shell{opacity:0;transform:translateY(16px) scale(1.04)}
[data-phase="reveal"] .hatch-baby,[data-phase="settled"] .hatch-baby{opacity:1;transform:none}
[data-phase="settled"] .hatch-shell{visibility:hidden}[data-phase="settled"] .hatch-baby{transition:none}
.reward-screen #reward-caption{max-width:430px;min-height:3.1em;line-height:1.5;margin:0 auto;font-size:16px}.reward-screen .reward-sparkles{display:none}.reward-screen .secondary-button{font-size:15px;min-height:44px}
@keyframes egg-wiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(-2deg)}45%{transform:rotate(2deg)}70%{transform:rotate(-1.5deg)}85%{transform:rotate(1deg)}}
@keyframes egg-crack{0%,100%{transform:scale(1)}35%{transform:scale(1.025) rotate(-1deg)}65%{transform:scale(1.015) rotate(1deg)}}
@media(max-width:700px){.reward-screen .reward-sticker.hatch-reward{width:210px;max-width:70vw}.reward-screen{padding-top:14px}.reward-screen h1{margin-top:12px}.reward-screen #reward-caption{font-size:15px}.sticker-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){.hatch-shell{display:none}.hatch-baby{opacity:1;transform:none;transition:none}.hatch-letter{transform:translate(-50%,-50%)}}

/* Living v10: one invitation, an explorer book, and Pip beside the activity. */
.home-screen .hero{min-height:365px;grid-template-columns:1fr 1.15fr;padding:18px 60px 26px;gap:24px}
.home-screen .hero-art{height:330px}.home-pip{height:330px}
.hero-copy .primary-button{min-width:250px;min-height:72px;font-size:23px}
.home-screen .hero h1{font-size:42px}.hello-pip{position:absolute;z-index:4;bottom:0;right:8%;background:#fffdf1;border:1px solid #c5d0af;border-radius:18px;min-height:44px;padding:8px 16px;color:#405837;font-weight:700;font-size:15px}
.home-book{max-width:620px;margin:0 auto 32px;padding:0 24px}.explorer-book-button{width:100%;display:flex;align-items:center;gap:15px;padding:18px 22px;border:2px solid #d3ddbe;border-radius:25px;box-shadow:0 4px 0 #dae0c8;background:#fffdf2;color:#405837;text-align:left;font-size:22px;font-weight:800}
.explorer-book-button>span:nth-child(2){flex:1}.explorer-book-button small{display:block;font-size:13px;font-weight:600;margin-top:5px}.book-symbol{font-size:42px;color:#79935d}.explorer-book-button .sticker-count{display:flex;align-items:center;gap:5px;padding:9px 11px;font-size:16px}.explorer-book-button .sticker-count small{display:inline;margin:0;font-size:12px}
#stickers-dialog{max-width:720px}#stickers-dialog .letter-grid{grid-template-columns:repeat(9,minmax(44px,1fr));gap:8px;margin:20px 0}#stickers-dialog .letter-tile{min-height:52px;font-size:26px}
#book-detail{padding:18px;background:#edf1df;border:1px solid #d1dcc0;border-radius:22px;margin:24px 0}.book-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.book-detail-heading h3{margin:0;font-size:23px}.book-detail-heading h3 span{font-size:19px}.book-detail-heading>span{font-size:14px;font-weight:700}.book-detail-heading+button{margin:0 0 16px;min-height:52px}
.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.discovery-card{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;min-height:44px;padding:6px 6px 10px;background:#fffdf3;border:1px solid #cbd5b8;border-radius:16px;color:#405837;font-size:16px;font-weight:700}.discovery-card img{width:100%;height:auto;aspect-ratio:784/1168;object-fit:contain;border-radius:11px}.discovery-card>span{overflow-wrap:anywhere;max-width:100%}.discovery-locked{justify-content:center;background:#e3e9d5;aspect-ratio:161/280;color:#536a45}.discovery-locked>span{font-size:42px}.discovery-locked small{font-size:14px;font-weight:600}#book-detail h4{margin-bottom:12px;font-size:16px}
#stickers-dialog .sticker-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.hear-stage{max-width:480px;grid-template-columns:1fr 1fr;gap:14px}.hear-pip{height:225px}.hear-stage .big-letter{width:220px;height:212px;font-size:120px}.hear-stage .big-letter .lower{font-size:98px}
.find-stage{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;align-items:center;max-width:680px;margin:20px auto}.find-pip{height:245px}.find-stage .find-grid{width:100%;margin:0;gap:14px}.find-stage .find-card{min-height:100px;height:115px}.find-stage .choices-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.match-stage{display:flex;align-items:center;justify-content:center;gap:25px;margin:4px auto 18px;max-width:430px}.match-pip{height:172px;width:200px}.match-stage .match-letter{margin:0;width:108px;height:108px;flex-shrink:0}
.reward-stage{display:flex;align-items:center;justify-content:center;gap:18px;max-width:550px;margin:auto}.reward-pip{height:270px;width:200px}.reward-stage .hatch-reward{flex-shrink:0}.reward-screen .reward-stage .reward-sticker{margin:20px 0 26px}
.help-dim{opacity:.66}.help-target{outline:4px solid #91aa66;outline-offset:4px;background:#f2f7df!important;box-shadow:0 5px 0 #a4b581!important}.help-target::after{content:'✦';position:absolute;top:5px;right:7px;font-size:18px;color:#536e36}.find-card,.picture-card{position:relative;transition:opacity .3s,outline-color .3s}.correct{opacity:1}
.world-plants{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sun-disc{animation:sun-breathe 7s ease-in-out infinite}.cloud-one{animation:cloud-drift 19s ease-in-out infinite alternate}.cloud-two{animation:cloud-drift 26s ease-in-out -9s infinite alternate}.art-spark{animation:soft-spark 5s ease-in-out infinite}.spark-two{animation-delay:-2s}
.world-still .scenery *,.world-still .art-spark{animation:none!important}.world-still .reward-sparkles{display:none!important}.world-paused *{animation-play-state:paused!important}
@keyframes sun-breathe{0%,100%{scale:1;opacity:.7}50%{scale:1.055;opacity:.95}}
@keyframes cloud-drift{from{translate:-20px 0}to{translate:22px -7px}}
@keyframes soft-spark{0%,100%{opacity:.35;scale:.93}50%{opacity:.8;scale:1.05}}
@media(max-width:700px){.home-screen .hero{padding:4px 24px 24px;min-height:unset;gap:5px}.home-screen .hero-art{width:min(340px,100%);height:285px}.home-pip{height:285px}.home-screen .hero h1{font-size:31px;margin:12px 0 17px}.hello-pip{bottom:0;right:3%}.today-badge{top:48px}.hero-copy .primary-button{min-width:0;min-height:70px;font-size:23px}.home-book{padding:0 20px;margin-bottom:26px}.explorer-book-button{font-size:19px;gap:10px;padding:16px}.explorer-book-button small{font-size:12px}.book-symbol{font-size:34px}
 #stickers-dialog .letter-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}#stickers-dialog .letter-tile{min-height:48px;font-size:24px}#stickers-dialog .sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}#book-detail{padding:12px}.book-detail-heading{align-items:start}.book-detail-heading h3{font-size:21px}.book-detail-heading>span{font-size:12px}.discovery-grid{gap:7px}.discovery-card{padding:4px 4px 8px;font-size:14px}.discovery-locked small{font-size:12px}
 .hear-stage{max-width:370px;gap:7px}.hear-pip{height:194px}.hear-stage .big-letter{width:170px;height:177px;font-size:96px}.hear-stage .big-letter .lower{font-size:78px}.find-stage{grid-template-columns:90px minmax(0,1fr);gap:8px}.find-pip{height:180px}.find-stage .find-grid{gap:9px}.find-stage .find-card{font-size:44px;height:88px;min-height:72px;border-radius:17px}.find-stage .choices-3{grid-template-columns:repeat(3,minmax(0,1fr))}.find-stage .choices-6{grid-template-columns:repeat(3,minmax(0,1fr))}.match-stage{margin-bottom:15px;gap:18px}.match-pip{width:150px;height:146px}.match-stage .match-letter{width:92px;height:92px}.reward-stage{gap:4px}.reward-pip{width:115px;height:190px}.reward-screen .reward-stage .reward-sticker{width:min(205px,53vw)}.help-target{outline-width:3px;outline-offset:2px}}
@media(max-width:380px){.home-screen .hero-art{height:255px}.home-pip{height:255px}.explorer-book-button{padding:13px 10px}.explorer-book-button .sticker-count{padding:8px}.hear-stage .big-letter{width:142px;font-size:77px}.hear-stage .big-letter .lower{font-size:65px}.find-stage{grid-template-columns:72px minmax(0,1fr);gap:7px}.find-pip{height:145px}.find-stage .find-grid{gap:8px}.find-stage .find-card{font-size:38px;border-radius:13px}.reward-pip{width:90px;height:155px}#stickers-dialog .letter-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.world-still .gentle-retry,.world-still .sticker-mini.just-earned,.world-still .reward-sticker{animation:none!important}.world-still .find-card,.world-still .picture-card,.world-still .hatch-baby,.world-still .hatch-shell{transition:none!important}

/* Hunt v12: a reachable next action, picture-first lessons and gentle discovery. */
.lesson-screen{min-height:0;padding-bottom:108px}.lesson-top{margin-bottom:12px}.round-area h1{margin:12px 0 8px}.round-caption{margin:0 auto 16px;color:#4b603d}.feedback{min-height:28px;margin-top:12px}.little-guide{margin:8px auto 4px;color:#4b603d}
.lesson-actions{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(1120px,100%);z-index:12;pointer-events:none;display:flex;justify-content:center;padding:12px 20px calc(12px + env(safe-area-inset-bottom));box-sizing:border-box}
.lesson-actions:has(.continue-button:not([hidden])){background:linear-gradient(transparent,#f8f3e6 22%)}
.lesson-actions .continue-button{pointer-events:auto;margin:0;min-height:60px;max-width:100%;box-shadow:0 4px 0 #536d3f,0 0 0 5px #f8f3e6}
.steps .step-icon{width:34px;height:34px;display:grid;place-items:center}.step-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.round-area[data-round="hear"]{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);column-gap:22px;max-width:950px;margin:auto;align-items:center}
.round-area[data-round="hear"]>h1,.round-area[data-round="hear"]>.round-caption{grid-column:1/-1}
.round-area[data-round="hear"] .hear-stage{grid-column:1;grid-row:3;width:100%;gap:0}.hear-stage .big-letter{position:relative;isolation:isolate;overflow:visible;width:180px;height:176px;font-size:92px;border-radius:30px}.hear-stage .big-letter .lower{font-size:76px;color:#526d3e}.hear-pip{height:185px}
.letter-glyph{display:inline-block;position:relative;z-index:1;transform-origin:50% 75%;transition:transform .09s linear}.letter-speaking .letter-glyph{transform:scale(calc(1 + var(--speech-level,0)*.055),calc(1 - var(--speech-level,0)*.065)) translateY(calc(var(--speech-level,0)*-3px))}
.sound-ring{position:absolute;inset:-6px;border:3px solid #90a970;border-radius:inherit;opacity:0;pointer-events:none}.letter-speaking .sound-ring{opacity:calc(.25 + var(--speech-level,0)*.55);transform:scale(calc(1 + var(--speech-level,0)*.045))}
.round-area[data-round="hear"] .hear-tools{grid-column:1;grid-row:4;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.hear-tools .small-pill{min-height:44px}
.round-area[data-round="hear"] .word-examples{grid-column:2;grid-row:3/5;max-width:none;width:100%;margin:0;align-self:center;gap:10px}.example-card{width:calc((100% - 20px)/3);font-size:16px}
.find-stage{grid-template-columns:150px minmax(0,1fr);max-width:850px;margin:12px auto;gap:14px}.find-pip{height:260px}.find-stage .find-grid{max-width:none;gap:14px}.find-stage .choices-4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:480px;margin:auto}
.round-area[data-round="match"]{display:grid;grid-template-columns:160px minmax(0,1fr);column-gap:18px;max-width:880px;margin:auto;align-items:center}.round-area[data-round="match"]>h1,.round-area[data-round="match"]>.round-caption,.round-area[data-round="match"]>.match-hint{grid-column:1/-1}
.round-area[data-round="match"] .match-stage{grid-column:1;flex-direction:column-reverse;gap:2px;margin:0;width:100%}.match-pip{width:160px;height:185px}.match-stage .match-letter{width:92px;height:92px;font-size:65px}.round-area[data-round="match"] .picture-grid{grid-column:2;max-width:none;width:100%;margin:0;gap:14px}.picture-card{font-size:18px}.match-hint{margin:12px auto 0;font-size:14px}
.reward-screen{min-height:0;padding-bottom:28px}.reward-collection{font-weight:700;color:#4c653b;margin:8px auto 0}.reward-screen #reward-caption{min-height:0}.reward-screen .reward-sticker[data-kind="picture"]{background:#fffdf1}.earned-picture{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffdf1}.earned-picture img{display:block;width:100%;height:auto;min-height:0;flex:1;object-fit:contain}.earned-picture strong{display:block;font-size:22px;color:#405837;padding:7px 4px 14px}.picture-flight{position:fixed;z-index:25;pointer-events:none;border-radius:18px;object-fit:contain;box-shadow:0 5px 15px #35462b30}.picture-arrived{animation:book-pop .55s ease-out}
#stickers-dialog{padding-top:0;scroll-padding-top:136px}.book-sticky-header{position:sticky;top:0;z-index:5;background:#fffdf3;padding:16px 0 12px;border-bottom:1px solid #d6dfc3}.book-sticky-header .dialog-top{margin-bottom:8px;gap:10px}.book-sticky-header h2{font-size:25px;margin:0}.book-letter-chooser{display:flex;align-items:center;gap:12px;color:#405837;font-size:15px;font-weight:700}.book-letter-chooser select{font:inherit;background:#eef2df;color:#405837;border:1px solid #bdcda6;border-radius:12px;min-height:44px;padding:8px 32px 8px 12px;max-width:100%}#book-detail{margin:18px 0;scroll-margin-top:140px}.dinosaur-collection{margin:22px 0}.dinosaur-collection summary{cursor:pointer;min-height:48px;display:list-item;font-weight:800;font-size:19px;color:#405837;padding:12px 0}.dinosaur-collection .sticker-grid{margin-top:12px}
#stickers-dialog .sticker-mini{position:relative;min-width:0;width:100%;height:auto;aspect-ratio:auto;align-self:start}#stickers-dialog .sticker-mini>.hatchling-art{position:relative;inset:auto;width:100%;height:auto;box-sizing:border-box}#stickers-dialog .sticker-mini.art-unavailable .hatch-letter{left:50%;top:40%;width:45%}.art-unavailable .hatchling-name{font-size:13px}
.world-still .picture-arrived{animation:none!important}.world-still .letter-glyph{transition:none!important}.world-still .letter-speaking .letter-glyph{transform:none}
@media(max-width:700px){.lesson-screen{padding-bottom:106px}.lesson-top{margin-bottom:6px}.round-area h1{font-size:29px}.round-caption{font-size:16px;margin-bottom:10px}.round-area[data-round="hear"],.round-area[data-round="match"]{display:block}.hear-stage{max-width:345px}.hear-stage .big-letter{width:155px;height:138px;font-size:80px;margin:4px auto}.hear-stage .big-letter .lower{font-size:66px}.hear-pip{height:145px}.round-area[data-round="hear"] .hear-tools{margin:8px auto 12px}.round-area[data-round="hear"] .word-examples{max-width:500px;margin:auto;gap:8px}.example-card{width:calc((100% - 16px)/3);padding:4px 4px 8px;font-size:14px}
 .find-stage{grid-template-columns:1fr;gap:0}.find-pip{height:115px;width:155px;margin:0 auto}.find-stage .find-grid{gap:10px}.find-stage .choices-4{max-width:380px}
 .round-area[data-round="match"] .match-stage{flex-direction:row;max-width:360px;margin:0 auto 10px;gap:15px}.match-pip{height:112px;width:135px}.match-stage .match-letter{height:82px;width:82px;font-size:60px}.round-area[data-round="match"] .picture-grid{gap:8px;max-width:540px;margin:auto}.picture-card{font-size:15px;padding:4px 4px 9px}.picture-listen{font-size:13px}.match-hint{margin-top:10px}.feedback{font-size:17px;line-height:1.4}.little-guide{font-size:13px;margin-bottom:0}.lesson-actions{padding-inline:18px}.lesson-actions .continue-button{width:min(360px,100%);min-height:56px;font-size:18px}
 .book-sticky-header h2{font-size:22px}.book-sticky-header{padding-top:12px}.book-letter-chooser{justify-content:space-between;font-size:14px}#stickers-dialog{padding-inline:16px}#stickers-dialog .letter-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.reward-collection{font-size:14px}}
@media(max-width:360px){.steps{font-size:12px}.steps .step-icon{width:28px;height:28px}.step-icon svg{width:20px;height:20px}#stickers-dialog .letter-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.book-sticky-header h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.picture-arrived{animation:none!important}.letter-glyph{transition:none!important}.letter-speaking .letter-glyph{transform:none}.letter-speaking .sound-ring{transform:none;opacity:.55}}
.reward-sticker[data-kind="picture"]{position:relative}.earned-picture{position:absolute;inset:0}.earned-picture img{height:0;width:100%;flex:1 1 auto}

/* Simple, fully visible letter choices for young children. */
.find-stage .find-card{height:138px;min-height:112px;font-size:76px}.find-stage .find-grid{align-items:center}
@media(max-width:700px){.find-stage .find-card{height:122px;min-height:100px;font-size:67px}.find-stage .choices-6 .find-card{height:110px;font-size:62px}}
@media(max-width:360px){.find-stage .find-card{height:106px;font-size:57px}.find-stage .choices-6 .find-card{height:100px;font-size:54px}}

/* Review v16: child-controlled pacing and clear collection pages. */
@font-face{font-family:Andika;src:url('fonts/Andika-Bold.woff2') format('woff2');font-style:normal;font-weight:700 900;font-display:swap}
.letter-glyph,.find-card,.find-target,.match-letter,.letter-tile,.hatch-letter,.today-badge b,.book-detail-heading h3{font-family:Andika,ui-rounded,sans-serif;font-feature-settings:'ss01' 0}
button{touch-action:manipulation}.big-letter,.find-card,.picture-card,.example-card,.match-letter{user-select:none;-webkit-user-select:none}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #417d91;outline-offset:4px}
.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:#fffdf3;color:#294c43;padding:14px;border-radius:12px;font-size:17px}.skip-link:focus{top:12px}
.today-badge{min-width:126px;padding:13px 10px}.today-badge>span{font-size:14px;letter-spacing:.08em;line-height:1.25}.today-badge b span{font-size:inherit}
.home-screen footer,.eyebrow,.wordmark small,.explorer-book-button small,.explorer-book-button .sticker-count small,.book-detail-heading>span,.little-guide,.picture-listen{font-size:14px}.session-hint{font-size:15px;color:#4b603d;margin:14px 0 0}.steps,.steps .step,.sticker-count,.secondary-button{color:#405837}
.picture-frame{display:block;width:100%;aspect-ratio:784/1168;overflow:hidden;border-radius:12px;background-color:#f6edd9;background-size:100% 100%;background-repeat:no-repeat}
.picture-frame img.word-icon{display:block;width:100%;height:100%;max-height:none;margin:0;object-fit:contain;aspect-ratio:inherit;border-radius:inherit}
.example-card .picture-frame,.picture-card .picture-frame{max-width:100%}.hide-picture-words .example-card>span:not(.picture-frame),.hide-picture-words .picture-card>span:not(.picture-frame){display:none}
.audio-notice:not([hidden]){display:flex;align-items:center;justify-content:center;gap:12px;max-width:390px;padding:7px 12px;margin:10px auto;background:#fffdf3;border:1px solid #c5d0af;border-radius:18px;font-size:15px;min-height:0;box-shadow:none}.audio-notice button{min-height:44px;font-size:15px;margin:0;padding:6px 12px;white-space:nowrap}
.spoken-caption{position:relative;max-width:660px;margin:16px auto;padding:12px 18px;border:1px solid #c5d0af;border-radius:16px;background:#fffdf3;color:#294c43;font-size:17px;line-height:1.5;text-align:center}
#lesson-caption{margin:8px auto 14px;font-size:16px;padding:8px 14px}
.listening-pending .sound-ring{opacity:.7;animation:listening-pulse 1.2s ease-in-out infinite}@keyframes listening-pulse{50%{transform:scale(1.035);opacity:.35}}
#find-hint{margin:0 auto 8px;min-height:44px;font-size:16px}.book-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.book-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;padding:7px 8px;background:#fffdf3;border:2px solid #cbd7b8;border-radius:16px;color:#405837;font-size:17px;font-weight:800}.book-tabs button[aria-selected="true"]{background:#e0eacb;border-color:#6f8953}.book-tabs button>span{font-size:27px}.book-tabs img{width:30px;height:38px;object-fit:cover;border-radius:6px}.book-sticky-header{padding-bottom:10px}#stickers-dialog{scroll-padding-top:200px}.book-replay-note{font-size:16px;color:#405837;line-height:1.4}#book-detail{scroll-margin-top:200px}
.book-friend-hero{display:flex;align-items:center;justify-content:center;gap:22px;padding:18px 0;margin-bottom:10px}.book-friend-hero>.hatchling-art{width:140px;height:auto;flex-shrink:0}.book-friend-hero h3{font-size:25px;margin:0 0 10px}.book-friend-hero p{font-size:17px;line-height:1.4;max-width:240px}.book-friend-hero .secondary-button{font-size:18px;min-height:48px}
#stickers-dialog .sticker-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}#stickers-dialog button.sticker-mini{padding:0;border:0;border-radius:14px;background:#fffdf3;cursor:pointer}#stickers-dialog .sticker-mini .hatchling-name{font-size:max(14px,8cqw)}
.reward-screen{padding-top:18px;padding-bottom:20px}.reward-screen>.eyebrow{margin-bottom:8px}.reward-screen h1{font-size:clamp(32px,4vw,48px);margin:8px 0 12px}.reward-screen #reward-caption{max-width:570px;font-size:17px;line-height:1.4}.reward-screen .reward-stage .reward-sticker{width:200px;max-width:50vw;margin:12px 0 16px;aspect-ratio:671/1000;height:auto}.reward-pip{height:235px;width:185px}.reward-screen #reward-book{margin:0 auto 14px;min-height:48px;font-size:18px}.reward-actions{display:flex;justify-content:center;gap:14px;max-width:590px;margin:0 auto}.reward-actions .primary-button{flex:1;min-width:0;min-height:58px;font-size:19px;padding:12px 18px;margin:0;background:#efd3b6;color:#503c2c;border-color:#c99973;box-shadow:0 4px 0 #c99973}.finish-note{font-size:16px;color:#405837;margin:18px auto 0;line-height:1.4;max-width:520px}
.learning-settings{border:1px solid #bacba5;border-radius:18px;padding:18px;margin:22px 0;color:#405837}.learning-settings legend{font-size:20px;font-weight:800}.learning-settings label{display:flex;align-items:center;gap:12px;min-height:48px;font-size:17px}.learning-settings input{width:25px;height:25px;flex-shrink:0;accent-color:#587340}.learning-settings select{font:inherit;font-size:16px;min-height:48px;max-width:100%;border:1px solid #8ea66e;border-radius:10px;background:#fffdf3;color:#405837;padding:8px}.learning-settings p{font-size:15px;line-height:1.5}.parent-links{display:flex;flex-wrap:wrap;gap:14px}.parent-links a{display:inline-flex;align-items:center;min-height:44px;color:#294c43;font-size:17px;font-weight:700}#review-letter{margin:10px 0}
@media(max-width:700px){.today-badge{min-width:120px}.today-badge>span{font-size:14px}.book-tabs{gap:6px}.book-tabs button{flex-direction:column;gap:3px;font-size:15px;min-height:76px}.book-tabs img{height:29px;width:24px}.book-tabs button>span{font-size:24px;line-height:29px}.book-friend-hero{gap:13px}.book-friend-hero>.hatchling-art{width:115px;height:auto}.book-friend-hero h3{font-size:22px}.book-friend-hero p{font-size:15px}.book-friend-hero .secondary-button{padding:8px 12px;font-size:16px}.reward-screen{padding-top:10px}.reward-screen .reward-stage .reward-sticker{width:150px;margin:12px 0}.reward-pip{width:115px;height:165px}.reward-screen #reward-caption{font-size:16px}.reward-screen #reward-book{font-size:17px}.reward-actions{gap:10px}.reward-actions .primary-button{padding:10px 7px;font-size:16px;min-height:56px}.finish-note{font-size:15px}.steps{font-size:14px}.lesson-top .round-button{min-width:44px;min-height:44px}.spoken-caption{margin-inline:16px;font-size:16px}}
@media(max-width:360px){#stickers-dialog .sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.book-tabs button{font-size:14px}.book-friend-hero{gap:10px}.book-friend-hero>.hatchling-art{width:100px;height:auto}.book-friend-hero h3{font-size:20px}.today-badge{min-width:115px}.audio-notice:not([hidden]){gap:5px;font-size:14px;padding:5px}.steps{gap:5px}.steps>i{width:9px}}
@media(max-height:540px) and (orientation:landscape){.topbar{padding-block:8px}.lesson-top{margin:0 auto 5px}.round-area h1{font-size:27px;margin:3px 0}.round-caption{font-size:16px;margin-bottom:8px}.find-pip{height:120px}.find-stage .find-card{min-height:74px;height:78px;font-size:45px}.find-stage .choices-6{grid-template-columns:repeat(3,minmax(0,1fr))}.hear-pip,.match-pip{height:120px}.hear-stage .big-letter{height:115px;width:135px;font-size:70px}.hear-stage .big-letter .lower{font-size:57px}.round-area[data-round="hear"] .word-examples{max-width:360px}.reward-screen .reward-stage .reward-sticker{width:115px}.reward-pip{height:125px;width:100px}}
@media(prefers-reduced-motion:reduce){.listening-pending .sound-ring{animation:none;opacity:.6}}
.world-still .listening-pending .sound-ring{animation:none;opacity:.6}
@media(forced-colors:active){button,a,input,select,.picture-frame{border:2px solid ButtonText}.correct,.help-target{outline:4px solid Highlight!important}.book-tabs button[aria-selected="true"]{outline:3px solid Highlight}.picture-frame{background-image:none!important}}

.steps>div{font-size:14px;color:#405837}.today-badge{min-height:116px}.today-badge>span,.today-badge b,.today-badge b span{color:#52673e}.hero p.session-hint{font-size:15px;color:#4b603d;margin:14px 0 0}

/* Letter-owned friends: names sit below art; eggs cover only the portrait. */
.reward-screen .reward-stage .reward-sticker[data-kind="dinosaur"]{aspect-ratio:auto;height:auto;overflow:visible;background:transparent;box-shadow:none;border-radius:0}
@media(max-width:420px){#stickers-dialog .sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}