@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(./patrick-hand-latin-400-normal-B7HHA2Vw.woff2) format("woff2"),url(./patrick-hand-latin-400-normal-Df9_VoRQ.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-display:swap;src:url(./fredoka-latin-wght-normal-DM6njrJ3.woff2) format("woff2-variations")}:root{--bg: #fff6e8;--bg-2: #ffe4c2;--ink: #3a1f09;--muted: #7a5a42;--accent: #c8431f;--accent-dark: #9c2f12;--gold: #f2b84b;--leaf: #3f7a46;--card: #fffdf7;--ph: #f0dfc6;--line: #ecd9bd;--radius: 18px;--tap: 48px;--font-title: "Patrick Hand", "Comic Sans MS", cursive}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg) linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%) fixed;color:var(--ink);font-family:Fredoka,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:clamp(16px,2.2vw,22px);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app{min-height:100%;display:flex;flex-direction:column}main{flex:1;display:flex;justify-content:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top))}.screen{width:100%;max-width:760px;display:flex;flex-direction:column;gap:14px;align-items:stretch}.cover{align-items:center;text-align:center}.cover .placeholder{width:min(70vw,360px)}h1{font-size:clamp(2rem,7vw,3.4rem);margin:0;letter-spacing:.08em}h2{margin:0}.subtitle{margin:0;opacity:.7}.placeholder,.media{width:100%;border-radius:var(--radius);background:var(--ph);display:grid;place-items:center;color:var(--muted);text-align:center;padding:8px;border:2px dashed #d9b98f}.media{border:0;padding:0;height:auto;display:block}.btn{min-height:var(--tap);padding:0 20px;border-radius:999px;border:2px solid var(--accent);background:transparent;color:var(--accent);font:inherit;font-weight:600;cursor:pointer}.btn.primary{background:var(--accent);color:#fff}.btn:disabled{opacity:.35;cursor:default}.pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.page-text{line-height:1.5}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.card{background:var(--card);border:0;border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px;align-items:center;font:inherit;color:inherit;box-shadow:0 2px 6px #00000014}button.card{cursor:pointer}.tabbar{position:sticky;bottom:0;display:flex;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{flex:1;min-height:72px;border:0;background:none;font:inherit;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:color .2s,background .2s}.tab-ico{font-size:2rem;line-height:1;display:grid;transition:transform .2s}.tab-label{font-size:.8rem}.tabbar button.active{color:var(--accent);font-weight:700;box-shadow:inset 0 4px 0 var(--accent);background:#c8431f17}.tabbar button.active .tab-ico{transform:scale(1.15)}.tabbar button:active{background:#c8431f29}@media (orientation: landscape) and (max-height: 500px){.cover .placeholder{width:min(30vw,200px)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s,background .2s}.btn:active:not(:disabled){transform:scale(.95)}.btn.big{min-height:64px;min-width:64px;padding:0 28px;font-size:1.15rem}.btn-ico{font-size:1.6em;line-height:1;display:grid}.btn.narrate{align-self:center;background:var(--card)}.btn.narrate.playing{background:var(--accent);color:#fff}.narration-missing{text-align:center;opacity:.6;margin:0;font-size:.85rem}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}main{padding-top:calc(max(16px,env(safe-area-inset-top)) + 48px)}.sound-toggle{position:fixed;top:max(8px,env(safe-area-inset-top));right:8px;z-index:5;width:56px;height:56px;border-radius:50%;border:2px solid var(--accent);background:var(--card);color:var(--accent);font-size:1.6rem;display:grid;place-items:center;cursor:pointer}.view{width:100%;overflow-x:clip;display:flex;justify-content:center;animation:view-in .3s ease-out both}@keyframes view-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page-anim{display:flex;flex-direction:column;gap:14px}.page-anim.slide-next{animation:slide-next .35s ease-out both}.page-anim.slide-prev{animation:slide-prev .35s ease-out both}@keyframes slide-next{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes slide-prev{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}.reader{touch-action:pan-y;-webkit-user-select:none;user-select:none}.dots{display:flex;gap:8px;align-items:center}.dots span{width:12px;height:12px;border-radius:50%;background:#e6cfae;transition:transform .2s,background .2s}.dots span.on{background:var(--accent);transform:scale(1.35)}.install{align-self:center}.install-tip{font-size:.85rem;opacity:.7;margin:0;max-width:28ch}.game-bar{display:flex;align-items:center;gap:12px}.game-hint{margin:0;text-align:center;opacity:.75}.card-stars{display:flex;gap:2px;color:#e6cfae;font-size:1.3rem}.card-stars .got{color:#f2b84b}.memory-grid{display:grid;grid-template-columns:repeat(var(--cols, 4),1fr);gap:10px}.mcard{aspect-ratio:1;border:0;padding:0;background:none;cursor:pointer;perspective:600px;min-height:64px}.mcard-inner{position:relative;display:block;width:100%;height:100%;transition:transform .45s;transform-style:preserve-3d}.mcard.up .mcard-inner{transform:rotateY(180deg)}.mcard-back,.mcard-front{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);backface-visibility:hidden;display:grid;place-items:center}.mcard-back{background:var(--accent);box-shadow:inset 0 0 0 6px #ffffff40}.mcard-front{background:var(--card);transform:rotateY(180deg);padding:10%;box-shadow:0 2px 6px #0000001f}.mcard-front svg,.mcard-front img{width:100%;height:100%;object-fit:contain}.mcard.ok .mcard-front{box-shadow:0 0 0 4px #6bbf8a;animation:pop .4s}@keyframes pop{50%{transform:rotateY(180deg) scale(1.1)}}.reward{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#28282873;display:grid;place-items:center;padding:16px;animation:view-in .25s both}.reward-card{position:relative;background:var(--card);border-radius:28px;padding:28px 24px;width:min(100%,420px);text-align:center;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 30px #00000040}.stars{display:flex;justify-content:center;gap:6px;font-size:clamp(3rem,14vw,4.5rem)}.star{color:#e6cfae;display:grid;transform:scale(0);animation:star-in .5s cubic-bezier(.3,1.6,.5,1) forwards}.star.got{color:#f2b84b}@keyframes star-in{to{transform:scale(1)}}.record{margin:0;font-weight:700;color:#3f8f63}.reward-actions{display:flex;flex-direction:column;gap:10px}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti span{position:absolute;top:-20px;width:12px;height:18px;border-radius:3px;animation:fall linear infinite}@keyframes fall{to{transform:translateY(110vh) rotate(540deg)}}@media (orientation: landscape) and (min-width: 600px){.app{flex-direction:row}.tabbar{order:-1;flex-direction:column;width:112px;height:100vh;position:sticky;top:0;border-top:0;border-right:1px solid var(--line);padding-bottom:0}.tabbar button{min-height:0}.tabbar button.active{box-shadow:inset 4px 0 0 var(--accent)}.app main{overflow-y:auto;height:100vh}}@media (min-width: 900px){.memory{max-width:520px;margin:0 auto;width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.confetti{display:none}}.reader .placeholder,.reader .media{max-height:50vh;object-fit:contain}@media (orientation: landscape) and (max-height: 600px){.reader{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:center;max-width:900px}.reader .page-anim{grid-column:1;grid-row:1 / span 2}.reader>.narrate,.reader>.narration-missing{grid-column:2;grid-row:1;align-self:end}.reader>.pager{grid-column:2;grid-row:2;align-self:start;margin-top:0}.reader .placeholder,.reader .media{max-height:46vh}}.memory-grid{max-width:max(280px,calc((100vh - 200px)*2));margin:0 auto}.welcome{position:relative;gap:12px;padding:8px 14px;justify-content:center;align-content:center}@media (min-width: 700px) and (orientation: portrait){.cover-art{width:min(46vw,400px)}.cover-art .media{max-height:56vh}.welcome{gap:18px}.welcome .subtitle{font-size:1.25rem}}.cover-art{width:min(62vw,300px);border-radius:28px;overflow:hidden;line-height:0;box-shadow:0 0 0 5px var(--card),0 0 0 7px var(--gold),0 18px 40px #9c2f1259;animation:float 6s ease-in-out infinite}.cover-art .media{border:0;border-radius:0;background:var(--ph);aspect-ratio:597 / 815;object-fit:cover;max-height:52vh}@keyframes float{50%{transform:translateY(-8px)}}.welcome h1.title{font-family:var(--font-title);font-weight:400;letter-spacing:.02em;margin-top:6px;font-size:clamp(3.4rem,16vw,6rem);line-height:1;color:var(--accent);text-shadow:0 2px 0 var(--card),0 4px 14px rgba(200,67,31,.25)}.welcome .subtitle{font-size:1.05rem;color:var(--muted);opacity:1;max-width:26ch}.demo-note{margin:4px 0 0;font-size:.8rem;color:var(--muted)}.petals{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;overflow:hidden;pointer-events:none;z-index:0}.petals span{position:absolute;top:-40px;border-radius:80% 0;opacity:.55;animation:petal-fall linear infinite}@keyframes petal-fall{0%{transform:translateY(0) rotate(0)}to{transform:translateY(105vh) rotate(380deg)}}.welcome>:not(.petals){position:relative;z-index:1}@media (orientation: landscape) and (max-height: 600px){.welcome{display:grid;grid-template-columns:auto 1fr;column-gap:28px;align-items:center;justify-items:start;max-width:900px;text-align:left}.welcome .cover-art{grid-row:1 / span 5;width:auto;height:62vh}.welcome .cover-art .media{height:100%;width:auto;max-height:none}.welcome .btn{justify-self:start}}