@font-face{font-family:ReadySprint;src:url('../assets/fonts/ReadySprintClassroom-Regular.woff2') format('woff2');font-display:swap;font-weight:400}@font-face{font-family:ReadySprint;src:url('../assets/fonts/ReadySprintClassroom-Bold.woff2') format('woff2');font-display:swap;font-weight:700}
*{box-sizing:border-box}body{margin:0;background:#f2fcf5;color:#173f38;font:20px/1.4 ReadySprint,Arial,sans-serif}header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;background:white;border-bottom:4px solid #b1dfc4}header a{padding:9px 12px;min-height:48px;background:#e7f7ee;border-radius:14px;color:#174c38;font-weight:700;text-decoration:none}header span{font-size:12px;font-weight:700}main{max-width:900px;padding:24px 18px 60px;margin:auto}.eyebrow{font-size:13px;letter-spacing:.12em;font-weight:700;color:#48643d}h1{font-size:clamp(32px,7vw,48px);line-height:1.1;margin:8px 0;color:#654019}h2{font-size:30px}button{font:inherit;font-weight:700;min-height:52px;border:3px solid #547e65;border-radius:16px;padding:10px 16px;background:white;color:#173f38;cursor:pointer}button:disabled{cursor:default;opacity:.56}button:focus-visible,a:focus-visible,summary:focus-visible{outline:4px solid #9a36c2;outline-offset:4px}.primary{background:#fff0a6;border-color:#a87a27}.audio-controls{display:flex;flex-wrap:wrap;gap:9px}.audio-status{min-height:28px;font-size:16px;color:#53655c}.scene{padding:20px;background:white;border:3px solid #bee0cb;border-radius:28px}.progress{font-size:16px;font-weight:700;color:#5b526e;margin:0}.goal{display:flex;align-items:center;gap:18px}.goal-letter{font-size:112px;font-weight:700;line-height:1;color:#61418c;margin:8px 0}.goal p{font-size:22px;font-weight:700}.instruction{font-size:20px;margin:10px 0 16px}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.picture-choice{min-width:0;padding:10px;background:#fffef7;border-color:#a9c8be;touch-action:manipulation}.picture-choice img{display:block;width:100%;height:150px;object-fit:contain;pointer-events:none;user-select:none}.picture-choice.chosen{border-color:#43832e;box-shadow:0 0 0 4px #d4efbc;opacity:1}.feeding-scene{position:relative;margin-top:22px;padding:14px;border-radius:24px;background:linear-gradient(#e8f8fd 0 66%,#e7f4c6 66%);border:2px solid #b8d7b0;overflow:hidden}.monkey-portrait{position:relative;max-width:360px;width:100%;margin:auto;aspect-ratio:1230/1278}.monkey-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.monkey-load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;background:#fff5d4;border-radius:20px}.monkey-load[hidden]{display:none}.feed-zone{position:absolute;left:48%;top:61%;width:46%;height:18%;min-height:64px;padding:0;border:4px dashed #e1a612;border-radius:50%;background:#fff29a44;box-shadow:0 0 15px #ffd53b,0 0 0 4px #fff8ca;animation:feed-glow 1.8s ease-in-out infinite}.feed-zone:disabled{background:transparent;box-shadow:none;border-color:transparent;opacity:1;animation:none}.feed-zone span{position:absolute;left:50%;top:100%;transform:translateX(-50%);min-width:130px;padding:4px 8px;font-size:16px;background:#fff9d6;border:2px solid #d1a833;border-radius:12px;white-space:nowrap}.feeding-scene.done .feed-zone{display:none}.banana-tray{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin:8px auto 0;max-width:440px;min-height:110px}.banana-button{padding:6px 12px;background:#fff9d8;border-color:#c19d35;touch-action:none;min-width:135px}.banana-button img{display:block;width:105px;height:78px;object-fit:contain;pointer-events:none}.banana-button span{display:block;font-size:18px}.banana-button[aria-pressed=true]{box-shadow:0 0 0 4px #d2adf0;border-color:#8d46b4}.banana-button.dragging{opacity:.35}.banana-note{font-size:18px;text-align:center;font-weight:700}.feed-tap{width:100%;margin:12px 0 0;background:#e9f7c7;border-color:#6c9441}.feed-tap:disabled{display:none}.feedback{min-height:72px;margin:16px 0 8px;font-size:22px;font-weight:700;scroll-margin:20px}.feedback.success{color:#326320}.star{display:inline-block;font-size:65px;vertical-align:middle;margin-right:10px;filter:drop-shadow(0 0 8px #ffd94b);animation:star-pulse .5s ease-out 1}.next{width:100%;min-height:60px;background:#fff0aa;border-color:#b48b31}.next[hidden]{display:none}.banana-ghost{position:fixed;z-index:1000;width:100px;height:78px;pointer-events:none;object-fit:contain;transform:translate(-50%,-50%)}.held-banana{position:absolute;left:52%;top:51%;width:39%;height:29%;object-fit:contain;pointer-events:none;transform:rotate(-10deg)}.feeding-scene.cheer .monkey-portrait{animation:monkey-thanks .65s ease-out 1}.finished{text-align:center;padding:30px 10px}.finished .star{font-size:clamp(52px,18vw,78px)}.finished p{font-size:24px}details{font-size:17px;margin-top:24px}summary{font-weight:700;min-height:48px;padding:10px 0;cursor:pointer}.picture-choice img,.monkey-art,.banana-button img{-webkit-user-drag:none}.hint{font-size:16px;color:#53655c}.load-retry{margin-top:8px}.quiet{font-size:16px}.hidden,[hidden]{display:none!important}
@keyframes feed-glow{50%{box-shadow:0 0 22px #ffd53b,0 0 0 5px #fff8ca}}@keyframes monkey-thanks{30%{transform:rotate(-2deg) translateY(-5px)}65%{transform:rotate(2deg) translateY(-4px)}}@keyframes star-pulse{50%{transform:scale(1.17)}}
@media(max-width:540px){main{padding:18px 12px 50px}.scene{padding:14px}.choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.picture-choice{padding:6px}.picture-choice img{height:145px}.picture-choice:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 12px)/2);justify-self:center}.goal-letter{font-size:100px}.goal p{font-size:20px}.instruction{font-size:19px}.feeding-scene{padding:8px}.monkey-portrait{max-width:300px}.banana-tray{gap:8px}.audio-controls button{font-size:17px;padding:8px 10px}.feed-zone span{font-size:14px;min-width:110px}.feedback{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.feed-zone{box-shadow:0 0 14px #ffd53b,0 0 0 4px #fff8ca}}

.choice-status:empty{display:none}.choice-status{min-height:0;margin-bottom:16px}

.goal-letter{font-size:clamp(62px,13vw,102px);white-space:nowrap}.goal p{max-width:340px}.subscribe{display:inline-block;margin:18px 0;padding:14px 22px;border:3px solid #7a4cab;border-radius:16px;background:#7443a6;color:#fff;text-decoration:none;font-weight:700;min-height:52px}.sample-footer{margin-top:30px;text-align:center}.sample-footer .hint{margin-top:0}.picture-load{font-size:17px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:10}@media(max-width:360px){.goal{gap:10px}.goal p{font-size:18px}.picture-choice img{height:120px}}
