@font-face{font-family:Andika;src:url(../fonts/andika/andika-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Andika;src:url(../fonts/andika/andika-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(../fonts/fredoka/fredoka-variable.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}:root{--font-read: "Andika", "Comic Sans MS", system-ui, sans-serif;--font-display: "Fredoka", "Arial Rounded MT Bold", ui-rounded, system-ui, sans-serif;--font-adult: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-s: clamp(1rem, .9rem + .4vw, 1.15rem);--text-m: clamp(1.2rem, 1rem + .8vw, 1.5rem);--text-l: clamp(1.6rem, 1.2rem + 1.6vw, 2.25rem);--text-xl: clamp(2.1rem, 1.5rem + 2.6vw, 3.25rem);--text-xxl: clamp(2.8rem, 1.8rem + 4vw, 4.75rem);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--gutter: clamp(16px, 3vw, 40px);--radius-s: 12px;--radius-m: 20px;--radius-l: 28px;--radius-xl: 40px;--radius-pill: 999px;--touch-min: 88px;--depth: 6px;--shadow-soft: 0 10px 30px -12px rgb(0 0 0 / .25);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-press: 90ms;--dur-quick: .18s;--dur-calm: .4s}:root,[data-theme=sunshine]{--bg: #fff6e5;--bg-deep: #ffe2b3;--surface: #ffffff;--surface-2: #fff0d4;--ink: #3b2314;--ink-soft: #6b4630;--edge: #f0c48a;--primary: #c2410c;--primary-deep: #8a2d06;--on-primary: #ffffff;--accent: #ffc93c;--accent-deep: #d99a00;--on-accent: #3b2314;--correct: #17803a;--correct-deep: #0d5626;--on-correct: #ffffff;--star: #ffb300;--star-deep: #c77c00;--card-1: #ffd8b0;--card-2: #fff0a3;--card-3: #d3f2c2;--card-4: #c9e9ff;--card-5: #ffd6e4;--card-6: #e6dbff;--decor-1: #ffd27a;--decor-2: #ffb38a;--decor-3: #fff0b8;color-scheme:light}[data-theme=blossom]{--bg: #fff0f7;--bg-deep: #ffd3e8;--surface: #ffffff;--surface-2: #ffe6f2;--ink: #3d1440;--ink-soft: #6a3a6c;--edge: #f4b5d4;--primary: #c2185b;--primary-deep: #7f0f3c;--on-primary: #ffffff;--accent: #8e44ad;--accent-deep: #5e2a75;--on-accent: #ffffff;--correct: #17803a;--correct-deep: #0d5626;--on-correct: #ffffff;--star: #ffb300;--star-deep: #c77c00;--card-1: #ffcfe6;--card-2: #e6d4ff;--card-3: #ffe0b5;--card-4: #cdeeff;--card-5: #d6f5d6;--card-6: #fff1a8;--decor-1: #ffb8da;--decor-2: #dcc2ff;--decor-3: #ffe08a;color-scheme:light}[data-theme=rocket]{--bg: #eaf4ff;--bg-deep: #c7e0ff;--surface: #ffffff;--surface-2: #deedff;--ink: #0f2747;--ink-soft: #3a5476;--edge: #a9cbf5;--primary: #1565c0;--primary-deep: #0b3d78;--on-primary: #ffffff;--accent: #ff9d3d;--accent-deep: #c96a10;--on-accent: #0f2747;--correct: #17803a;--correct-deep: #0d5626;--on-correct: #ffffff;--star: #ffb300;--star-deep: #c77c00;--card-1: #cfe4ff;--card-2: #ffe0c2;--card-3: #d3f4e1;--card-4: #fff2b0;--card-5: #e2dbff;--card-6: #ffd7d7;--decor-1: #9fcbff;--decor-2: #ffc58a;--decor-3: #d9ecff;color-scheme:light}[data-theme=jungle]{--bg: #effbe6;--bg-deep: #cfefb9;--surface: #ffffff;--surface-2: #e3f6d6;--ink: #183a1d;--ink-soft: #3d5e3e;--edge: #a9d991;--primary: #2b7a2f;--primary-deep: #17491a;--on-primary: #ffffff;--accent: #ffcf33;--accent-deep: #c99a00;--on-accent: #183a1d;--correct: #0b6fa8;--correct-deep: #064a72;--on-correct: #ffffff;--star: #ffb300;--star-deep: #c77c00;--card-1: #d2f4c1;--card-2: #fff0a3;--card-3: #ffdcb5;--card-4: #c6eee4;--card-5: #e9f7a6;--card-6: #f3d6ff;--decor-1: #a8e08a;--decor-2: #ffe27a;--decor-3: #c8f0b0;color-scheme:light}[data-theme=ocean]{--bg: #e7fbfa;--bg-deep: #bfeeed;--surface: #ffffff;--surface-2: #d9f5f4;--ink: #0b3140;--ink-soft: #2f5664;--edge: #94dcd9;--primary: #00756b;--primary-deep: #00443e;--on-primary: #ffffff;--accent: #ff8a7a;--accent-deep: #d05a4a;--on-accent: #0b3140;--correct: #17803a;--correct-deep: #0d5626;--on-correct: #ffffff;--star: #ffb300;--star-deep: #c77c00;--card-1: #c6f1ef;--card-2: #cfe2ff;--card-3: #ffdfd8;--card-4: #fff2b5;--card-5: #dcd5ff;--card-6: #d5f4cf;--decor-1: #8fdcd8;--decor-2: #ffb3a8;--decor-3: #c7ecff;color-scheme:light}[data-theme=space]{--bg: #1a1446;--bg-deep: #0d0a2b;--surface: #2e2675;--surface-2: #241d5e;--ink: #fff8e8;--ink-soft: #d6d0ff;--edge: #120e36;--primary: #ffd23f;--primary-deep: #b88b00;--on-primary: #1a1446;--accent: #7fe3ff;--accent-deep: #2a9fc2;--on-accent: #1a1446;--correct: #2fd16a;--correct-deep: #138a3e;--on-correct: #0d2a17;--star: #ffd23f;--star-deep: #b88b00;--card-1: #3f3399;--card-2: #6a2c8a;--card-3: #1d5a8c;--card-4: #23664a;--card-5: #8a3559;--card-6: #6e5410;--decor-1: #4b3fb0;--decor-2: #ff8ad8;--decor-3: #7fe3ff;color-scheme:dark}[data-mode=parent]{--bg: #f4f5f8;--bg-deep: #e7e9ef;--surface: #ffffff;--surface-2: #eef0f5;--ink: #1d2433;--ink-soft: #4f586b;--edge: #d5d9e2;--primary: #3949ab;--primary-deep: #26317a;--on-primary: #ffffff;--accent: #e8eaf6;--accent-deep: #c5cae9;--on-accent: #1d2433;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{font-family:var(--font-display);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html[data-screen=lesson]{overscroll-behavior-y:none}body{margin:0;min-height:100dvh;background:radial-gradient(120% 80% at 50% 0%,var(--bg) 40%,var(--bg-deep) 100%) fixed,var(--bg);transition:background-color var(--dur-calm) var(--ease-out)}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0;background:none;padding:0}button:disabled{cursor:default}input{font:inherit;color:inherit}:focus-visible{outline:4px solid var(--primary);outline-offset:3px;box-shadow:0 0 0 3px var(--surface)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.read{font-family:var(--font-read)}.big-btn{--btn-bg: var(--primary);--btn-ink: var(--on-primary);--btn-edge: var(--primary-deep);--btn-h: var(--touch-min);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:var(--btn-h);min-width:var(--btn-h);padding:0 var(--space-6);border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--btn-ink);font-family:var(--font-display);font-weight:600;font-size:var(--text-m);letter-spacing:.01em;box-shadow:0 var(--depth) 0 var(--btn-edge),var(--shadow-soft);transform:translateY(0);transition:transform var(--dur-press) ease-out,box-shadow var(--dur-press) ease-out,filter var(--dur-quick);margin-bottom:var(--depth)}.big-btn:active:not(:disabled){transform:translateY(var(--depth)) scale(.98);box-shadow:0 0 0 var(--btn-edge),0 4px 10px -6px #0000004d}.big-btn:disabled{filter:saturate(.3) opacity(.55)}.big-btn[data-variant=accent]{--btn-bg: var(--accent);--btn-ink: var(--on-accent);--btn-edge: var(--accent-deep)}.big-btn[data-variant=soft]{--btn-bg: var(--surface);--btn-ink: var(--ink);--btn-edge: var(--edge)}.big-btn[data-variant=ghost]{--btn-bg: transparent;--btn-ink: var(--ink);--btn-edge: transparent;box-shadow:none;text-decoration:underline;text-underline-offset:.2em}.big-btn[data-size=md]{--btn-h: 64px;font-size:var(--text-s);padding:0 var(--space-5)}.big-btn[data-size=xl]{--btn-h: 112px;font-size:var(--text-l);padding:0 var(--space-7)}.big-btn--block{width:100%}.big-btn__icon{display:inline-flex;font-size:1.4em}.big-btn.big-btn--round{padding:0;width:var(--btn-h);height:var(--btn-h);border-radius:50%;font-size:calc(var(--btn-h) * .5)}@media(prefers-reduced-motion:reduce){.big-btn:active:not(:disabled){transform:none}}.avatar{display:block;flex:none;border-radius:50%;box-shadow:0 0 0 4px var(--surface),0 6px 0 4px var(--edge)}.avatar-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(88px,14vw,128px),1fr));gap:clamp(12px,2.5vw,24px);width:100%}.avatar-picker__option{position:relative;aspect-ratio:1;border-radius:50%;padding:6px;transition:transform var(--dur-quick) var(--ease-bounce)}.avatar-picker__option:active{transform:scale(.92)}.avatar-picker__option[aria-checked=true]{transform:scale(1.06)}.avatar-picker__option[aria-checked=true] .avatar{box-shadow:0 0 0 6px var(--primary),0 8px 0 6px var(--primary-deep)}.avatar-picker__tick{position:absolute;right:0;top:0;display:grid;place-items:center;width:34%;aspect-ratio:1;border-radius:50%;background:var(--correct);color:var(--on-correct);box-shadow:0 0 0 4px var(--surface);animation:star-pop .4s var(--ease-bounce) both}@media(prefers-reduced-motion:reduce){.avatar-picker__option,.avatar-picker__tick{transition:none;animation:none}}.child-face{display:block;flex:none;aspect-ratio:1;object-fit:cover;border-radius:50%;background:var(--surface-2)}.mascot{display:block;filter:drop-shadow(0 10px 14px rgb(0 0 0 / .18));pointer-events:none}.mascot--bounce{animation:mascot-bob 2.4s ease-in-out infinite}@keyframes mascot-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8%) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.mascot--bounce{animation:none}}.screen{position:relative;isolation:isolate;display:flex;flex-direction:column;height:100dvh;overflow:hidden;padding:max(var(--space-4),env(safe-area-inset-top)) max(var(--gutter),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));gap:var(--space-4);background:radial-gradient(120% 80% at 50% 0%,var(--bg) 40%,var(--bg-deep) 100%);color:var(--ink);transition:background-color var(--dur-calm)}.screen__decor{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.screen__twinkles{animation:twinkle 3.5s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.35}to{opacity:.9}}.screen__bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-4);flex:none}.screen__bar-start{display:flex;gap:var(--space-3)}.screen__bar-center{display:flex;justify-content:center;min-width:0}.screen__bar-end{display:flex;justify-content:flex-end;gap:var(--space-3)}.screen__body{flex:1;min-height:0;display:flex;flex-direction:column}.screen--scroll .screen__body{overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) var(--space-6)}[data-screen-mode=parent]{font-family:var(--font-adult)}@media(prefers-reduced-motion:reduce){.screen__twinkles{animation:none}}.picker{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,4dvh,48px);overflow-y:auto;padding:var(--space-2) 0 var(--space-4)}.picker>:first-child{margin-top:auto}.picker>:last-child{margin-bottom:auto}.picker__hello{border-radius:50%}.picker__kids{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(16px,4vw,48px);max-width:1100px}.picker__kid{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:clamp(14px,3vw,28px) clamp(14px,3vw,28px) var(--space-4);border-radius:var(--radius-xl);background:linear-gradient(170deg,var(--bg),var(--bg-deep));color:var(--ink);box-shadow:0 var(--depth) 0 var(--edge),var(--shadow-soft);transition:transform var(--dur-quick) var(--ease-bounce);margin-bottom:var(--depth)}.picker__kid:active{transform:translateY(var(--depth)) scale(.97)}.picker__kid .avatar{box-shadow:0 0 0 6px var(--surface),0 8px 0 6px var(--edge)}.picker__name{font-size:var(--text-l);font-weight:700}.picker__cog{opacity:.8}.picker__notice{max-width:520px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-m);background:var(--surface);color:var(--ink-soft);font-family:var(--font-adult);font-size:.95rem;text-align:center}.letter-glyph{display:block;flex:none}.letter-glyph--text{font-family:var(--font-read);font-weight:700;line-height:1;white-space:nowrap}.letter-glyph--text[data-variant=fun]{color:var(--primary);text-shadow:0 .05em 0 var(--primary-deep)}.section-art{display:grid;place-items:center;width:100%;height:100%}.section-art .letter-glyph,.section-art .section-art__word{height:58%;width:auto;max-width:80%}.section-art .letter-glyph--text{height:auto;font-size:2.4em}.section-art__svg{width:74%;height:auto;max-height:74%}.section-art .avatar{box-shadow:none}.choose{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,4dvh,40px);overflow-y:auto;padding:var(--space-2) 0 var(--space-4)}.choose>:first-child{margin-top:auto}.choose>:last-child{margin-bottom:auto}.choose__face{border-radius:50%}.choose__ask{width:clamp(64px,11dvh,96px);aspect-ratio:1;border-radius:50%;background:var(--surface);color:var(--primary);font-size:clamp(40px,7dvh,64px);font-weight:700;box-shadow:0 var(--depth) 0 var(--edge),var(--shadow-soft)}.choose__options{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(16px,3.5vw,40px);max-width:1100px}.choose__card{width:clamp(150px,min(30dvh,28vw),260px);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--radius-xl);background:linear-gradient(170deg,var(--surface),var(--bg-deep));box-shadow:0 var(--depth) 0 var(--edge),var(--shadow-soft);margin-bottom:var(--depth);transition:transform var(--dur-quick) var(--ease-bounce)}.choose__card:active{transform:translateY(var(--depth)) scale(.97)}.choose__art{width:82%;height:70%;display:grid;place-items:center}.choose__art .choose__word,.choose__art .section-art{width:100%;height:100%}.choose__art--mix{grid-template-rows:repeat(auto-fit,minmax(0,1fr));gap:4%}.choose__mini{width:100%;height:100%;min-height:0;display:grid;place-items:center}.choose__mini>*{max-width:100%;max-height:100%}.star-tracker{--star-size: 36px;display:inline-flex;flex-wrap:wrap;align-items:center;gap:calc(var(--star-size) * .12)}.star-tracker[data-size=sm]{--star-size: 24px}.star-tracker[data-size=lg]{--star-size: 52px}.star-tracker__star,.star-tracker__prize{display:inline-flex;width:var(--star-size);height:var(--star-size)}.star-tracker__star{color:color-mix(in srgb,var(--ink) 16%,transparent)}.star-tracker__star[data-on]{color:var(--star);filter:drop-shadow(0 2px 0 var(--star-deep));animation:star-pop .5s var(--ease-bounce) both}.star-tracker__prize{margin-left:calc(var(--star-size) * .15);padding:calc(var(--star-size) * .1);border-radius:50%;background:var(--surface);color:var(--primary);box-shadow:0 2px 0 var(--edge)}.star-tracker[data-done] .star-tracker__prize{background:var(--primary);color:var(--on-primary);animation:prize-wiggle 1.6s ease-in-out infinite}@keyframes star-pop{0%{transform:scale(.3) rotate(-30deg)}to{transform:scale(1) rotate(0)}}@keyframes prize-wiggle{0%,70%,to{transform:rotate(0) scale(1)}78%{transform:rotate(-12deg) scale(1.1)}86%{transform:rotate(10deg) scale(1.1)}94%{transform:rotate(-4deg) scale(1.05)}}@media(prefers-reduced-motion:reduce){.star-tracker__star[data-on],.star-tracker[data-done] .star-tracker__prize{animation:none}}.sticker{display:block;flex:none;overflow:visible;filter:drop-shadow(0 4px 6px rgb(0 0 0 / .25))}.sticker--empty{filter:grayscale(1) brightness(1.5) opacity(.22)}.wrapped{position:relative;flex:none;aspect-ratio:1}.wrapped__prize{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;border-radius:4%;background:radial-gradient(circle at 50% 45%,#fff,var(--surface-2));box-shadow:0 10px 24px -12px #00000080}.wrapped__prize>img{width:100%;height:100%;object-fit:cover}.wrapped__paper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.wrap-chunk{transform-box:fill-box;transform-origin:center;transition:transform .95s cubic-bezier(.3,.1,.3,1),opacity .95s ease-in}.wrap-chunk[data-off]{transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) skew(18deg) scale(.55);opacity:0}.wrapped__sparkle{transform-box:fill-box;transform-origin:center;animation:wrap-sparkle .9s ease-out both}@keyframes wrap-sparkle{0%{opacity:0;scale:.2;rotate:0deg}30%{opacity:1;scale:1.4}to{opacity:0;scale:.6;rotate:90deg}}.wrapped__bow{position:absolute;left:50%;top:50%;width:46%;translate:-50% -62%;overflow:visible;filter:drop-shadow(0 3px 2px rgb(0 0 0 / .25));transition:transform .7s var(--ease-bounce),opacity .6s ease-in .15s}.wrapped[data-done] .wrapped__bow{transform:translateY(-120%) rotate(-25deg) scale(1.3);opacity:0}.wrapped--wiggle{animation:wrapped-wiggle 1.8s ease-in-out infinite}@keyframes wrapped-wiggle{0%,60%,to{transform:rotate(0)}68%{transform:rotate(-5deg) scale(1.03)}76%{transform:rotate(4deg) scale(1.03)}84%{transform:rotate(-2deg)}92%{transform:rotate(1deg)}}@media(prefers-reduced-motion:reduce){.wrap-chunk{transition:opacity .7s ease}.wrap-chunk[data-off]{transform:none}.wrapped__sparkle{display:none}.wrapped__bow{transition:opacity .6s ease}.wrapped[data-done] .wrapped__bow{transform:none}.wrapped--wiggle{animation:none}}.zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--bg, #fff7ef) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;animation:zoom-fade var(--dur-quick, .2s) ease-out both}.zoom__item{width:min(82vw,72dvh,640px);aspect-ratio:1;display:grid;place-items:center;animation:zoom-pop .42s var(--ease-bounce, ease-out) both}@keyframes zoom-fade{0%{opacity:0}}@keyframes zoom-pop{0%{transform:scale(.3)}}@media(prefers-reduced-motion:reduce){.zoom__item{animation:none}}.stage-meter{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);border-radius:var(--radius-pill);background:var(--surface);box-shadow:0 5px 0 var(--edge);text-align:left}.stage-meter__art{flex:none;width:72px;height:72px;border-radius:50%;background:var(--card-1);font-size:12px}.stage-meter__body{flex:1;min-width:0;display:grid;gap:6px}.stage-meter__track{position:relative;display:block;height:22px;border-radius:var(--radius-pill);background:var(--surface-2);box-shadow:inset 0 3px #00000014;overflow:hidden}.stage-meter__fill{position:absolute;inset:3px auto 3px 3px;width:max(calc(var(--pct) - 6px),16px);border-radius:inherit;background:repeating-linear-gradient(-45deg,rgb(255 255 255 / .25) 0 8px,transparent 8px 16px),var(--primary);transition:width .7s var(--ease-bounce)}.present-meter{position:relative;flex:none;width:var(--touch-min);height:var(--touch-min);display:grid;place-items:center;border-radius:50%;background:var(--surface);box-shadow:0 5px 0 var(--edge)}.present-meter__art{display:block;width:70%}.present-meter .wrapped__prize{box-shadow:none}.present-meter__ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;background:conic-gradient(var(--star) var(--pct),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));transition:background .6s;pointer-events:none}@media(max-width:600px){.stage-meter__art{display:none}.stage-meter{padding-left:var(--space-4)}.stage-meter .star-tracker{--star-size: 16px}}@media(prefers-reduced-motion:reduce){.stage-meter__fill{transition:none}}.quiz-grid{flex:1;min-height:0;min-width:0;width:100%;display:grid;place-items:center}.quiz-grid__inner{display:flex;flex-wrap:wrap;justify-content:center;align-content:center}.quiz-grid__inner>.tile,.quiz-grid__inner>*{flex:none;width:var(--tile-w);height:var(--tile-size)}.tile{--size: var(--tile-size, 160px);--tile-depth: clamp(4px, calc(var(--size) * .05), 10px);--tile-face: var(--surface);--tile-ink: var(--ink);--tile-edge: var(--edge);--tile-radius: clamp(14px, calc(var(--size) * .2), 40px);position:relative;display:block;width:100%;height:100%;min-width:56px;min-height:56px;border-radius:var(--tile-radius);background:var(--tile-edge);box-shadow:0 calc(var(--tile-depth) * 1.5) 20px -12px #0006;transition:opacity var(--dur-calm) var(--ease-out),transform var(--dur-calm) var(--ease-out),filter var(--dur-calm)}.tile__face{position:absolute;inset:0 0 var(--tile-depth) 0;display:flex;align-items:center;justify-content:center;border-radius:var(--tile-radius);background:var(--tile-face);color:var(--tile-ink);transition:transform var(--dur-press) ease-out,background-color .25s ease,color .25s ease}.tile .letter-glyph{height:56%;width:auto;max-width:78%}.tile .letter-glyph--text{height:auto;font-size:calc(var(--size) * .5)!important}.tile:active:not([aria-disabled]) .tile__face{transform:translateY(calc(var(--tile-depth) * .85))}.tile[data-tint="1"]{--tile-face: var(--card-1)}.tile[data-tint="2"]{--tile-face: var(--card-2)}.tile[data-tint="3"]{--tile-face: var(--card-3)}.tile[data-tint="4"]{--tile-face: var(--card-4)}.tile[data-tint="5"]{--tile-face: var(--card-5)}.tile[data-tint="6"]{--tile-face: var(--card-6)}.tile[data-state=correct]{--tile-face: var(--correct);--tile-ink: var(--on-correct);--tile-edge: var(--correct-deep);z-index:2;animation:tile-bounce .75s var(--ease-bounce) both}.tile[data-state=wrong]{--tile-face: var(--surface-2);--tile-ink: var(--ink-soft);animation:tile-wobble .52s ease-in-out both;opacity:.78}.tile[data-state=dim]{opacity:.35;filter:saturate(.4);transform:scale(.94);cursor:default}@keyframes tile-bounce{0%{transform:scale(1)}25%{transform:translateY(-10%) scale(1.12)}50%{transform:translateY(0) scale(.95)}70%{transform:translateY(-4%) scale(1.05)}to{transform:scale(1.04)}}@keyframes tile-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}40%{transform:rotate(4deg)}60%{transform:rotate(-2.5deg)}80%{transform:rotate(1.5deg)}}.tile__burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tile__burst>span{position:absolute;left:50%;top:50%;width:calc(var(--size) * .16);height:calc(var(--size) * .16);margin:calc(var(--size) * -.08);background:var(--star);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:tile-burst .8s var(--ease-out) forwards}.tile__burst>span:nth-child(2n){background:var(--accent)}@keyframes tile-burst{0%{transform:rotate(calc(var(--i) * 45deg)) translateY(0) scale(.2);opacity:1}70%{opacity:1}to{transform:rotate(calc(var(--i) * 45deg + 30deg)) translateY(calc(var(--size) * -.75)) scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){.tile[data-state=correct],.tile[data-state=wrong]{animation:none}.tile__burst{display:none}.tile:active:not([aria-disabled]) .tile__face{transform:none}}.lesson__bar{flex:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"face stage tools";align-items:center;gap:var(--space-4)}.lesson__face{grid-area:face;border-radius:50%;padding:4px;transition:transform var(--dur-quick) var(--ease-bounce)}.lesson__face:active{transform:scale(.92)}.lesson__face .avatar{box-shadow:0 0 0 4px var(--surface),0 5px 0 4px var(--edge)}.lesson__stage{grid-area:stage;max-width:520px;width:100%;justify-self:center}.lesson__tools{grid-area:tools;display:flex;align-items:center;gap:var(--space-3)}.lesson__book{position:relative;display:grid;place-items:center;width:64px;height:76px}.lesson__book-cover{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px 14px 14px 8px;background:linear-gradient(90deg,var(--primary-deep) 0 12%,var(--primary) 12%);box-shadow:0 5px 0 var(--primary-deep)}.lesson__book .sticker{position:relative;margin-left:8%}.lesson__book:active{transform:translateY(3px)}.lesson__cog{opacity:.75;--btn-h: 52px}.lesson__prompt{flex:none;display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.lesson__replay{flex:none}.lesson__bubble{position:relative;min-width:min(100% - 100px,560px);padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);background:var(--surface);color:var(--ink);font-size:var(--text-xl);line-height:1.15;text-align:center;box-shadow:0 5px 0 var(--edge)}.lesson__bubble:before{content:"";position:absolute;left:-14px;top:50%;margin-top:-14px;border:14px solid transparent;border-left:0;border-right-color:var(--surface)}.lesson__bubble b{color:var(--primary)}.lesson__bubble[data-tone=yay] b{color:var(--correct)}.lesson .screen__body{gap:var(--space-3)}@media(max-width:640px){.lesson__bar{grid-template-columns:auto 1fr;grid-template-areas:"face tools" "stage stage";gap:var(--space-2) var(--space-3)}.lesson__tools{justify-self:end}.lesson__bubble{font-size:var(--text-l);padding:var(--space-2) var(--space-4)}}@media(max-height:560px){.lesson__bubble{font-size:var(--text-l);padding:var(--space-2) var(--space-5)}.lesson__replay{--btn-h: 64px}}.lesson__start{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20}.lesson__start-button{transform:scale(1.8);animation:lesson-start-pulse 1.6s ease-in-out infinite}@keyframes lesson-start-pulse{50%{transform:scale(1.95)}}@media(prefers-reduced-motion:reduce){.lesson__start-button{animation:none}}.lesson .quiz-grid{transition:opacity var(--dur-quick) ease-out,filter var(--dur-quick) ease-out}.lesson--wait .quiz-grid{opacity:.55;filter:saturate(.4);pointer-events:none}.lesson__wait{position:fixed;left:12%;right:12%;bottom:max(18px,env(safe-area-inset-bottom));z-index:5;height:14px;border-radius:999px;background:var(--accent);box-shadow:0 3px 0 var(--accent-deep);transform-origin:left center;animation:lesson-wait var(--wait) linear forwards}@keyframes lesson-wait{to{transform:scaleX(0)}}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,2dvh,18px);width:min(100%,360px)}.number-pad__key{height:clamp(64px,10dvh,88px);border-radius:var(--radius-m);background:var(--surface);color:var(--ink);font-family:var(--font-adult);font-size:clamp(1.6rem,4dvh,2.2rem);font-weight:500;font-variant-numeric:tabular-nums;box-shadow:0 2px 0 var(--edge),0 6px 16px -10px #0000004d;transition:transform var(--dur-press),background-color var(--dur-press)}.number-pad__key:active:not(:disabled){transform:scale(.95);background:var(--surface-2)}.number-pad__key--erase{background:transparent;box-shadow:none;color:var(--ink-soft)}.pin-entry{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2dvh,16px)}.pin-entry__title{font-family:var(--font-display);font-size:var(--text-l);font-weight:600}.pin-entry__sub{color:var(--ink-soft)}.pin-entry__dots{display:flex;gap:var(--space-5);margin:var(--space-3) 0 0}.pin-entry__dots span{width:20px;height:20px;border-radius:50%;border:2px solid var(--ink-soft);transition:background-color var(--dur-press),transform var(--dur-quick) var(--ease-bounce)}.pin-entry__dots span[data-on]{background:var(--primary);border-color:var(--primary);transform:scale(1.1)}.pin-entry__dots[data-wrong]{animation:pin-shake .4s ease-in-out}.pin-entry__error{min-height:1.5em;font-size:.95rem;color:var(--ink-soft)}@keyframes pin-shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}}@media(prefers-reduced-motion:reduce){.pin-entry__dots[data-wrong]{animation:none}}.gate-wrap{height:100dvh}.choice-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:var(--space-3)}.choice{display:grid;gap:2px;min-height:64px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--surface);border:2px solid var(--edge);text-align:left}.choice[aria-checked=true],.choice[data-checked]{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary);background:var(--accent)}.choice--row{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-3)}.choice__main{flex:1;display:grid;gap:2px;min-height:48px;text-align:left}.choice__title{font-weight:600;display:inline-flex;align-items:center;gap:var(--space-2)}.choice__hint{font-size:.875rem;color:var(--ink-soft)}.choice--soon{border-style:dashed;background:transparent}.choice .big-btn{--depth: 3px;margin-bottom:3px;min-height:44px;font-family:var(--font-adult)}.voice-settings{display:grid;gap:var(--space-5)}.field{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);min-width:0}.field__label{font-weight:600}.field__hint{font-size:.875rem;color:var(--ink-soft)}.field__input{min-height:52px;padding:0 var(--space-4);border-radius:var(--radius-s);border:2px solid var(--edge);background:var(--surface);font-size:1.1rem;-webkit-user-select:text;user-select:text}.field__input:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip-btn{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:2px solid var(--edge);background:var(--surface);font-weight:600}.chip-btn[aria-pressed=true]{border-color:var(--primary);background:var(--accent)}.segmented{display:inline-flex;justify-self:start;width:max-content;padding:4px;gap:4px;border-radius:var(--radius-pill);background:var(--surface-2)}.segmented button{min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-pill);font-weight:600;color:var(--ink-soft)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000026}.account{display:grid;gap:var(--space-4)}.account__row{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap}.account__grow{flex:1 1 240px;min-width:0}.account__code-input{font-size:1.4rem;letter-spacing:.15em;max-width:260px}.account__kids{display:grid;gap:var(--space-3);padding:0;margin:0;list-style:none}.account__kid{display:grid;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-s);border:1px solid var(--edge)}.account__kid .account__row{align-items:center}.account__invite{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-s);background:var(--bg-deep)}.account__invite-code{font-size:clamp(1.8rem,1.2rem + 3vw,2.6rem);font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all}.account__error{color:var(--danger, #c0392b);font-weight:600}.photo-picker{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.photo-picker__preview{display:grid;place-items:center;flex:none;width:128px;aspect-ratio:1;overflow:hidden;border-radius:50%;background:var(--surface-2);color:var(--ink-soft);box-shadow:0 0 0 4px var(--surface),0 0 0 6px var(--edge)}.photo-picker[data-shape=frame] .photo-picker__preview{width:110px;aspect-ratio:5 / 6;border-radius:8px;border:7px solid #fff;border-bottom-width:18px;box-shadow:0 8px 18px -10px #00000080;transform:rotate(-3deg)}.photo-picker__preview img{width:100%;height:100%;object-fit:cover}.photo-picker__side{display:grid;gap:var(--space-2);justify-items:start;flex:1;min-width:200px}.photo-picker__btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font-weight:600;cursor:pointer}.photo-picker__btn[data-busy]{opacity:.7}.photo-picker input:focus-visible+.photo-picker__remove,.photo-picker:has(input:focus-visible) .photo-picker__btn{outline:4px solid var(--primary);outline-offset:3px}.photo-picker__remove{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-3);color:var(--ink-soft);text-decoration:underline}.photo-picker__error{color:var(--ink);font-weight:600}.photo-picker__note{font-size:.875rem;color:var(--ink-soft)}.theme-card{position:relative;display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-l);background:var(--surface);color:var(--ink);text-align:left;box-shadow:0 var(--depth) 0 var(--edge),var(--shadow-soft);transition:transform var(--dur-quick) var(--ease-bounce);margin-bottom:var(--depth)}.theme-card:active{transform:scale(.96)}.theme-card[aria-checked=true]{box-shadow:0 0 0 5px var(--primary),0 var(--depth) 0 5px var(--primary-deep);transform:scale(1.03)}.theme-card__sky{position:relative;display:flex;align-items:center;gap:var(--space-2);height:92px;padding:var(--space-3);margin-bottom:var(--space-2);border-radius:var(--radius-m);background:linear-gradient(160deg,var(--bg),var(--bg-deep));overflow:hidden}.theme-card__tile{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--surface);color:var(--ink);font-size:1.8rem;font-weight:700;box-shadow:0 4px 0 var(--edge)}.theme-card__tile--correct{background:var(--correct);color:var(--on-correct);box-shadow:0 4px 0 var(--correct-deep)}.theme-card__star{width:30px;height:30px;color:var(--star)}.theme-card__pill{position:absolute;right:var(--space-3);bottom:var(--space-3);width:46px;height:22px;border-radius:var(--radius-pill);background:var(--primary)}.theme-card__name{font-size:var(--text-m);font-weight:600}.theme-card__blurb{font-size:.95rem;color:var(--ink-soft)}.theme-card__tick{position:absolute;top:-10px;right:-10px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--correct);color:var(--on-correct);box-shadow:0 0 0 4px var(--surface)}.child-form{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.child-form__set{margin:0;padding:0;border:0;min-width:0}.child-form__name{font-size:1.5rem;font-weight:700;max-width:420px}.child-form__genders{display:flex;gap:var(--space-4)}.child-form__gender{display:grid;justify-items:center;gap:var(--space-1);width:140px;padding:var(--space-3);border-radius:var(--radius-m);border:2px solid var(--edge);background:linear-gradient(170deg,var(--bg),var(--bg-deep));color:var(--ink);font-weight:600}.child-form__gender svg{width:84px;height:84px}.child-form__gender[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary)}.child-form .avatar-picker{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));max-width:760px}.child-form__themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:var(--space-4);padding:var(--space-2)}.child-form .theme-card{font-family:var(--font-display)}.child-form__about{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:var(--space-3);max-width:760px}.child-form__about>.field,.child-form__about select{min-width:0;width:100%}.child-form__school{grid-column:1 / -1;max-width:520px}.report__grid{list-style:none;margin:var(--space-3) 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:var(--space-2)}.report__item{display:grid;justify-items:center;gap:2px;padding:6px 4px;border-radius:12px;border:2px solid transparent;background:#f2efe9;color:#2b2140}.report__char{font-family:var(--font-read, inherit);font-size:1.6rem;font-weight:700;line-height:1}.report__counts,.report__mix{font-size:.75rem;white-space:nowrap}[data-status=knows]{background:#dff5e1;border-color:#4ccb5e}[data-status=tricky]{background:#ffe1e3;border-color:#ff5964}[data-status=learning]{background:#fff4d6;border-color:#ffc21a}[data-status=new]{background:#f2efe9;color:#8a8496}.report__key span[data-status]{padding:0 6px;border-radius:6px;border:2px solid}.reward-editor{display:grid;gap:var(--space-4)}.reward-editor .segmented{justify-self:start}.reward-editor__sticker{display:flex;align-items:center;gap:var(--space-4)}.reward-editor__prize{display:grid;gap:var(--space-4)}.parent-wrap{height:100dvh}.parent__brand{font-family:var(--font-display);font-weight:600;font-size:1.3rem;color:var(--primary)}.parent__title{font-size:1.25rem;font-weight:600}.parent{display:grid;gap:var(--space-5);max-width:1000px;width:100%;margin:0 auto;font-size:1rem}.panel{display:grid;gap:var(--space-4);padding:clamp(16px,3vw,28px);border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--edge);min-width:0}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.panel__title{font-size:1.2rem;font-weight:600}.panel__editor{display:grid;gap:var(--space-5)}.panel__editor h3{font-size:1.1rem}.panel__actions{display:flex;gap:var(--space-3)}.panel .big-btn{--depth: 3px;margin-bottom:3px;font-family:var(--font-adult);font-weight:600;min-height:48px}.panel .big-btn--round{--btn-h: 44px;min-height:44px}.panel__list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.muted{color:var(--ink-soft)}.small{font-size:.875rem}.kid-row{display:flex;align-items:center;gap:var(--space-4)}.kid-row .avatar{box-shadow:none}.kid-row__text{flex:1;min-width:0}.kid-row__name{font-weight:600;font-size:1.1rem}.parent__kids{display:flex;gap:var(--space-2);flex-wrap:wrap}.parent__kid{display:flex;align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-1) var(--space-4) var(--space-1) var(--space-1);border-radius:var(--radius-pill);border:2px solid var(--edge);background:var(--surface);font-weight:600}.parent__kid .avatar{box-shadow:none}.parent__kid[aria-checked=true]{border-color:var(--primary);background:var(--accent)}.section-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.section-row{border-radius:var(--radius-s);border:1px solid var(--edge);background:var(--surface)}.section-row[data-now]{border:2px solid var(--primary);background:color-mix(in srgb,var(--accent) 60%,var(--surface))}.section-row[data-done] .section-row__art{filter:saturate(.6);opacity:.8}.section-row__main{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.section-row__art{width:52px;height:52px;border-radius:50%;background:var(--surface-2);font-size:9px}.section-row__name{font-weight:600}.section-row__reward{display:flex;align-items:center;gap:var(--space-2);min-height:48px;max-width:220px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-s);border:1px dashed var(--edge);font-size:.9rem;text-align:left}.section-row__reward span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-row__reward img{width:34px;height:40px;object-fit:cover;border:3px solid #fff;border-bottom-width:7px;border-radius:3px;box-shadow:0 2px 5px #00000040}.section-row__nophoto{font-size:.75rem;color:var(--ink-soft)}.section-row__reward[aria-expanded=true]{border-style:solid;border-color:var(--primary)}.section-row__tools{display:flex;align-items:center;gap:var(--space-2)}.section-row__editor{padding:var(--space-4);border-top:1px solid var(--edge)}@media(max-width:760px){.section-row__main{grid-template-columns:auto minmax(0,1fr) auto}.section-row__tools{grid-column:1 / -1;justify-content:flex-end}}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:max(var(--gutter),env(safe-area-inset-top)) max(var(--gutter),env(safe-area-inset-right)) max(var(--gutter),env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--bg) 92%,transparent),color-mix(in srgb,var(--bg-deep) 96%,transparent));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow-x:hidden;overflow-y:auto;animation:celebration-in .3s var(--ease-out) both}.celebration__confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti{position:absolute;top:-40px;width:14px;height:14px;border-radius:50%;animation:confetti-fall var(--dur) var(--delay) linear infinite}.confetti[data-shape=bar]{width:10px;height:22px;border-radius:4px}.confetti[data-shape=star]{width:22px;height:22px;border-radius:0;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}@keyframes confetti-fall{0%{transform:translate(0) rotate(0);opacity:1}85%{opacity:1}to{transform:translate(var(--drift),110dvh) rotate(var(--spin));opacity:0}}.celebration__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2dvh,16px);max-width:720px;margin:auto 0;text-align:center;animation:celebration-pop .6s .1s var(--ease-bounce) both}.celebration__hero{position:relative;display:grid;place-items:center}.celebration__burst{position:absolute;width:170%;aspect-ratio:1;animation:burst-spin 14s linear infinite}.celebration__hero .mascot{position:relative}.celebration__title{font-size:clamp(2.4rem,1.5rem + 4.5dvh,4.75rem);font-weight:700;line-height:1;color:var(--primary);text-shadow:0 4px 0 var(--surface)}.celebration__message{font-size:clamp(1.25rem,1rem + 1.2vmin,2rem);color:var(--ink)}@keyframes celebration-in{0%{opacity:0}}@keyframes celebration-pop{0%{transform:scale(.6);opacity:0}}@keyframes burst-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.celebration,.celebration__card,.celebration__burst{animation:none}.confetti{animation:none;top:var(--rest-top);opacity:.8}}.prize-photo{position:relative;display:block;flex:none;aspect-ratio:5 / 6;min-width:72px;transform:rotate(4deg);transition:transform var(--dur-quick) var(--ease-bounce)}.prize-photo:active{transform:rotate(0) scale(.95)}.prize-photo__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;padding:7% 7% 20%;border-radius:10px;background:#fff;box-shadow:0 10px 24px -10px #00000073,0 0 0 3px var(--star)}.prize-photo__img,.prize-photo__gift{display:block;width:100%;height:100%;border-radius:4px;object-fit:cover;background:var(--surface-2)}.prize-photo__gift{display:grid;place-items:center;padding:12%}.prize-photo__bow{position:absolute;top:-12%;left:50%;width:46%;transform:translate(-50%)}.prize-photo__bow svg{display:block;width:100%}.prize-photo[data-featured]{animation:prize-sway 3s ease-in-out infinite}.prize-photo[data-featured] .prize-photo__frame{box-shadow:0 14px 30px -10px #00000080,0 0 0 5px var(--star),0 0 34px 8px color-mix(in srgb,var(--star) 55%,transparent)}.prize-photo__sparkles i{position:absolute;width:22%;aspect-ratio:1;background:var(--star);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:twinkle-star 1.8s ease-in-out infinite}.prize-photo__sparkles i:nth-child(1){left:-14%;top:10%}.prize-photo__sparkles i:nth-child(2){right:-16%;top:34%;animation-delay:.6s;width:16%}.prize-photo__sparkles i:nth-child(3){left:8%;bottom:-10%;animation-delay:1.2s;width:14%}@keyframes prize-sway{0%,to{transform:rotate(4deg)}50%{transform:rotate(-3deg) translateY(-3%)}}@keyframes twinkle-star{0%,to{transform:scale(.6) rotate(0);opacity:.5}50%{transform:scale(1.1) rotate(20deg);opacity:1}}@media(prefers-reduced-motion:reduce){.prize-photo[data-featured],.prize-photo__sparkles i{animation:none}}.reveal__stage{flex:1;display:grid;place-items:center}.reveal__present{width:min(72vw,58dvh,440px);border-radius:4%;transition:transform .3s var(--ease-bounce),opacity .4s}.reveal__present:active{transform:scale(.95)}.reveal__present[data-phase=opening]{animation:present-burst 1.5s var(--ease-out) both}.reveal__present[data-phase=open]{opacity:0}.reveal .celebration__card>.prize-photo,.reveal__sticker{animation:prize-rise .8s .1s var(--ease-bounce) both}.reveal__sticker{border-radius:50%}@keyframes present-burst{0%,55%{transform:scale(1);opacity:1}75%{transform:scale(1.08) rotate(-2deg);opacity:1}to{transform:scale(1.25);opacity:0}}@keyframes prize-rise{0%{transform:translateY(40%) scale(.4);opacity:0}}@media(prefers-reduced-motion:reduce){.reveal__present[data-phase=opening]{animation:reveal-fade .9s ease-out both}.reveal .celebration__card>.prize-photo,.reveal__sticker{animation:reveal-fade-in .6s ease-out both}@keyframes reveal-fade{to{opacity:.2}}@keyframes reveal-fade-in{0%{opacity:0}}}.setup-wrap{height:100dvh}.setup__count{color:var(--ink-soft);font-weight:600}.setup{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;padding-top:var(--space-2)}.setup__card{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:var(--space-5);width:min(100%,820px);padding:clamp(20px,4vw,40px);border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--edge);font-size:1.05rem}.setup__card h1{font-family:var(--font-display);font-size:clamp(1.6rem,1.2rem + 1.5vw,2.2rem);font-weight:600;line-height:1.15}.setup__lead{color:var(--ink-soft);margin-top:calc(var(--space-3) * -1)}.setup__card>.big-btn{justify-self:start;font-family:var(--font-adult)}.setup__welcome{justify-items:center;text-align:center;max-width:560px}.setup__welcome>.big-btn{justify-self:center}.setup__pin{min-height:min(620px,80dvh)}.setup__me-name{max-width:420px;font-size:1.3rem}.setup__set{margin:0;padding:0;border:0;min-width:0}.setup__set .segmented{flex-wrap:wrap}.login{display:grid;place-items:center;padding:16px;overflow:auto}.login .account{width:100%;text-align:left}.sticker-book__page{flex:1;min-height:0;display:flex;flex-direction:column;gap:clamp(20px,5vmin,48px);padding:clamp(16px,4vmin,48px);border-radius:var(--radius-l);background:linear-gradient(90deg,transparent 49%,rgb(0 0 0 / .06) 50%,transparent 51%),#fffaf0;box-shadow:0 10px #e9dcc2,var(--shadow-soft);overflow-y:auto;color:#2b2140}.sticker-book__group{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(92px,14vmin,160px),1fr));gap:clamp(10px,2.5vmin,28px)}.sticker-book__group+.sticker-book__group{padding-top:clamp(16px,4vmin,40px);border-top:4px dotted #e6d9bd}.sticker-book__slot{aspect-ratio:1;padding:10%;border-radius:50%;border:4px dashed #e6d9bd;transition:transform var(--dur-quick) var(--ease-bounce)}.sticker-book__slot[data-have]{border-color:transparent}.sticker-book__slot:active{transform:scale(.92) rotate(-4deg)}.sticker-book__slot[data-new]{animation:sticker-new .9s var(--ease-bounce) both}@keyframes sticker-new{0%{transform:scale(.2) rotate(-30deg)}60%{transform:scale(1.15) rotate(6deg)}to{transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.sticker-book__slot[data-new]{animation:sticker-fade .6s ease-out both}}@keyframes sticker-fade{0%{opacity:0}}