.debug-fab{position:fixed;right:16px;bottom:16px;z-index:9999;padding:8px 14px;border:none;border-radius:999px;background:#1f2937;color:#e5e7eb;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #0000004d}.debug-fab:hover{background:#374151}.debug-panel{position:fixed;top:0;right:0;bottom:0;z-index:9999;display:flex;flex-direction:column;width:min(560px,100vw);background:#0f172a;color:#e2e8f0;box-shadow:-8px 0 30px #0006;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.debug-panel__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#1e293b;border-bottom:1px solid #334155}.debug-panel__actions{display:flex;gap:8px}.debug-panel button{border:1px solid #475569;border-radius:6px;background:#334155;color:#e2e8f0;padding:5px 10px;font-size:12px;cursor:pointer}.debug-panel button:hover:not(:disabled){background:#475569}.debug-panel button:disabled{opacity:.4;cursor:not-allowed}.debug-panel__list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.debug-panel__empty{color:#94a3b8;font-size:13px;text-align:center;margin-top:24px}.debug-entry{border:1px solid #334155;border-left:4px solid #64748b;border-radius:8px;background:#111827;padding:10px}.debug-entry[data-status=done]{border-left-color:#34d399}.debug-entry[data-status=pending]{border-left-color:#fbbf24}.debug-entry[data-status=error]{border-left-color:#f87171}.debug-entry[data-status=aborted]{border-left-color:#94a3b8}.debug-entry__head{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:12px}.debug-entry__id{font-weight:700;color:#93c5fd}.debug-entry__status{color:#cbd5e1}.debug-entry__time{color:#64748b}.debug-entry__head button{margin-left:auto;padding:3px 8px}.debug-entry__block{margin:0;padding:8px 10px;border-radius:6px;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:320px;overflow-y:auto}.debug-entry__prompt{background:#0b1220;color:#cbd5e1}.debug-entry__result{margin-top:6px;background:#052e22;color:#a7f3d0}.debug-entry__error{margin-top:6px;background:#3f1d1d;color:#fecaca}:root{--ink: #26333f;--ink-soft: #5d6e7f;--surface: rgba(255, 252, 244, .96);--surface-tint: #fff2d7;--surface-edge: rgba(133, 92, 35, .16);--primary: #1f9d8a;--primary-strong: #0b6f63;--primary-soft: rgba(31, 157, 138, .14);--accent: #e66b2f;--accent-soft: #ffe0bd;--grad-primary: linear-gradient(135deg, #1fae98 0%, #2f7fd8 100%);--grad-sun: linear-gradient(145deg, #ffe77a 0%, #ffb84d 58%, #f58235 100%);--success: #128764;--grad-success: linear-gradient(135deg, #18a77c 0%, #0d7f68 100%);--danger: #c84c6b;--gold: #f2a72b;--grad-gold: linear-gradient(135deg, #ffe062 0%, #f2992e 100%);--r-sm: 12px;--r-md: 20px;--r-lg: 28px;--r-pill: 999px;--shadow-sm: 0 8px 0 rgba(82, 55, 25, .1), 0 14px 24px -18px rgba(69, 52, 32, .45);--shadow-md: 0 10px 0 rgba(82, 55, 25, .1), 0 22px 42px -24px rgba(69, 52, 32, .5);--shadow-lg: 0 14px 0 rgba(82, 55, 25, .1), 0 34px 70px -30px rgba(69, 52, 32, .5);--ring: 0 0 0 4px rgba(31, 157, 138, .32);color:var(--ink);font-family:Nunito,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:#d7ece4}h1,h2,h3{font-family:"Baloo 2",Nunito,system-ui,sans-serif}button,input{font:inherit}button{min-height:52px;padding:12px 20px;border:none;border-radius:var(--r-pill);background:var(--surface);color:var(--ink);cursor:pointer;font-weight:800;touch-action:manipulation;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,background .2s ease,color .2s ease}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}button:active:not(:disabled){transform:translateY(1px) scale(.97)}button:focus-visible{outline:none;box-shadow:var(--ring)}button:disabled{cursor:not-allowed;opacity:.42}.screen{position:relative;z-index:1;width:min(100%,760px);min-height:100dvh;margin:0 auto;padding:30px 20px 44px}.app-shell{position:relative;isolation:isolate;min-height:100dvh;overflow:hidden}.theme-scene-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#d7ece4}.theme-scene-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.02)}.theme-scene-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(255,252,244,.2),transparent 36%),linear-gradient(180deg,#ffffff1f,#fff7e247)}.app-shell[data-theme=candy]{--primary: #d64a83;--primary-strong: #9b285c;--primary-soft: rgba(214, 74, 131, .15);--grad-primary: linear-gradient(135deg, #d64a83 0%, #f28b54 100%)}.app-shell[data-theme=animals]{--primary: #2d9c67;--primary-strong: #17623f;--primary-soft: rgba(45, 156, 103, .15);--grad-primary: linear-gradient(135deg, #2d9c67 0%, #8bb83f 100%)}.app-shell[data-theme=dinosaurs]{--primary: #6b8f29;--primary-strong: #485f18;--primary-soft: rgba(107, 143, 41, .17);--grad-primary: linear-gradient(135deg, #6b8f29 0%, #d68a31 100%)}.app-shell[data-theme=space]{--primary: #2f5fb8;--primary-strong: #1f3975;--primary-soft: rgba(47, 95, 184, .16);--grad-primary: linear-gradient(135deg, #2f5fb8 0%, #1fae98 100%)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.loading-screen,.theme-picker,.celebration-screen{display:grid;align-content:center;justify-items:center;gap:20px;text-align:center}.screen h1{position:relative;margin:0;font-size:clamp(30px,7vw,52px);line-height:1.05;color:var(--ink)}.screen h1:after{content:"";display:block;width:68%;height:10px;margin:-4px auto 0;border-radius:var(--r-pill);background:var(--accent-soft);transform:rotate(-1deg);opacity:.9}.screen p{max-width:560px;margin:0;font-size:clamp(17px,2.4vw,21px);line-height:1.5;color:var(--ink-soft)}.eyebrow{display:inline-block;margin:0;padding:8px 18px;border:2px solid rgba(255,255,255,.8);border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary-strong);font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}@keyframes pop-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-screen>*,.theme-picker>*:not(.preparing-panel),.celebration-screen>*,.play-screen>*{animation:pop-in .45s cubic-bezier(.22,1,.36,1) both}.loading-screen,.theme-picker,.celebration-screen,.play-screen{filter:drop-shadow(0 26px 44px rgba(66,49,27,.08))}.loading-stage{position:relative;display:grid;place-items:center;width:138px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,252,244,.98) 0 34%,transparent 35%),conic-gradient(from 0deg,#1fae9814,#2f7fd86b,#f2a72b5c,#1fae9814);box-shadow:var(--shadow-lg);animation:loading-float 2.8s ease-in-out infinite!important}.loading-stage__ring,.loading-stage__spark{position:absolute;display:block}.loading-stage__ring{inset:14px;border:3px solid rgba(47,127,216,.28);border-top-color:#1f9d8adb;border-radius:50%;animation:loading-spin 1.7s linear infinite}.loading-stage__ring--inner{inset:31px;border-color:#f2a72b40;border-right-color:#f2a72be6;animation-duration:1.15s;animation-direction:reverse}.loading-stage__core{display:grid;place-items:center;width:62px;aspect-ratio:1;border-radius:22px;background:var(--grad-primary);color:#fff;font-family:"Baloo 2",Nunito,system-ui,sans-serif;font-size:25px;font-weight:900;box-shadow:inset 0 -8px #0000001a}.loading-stage__spark{width:15px;aspect-ratio:1;border-radius:50%;background:var(--grad-sun);animation:loading-spark 1.8s ease-in-out infinite}.loading-stage__spark--one{top:14px;right:28px}.loading-stage__spark--two{left:14px;bottom:31px;animation-delay:.22s}.loading-stage__spark--three{right:16px;bottom:18px;width:10px;animation-delay:.44s}@keyframes loading-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-spark{0%,to{opacity:.45;transform:scale(.72)}50%{opacity:1;transform:scale(1.12)}}.progress-track{position:relative;width:min(100%,460px);height:24px;overflow:hidden;border-radius:var(--r-pill);border:3px solid rgba(255,255,255,.72);background:linear-gradient(90deg,rgba(255,255,255,.34),transparent 24% 76%,rgba(255,255,255,.3)),#fffcf4d1;box-shadow:inset 0 2px 5px #55412624}.progress-track:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 36%,rgba(255,255,255,.62) 46%,transparent 58% 100%);transform:translate(-100%);animation:progress-sheen 1.7s ease-in-out infinite}.progress-track span{position:relative;display:block;height:100%;border-radius:var(--r-pill);background:repeating-linear-gradient(-45deg,rgba(255,255,255,.24) 0 9px,transparent 9px 18px),var(--grad-primary);transition:width .35s cubic-bezier(.22,1,.36,1);animation:progress-stripes .85s linear infinite}.progress-track.is-indeterminate span{width:42%!important;animation:progress-slide 1.2s ease-in-out infinite}@keyframes progress-slide{0%{transform:translate(-110%)}to{transform:translate(260%)}}@keyframes progress-stripes{to{background-position:36px 0,0 0}}@keyframes progress-sheen{to{transform:translate(100%)}}.progress-percent{margin:0;font-size:30px;font-weight:900;color:var(--primary-strong)!important}.download-hint{margin:0;font-size:16px!important}.model-notes{position:relative;width:min(100%,560px);min-height:76px;padding:18px 22px;overflow:hidden;border:2px solid rgba(255,255,255,.76);border-radius:var(--r-md);background:#fffcf4db;box-shadow:var(--shadow-sm)}.model-notes p{position:absolute;inset:18px 22px;display:grid;align-content:center;opacity:0;font-size:clamp(16px,2.3vw,18px);font-weight:750;animation:model-note-cycle 16s ease-in-out infinite}@keyframes model-note-cycle{0%,23%{opacity:1;transform:translateY(0)}28%,to{opacity:0;transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){.progress-track.is-indeterminate span{animation:none}}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:20px;width:min(100%,580px)}.theme-grid button{display:grid;gap:14px;min-height:212px;padding:14px 14px 20px;border:3px solid rgba(255,255,255,.76);border-radius:var(--r-lg);background:linear-gradient(180deg,rgba(255,255,255,.62),transparent 42%),var(--surface);font-size:22px;font-weight:800;box-shadow:var(--shadow-md)}.theme-grid button:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.46),transparent 30%),var(--grad-primary);opacity:0;transition:opacity .2s ease;z-index:-1}.theme-grid button{position:relative;z-index:0;transition:transform .18s ease,box-shadow .18s ease,color .2s ease}.theme-grid button:hover:not(:disabled){transform:translateY(-4px) rotate(-1deg);box-shadow:var(--shadow-lg)}.theme-grid button:hover:not(:disabled):before{opacity:1}.theme-asset{position:relative;display:block;width:min(100%,210px);aspect-ratio:16 / 10;justify-self:center;overflow:hidden;border:3px solid rgba(255,255,255,.88);border-radius:22px;filter:drop-shadow(0 10px 12px rgba(77,53,32,.18))}.theme-asset img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .24s ease}.theme-grid button:hover:not(:disabled) .theme-asset img{transform:scale(1.06)}.theme-picker.is-preparing:before{content:"";position:fixed;inset:0;z-index:2;background:#fffcf457;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.preparing-panel{position:fixed;top:50%;left:50%;z-index:3;display:grid;justify-items:center;gap:12px;width:min(calc(100vw - 32px),560px);padding:22px;border:3px solid rgba(255,255,255,.82);border-radius:var(--r-lg);background:#fffcf4f0;box-shadow:var(--shadow-lg);transform:translate(-50%,-50%);animation:preparing-panel-in .32s cubic-bezier(.22,1,.36,1) both}@keyframes preparing-panel-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 12px)) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.preparing-panel h2{margin:0;font-family:"Baloo 2",Nunito,system-ui,sans-serif;font-size:clamp(24px,5vw,34px);line-height:1.08;color:var(--ink)}.preparing-panel p{max-width:470px;font-size:clamp(16px,2.5vw,18px);font-weight:700}.preparing-panel__scene{position:relative;display:flex;align-items:end;justify-content:center;gap:10px;width:142px;height:58px}.preparing-panel__scene span{display:block;width:24px;border-radius:16px 16px 8px 8px;background:var(--grad-primary);box-shadow:inset 0 -7px #0000001a;animation:preparing-bars .9s ease-in-out infinite}.preparing-panel__scene span:nth-child(1){height:32px}.preparing-panel__scene span:nth-child(2){height:50px;background:var(--grad-sun);animation-delay:.1s}.preparing-panel__scene span:nth-child(3){height:40px;animation-delay:.2s}.preparing-panel__scene span:nth-child(4){height:28px;background:var(--grad-gold);animation-delay:.3s}.preparing-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.preparing-steps span{padding:7px 13px;border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary-strong);font-size:14px;font-weight:900;animation:preparing-step 1.8s ease-in-out infinite}.preparing-steps span:nth-child(2){animation-delay:.2s}.preparing-steps span:nth-child(3){animation-delay:.4s}@keyframes preparing-bars{0%,to{transform:scaleY(.78)}50%{transform:scaleY(1.08)}}@keyframes preparing-step{0%,to{opacity:.56;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.play-screen{position:relative;display:grid;gap:18px}.play-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.question-badge{padding:9px 17px;border:2px solid rgba(255,255,255,.72);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-sm);font-size:17px;font-weight:800;white-space:nowrap}.play-progress{height:12px;overflow:hidden;border-radius:var(--r-pill);border:2px solid rgba(255,255,255,.64);background:#fffcf4b3;box-shadow:inset 0 2px 4px #48341c24}.play-progress span{display:block;height:100%;border-radius:var(--r-pill);background:var(--grad-primary);transition:width .35s cubic-bezier(.22,1,.36,1)}.star-reward{--star-size: 30px;display:flex;align-items:center;gap:4px;min-height:34px;line-height:1}.star-reward__icon{display:block;width:var(--star-size);height:var(--star-size);flex:0 0 auto;filter:drop-shadow(0 4px 5px rgba(255,170,48,.32));animation:star-pop .45s cubic-bezier(.18,1.4,.4,1) both}.star-reward__icon--new{animation:star-earned .8s cubic-bezier(.16,1.45,.35,1) both}@keyframes star-pop{0%{transform:scale(0) rotate(-30deg)}to{transform:scale(1) rotate(0)}}@keyframes star-earned{0%{opacity:0;transform:translateY(14px) scale(.2) rotate(-28deg)}45%{opacity:1;transform:translateY(-10px) scale(1.32) rotate(10deg)}72%{transform:translateY(2px) scale(.92) rotate(-5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.correct-answer-burst{position:absolute;top:78px;left:50%;z-index:5;display:grid;place-items:center;min-width:148px;min-height:54px;padding:10px 26px;border:3px solid rgba(255,255,255,.82);border-radius:var(--r-pill);background:linear-gradient(135deg,#fff67e,#35c993);color:#16553d;font-family:"Baloo 2",Nunito,system-ui,sans-serif;font-size:24px;font-weight:900;pointer-events:none;box-shadow:0 10px #16553d1a,0 20px 36px -22px #16553d8c;transform:translate(-50%);animation:correct-answer-burst .72s cubic-bezier(.16,1.35,.36,1) both}.correct-answer-burst:before,.correct-answer-burst:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff7a3;box-shadow:26px -11px 0 -3px #fff,-28px 12px 0 -2px #ffcf57;animation:correct-spark .72s ease-out both}.correct-answer-burst:before{left:-10px;top:10px}.correct-answer-burst:after{right:6px;bottom:4px;animation-delay:.06s}@keyframes correct-answer-burst{0%{opacity:0;transform:translate(-50%,18px) scale(.72) rotate(-4deg)}32%{opacity:1;transform:translate(-50%,-7px) scale(1.08) rotate(2deg)}72%{opacity:1;transform:translate(-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-10px) scale(.96) rotate(0)}}@keyframes correct-spark{0%{opacity:0;transform:scale(.3)}35%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:translateY(-12px) scale(.5)}}.problem-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:30px 26px;border:3px solid rgba(255,255,255,.76);border-radius:var(--r-lg);background:linear-gradient(180deg,#ffffffa8,#fff0 52%),var(--surface);box-shadow:var(--shadow-md)}.problem-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#1f9d8a7a,#f2a72b2e);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.problem-card{position:relative}.problem-card p{margin:0;font-size:clamp(22px,4vw,30px);font-weight:800;line-height:1.4;color:var(--ink)}.icon-button{display:grid;place-items:center;width:60px;height:60px;min-height:60px;padding:0;border-radius:var(--r-pill);background:var(--grad-primary);box-shadow:var(--shadow-md)}.icon-button svg{width:31px;height:31px;stroke:#fff;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.speaker-body{fill:#ffffffeb;stroke:none}.speaker-wave{fill:none}.mode-tabs{display:inline-flex;gap:6px;justify-self:start;padding:6px;border:2px solid rgba(255,255,255,.72);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-sm)}.mode-tabs button{min-height:44px;padding:8px 22px;border-radius:var(--r-pill);background:transparent;box-shadow:none;color:var(--ink-soft);font-size:18px}.mode-tabs button:hover:not(:disabled){transform:none;box-shadow:none;background:var(--surface-tint)}.mode-tabs button.selected{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-sm)}.choice-buttons{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:14px}.choice-buttons button{min-height:76px;border:2px solid rgba(255,255,255,.74);border-radius:var(--r-md);background:var(--surface);font-size:28px;font-weight:900;box-shadow:var(--shadow-sm)}.choice-buttons button.selected{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-md);animation:choice-pop .28s cubic-bezier(.18,1.5,.4,1)}@keyframes choice-pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.number-pad{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));gap:12px;width:min(100%,380px);justify-self:center}.number-pad button{min-height:64px;border-radius:var(--r-md);font-size:26px;font-weight:900}.answer-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.answer-row output{display:flex;align-items:center;min-height:60px;padding:10px 22px;border:2px solid rgba(255,255,255,.72);border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 2px 6px #48341c1f;font-size:28px;font-weight:900;color:var(--primary-strong)}.primary-button{min-height:60px;padding:14px 34px;background:var(--grad-success);color:#fff;font-size:21px;box-shadow:var(--shadow-md)}.secondary-button{border:2px solid rgba(255,255,255,.72);background:var(--surface);color:var(--primary-strong);font-size:17px}@keyframes hint-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hint-bubble{position:relative;padding:20px 22px 20px 56px;border:2px solid rgba(255,255,255,.72);border-radius:var(--r-md);background:#fff4cf;box-shadow:var(--shadow-sm);font-size:19px;font-weight:700;line-height:1.5;color:#8a5a12;animation:hint-in .35s ease both}.hint-bubble:before{content:"?";position:absolute;top:17px;left:18px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--grad-sun);color:#744217;font-size:21px;font-weight:900}@keyframes celebrate-bounce{0%{transform:scale(0) rotate(-20deg)}60%{transform:scale(1.2) rotate(8deg)}to{transform:scale(1) rotate(0)}}.celebration-icon{--result-surface: rgba(255, 252, 244, .88);--result-icon-size: 142px;position:relative;z-index:1;display:grid;place-items:center;width:clamp(142px,26vw,178px);aspect-ratio:1;border:4px solid rgba(255,255,255,.84);border-radius:46px;background:var(--result-surface);box-shadow:var(--shadow-lg);animation:celebrate-bounce .7s cubic-bezier(.18,1.3,.4,1) both}.celebration-icon:before,.celebration-icon:after{content:"";position:absolute;pointer-events:none}.celebration-icon:before{inset:15px;border:3px dashed rgba(255,255,255,.58);border-radius:34px;animation:result-medal-spin 10s linear infinite}.celebration-icon:after{inset:-11px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 22% 19%,rgba(255,255,255,.78),transparent 18%),conic-gradient(from 20deg,#fff0,#ffffffb8,#fff0);opacity:.72;animation:result-halo-pulse 2.6s ease-in-out infinite}.celebration-icon__image{position:relative;z-index:1;display:block;width:var(--result-icon-size);max-width:88%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(71,47,22,.22));transform-origin:50% 70%;animation:result-icon-pop 1.55s cubic-bezier(.18,1.45,.4,1) .24s both}.celebration-screen{overflow:hidden;isolation:isolate}.celebration-screen:before,.celebration-screen:after,.celebration-sky{position:absolute;pointer-events:none;content:""}.celebration-screen:before{inset:16px;z-index:-2;border:3px solid rgba(255,255,255,.44);border-radius:34px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.54),transparent 26%),linear-gradient(180deg,#fffcf499,#fffcf433);box-shadow:inset 0 1px #ffffff94}.celebration-screen:after{inset:0;z-index:-3;background:var(--result-background);animation:result-background-drift 9s ease-in-out infinite alternate}.celebration-screen--candy{--result-background: radial-gradient(circle at 10% 22%, rgba(255, 151, 184, .5) 0 7%, transparent 8%), radial-gradient(circle at 82% 16%, rgba(255, 232, 122, .52) 0 8%, transparent 9%), repeating-linear-gradient(132deg, rgba(255, 255, 255, .28) 0 18px, rgba(255, 190, 126, .18) 18px 36px)}.celebration-screen--animals{--result-background: radial-gradient(ellipse at 18% 86%, rgba(62, 137, 77, .38) 0 12%, transparent 13%), radial-gradient(ellipse at 72% 14%, rgba(255, 229, 139, .38) 0 10%, transparent 11%), repeating-linear-gradient(18deg, rgba(80, 155, 90, .16) 0 16px, transparent 16px 34px)}.celebration-screen--dinosaurs{--result-background: radial-gradient(ellipse at 12% 82%, rgba(114, 119, 56, .36) 0 13%, transparent 14%), radial-gradient(ellipse at 86% 20%, rgba(214, 138, 49, .34) 0 12%, transparent 13%), repeating-linear-gradient(115deg, rgba(98, 119, 39, .16) 0 20px, transparent 20px 46px)}.celebration-screen--space{--result-background: radial-gradient(circle at 22% 24%, rgba(255, 231, 122, .64) 0 4px, transparent 5px), radial-gradient(circle at 76% 34%, rgba(255, 255, 255, .72) 0 3px, transparent 4px), radial-gradient(circle at 88% 72%, rgba(31, 174, 152, .42) 0 9%, transparent 10%), linear-gradient(145deg, rgba(30, 48, 100, .24), rgba(39, 89, 160, .1))}.celebration-sky{inset:0;z-index:-1}.celebration-sky span{position:absolute;display:block;width:14px;aspect-ratio:1;border-radius:50%;background:var(--grad-gold);opacity:.82;animation:result-particle-float 4.6s ease-in-out infinite}.celebration-sky span:nth-child(1){top:13%;left:11%}.celebration-sky span:nth-child(2){top:20%;right:14%;width:20px;animation-delay:.28s}.celebration-sky span:nth-child(3){top:42%;left:7%;width:11px;animation-delay:.5s}.celebration-sky span:nth-child(4){top:58%;right:8%;width:18px;animation-delay:.76s}.celebration-sky span:nth-child(5){bottom:18%;left:15%;width:10px;animation-delay:1s}.celebration-sky span:nth-child(6){bottom:14%;right:19%;animation-delay:1.2s}.celebration-sky span:nth-child(7){top:29%;left:26%;width:8px;animation-delay:1.45s}.celebration-sky span:nth-child(8){top:34%;right:28%;width:9px;animation-delay:1.7s}.celebration-sky span:nth-child(9){bottom:30%;left:28%;width:12px;animation-delay:1.92s}.celebration-sky span:nth-child(10){bottom:29%;right:29%;width:13px;animation-delay:2.1s}.celebration-sky span:nth-child(11){top:9%;left:48%;width:9px;animation-delay:2.34s}.celebration-sky span:nth-child(12){bottom:10%;left:50%;width:17px;animation-delay:2.55s}.celebration-icon--candy{--result-icon-size: 166px;--result-surface: radial-gradient(circle at 25% 22%, rgba(255, 255, 255, .74), transparent 21%), radial-gradient(circle at 76% 78%, rgba(255, 209, 91, .58), transparent 24%), linear-gradient(145deg, #ffe3ee 0%, #ffb3ca 52%, #f78a64 100%);animation-name:celebrate-bounce,candy-wiggle;animation-delay:0s,.8s;animation-duration:.7s,2.7s;animation-iteration-count:1,infinite}.celebration-icon--animals{--result-icon-size: 158px;--result-surface: radial-gradient(circle at 29% 18%, rgba(255, 255, 255, .72), transparent 20%), radial-gradient(circle at 76% 75%, rgba(255, 231, 148, .44), transparent 24%), linear-gradient(145deg, #e2f8d5 0%, #98d77d 54%, #45a66e 100%);border-radius:50%;animation-name:celebrate-bounce,paw-hop;animation-delay:0s,.85s;animation-duration:.7s,2.2s;animation-iteration-count:1,infinite}.celebration-icon--dinosaurs{--result-icon-size: 166px;--result-surface: radial-gradient(circle at 30% 18%, rgba(255, 255, 255, .7), transparent 20%), radial-gradient(circle at 78% 75%, rgba(214, 138, 49, .45), transparent 24%), linear-gradient(145deg, #eef1cc 0%, #a5ba62 54%, #d68a31 100%);animation-name:celebrate-bounce,dino-stomp;animation-delay:0s,.82s;animation-duration:.7s,2.6s;animation-iteration-count:1,infinite}.celebration-icon--space{--result-icon-size: 158px;--result-surface: radial-gradient(circle at 26% 18%, rgba(255, 255, 255, .82), transparent 20%), radial-gradient(circle at 80% 74%, rgba(255, 231, 122, .44), transparent 24%), linear-gradient(145deg, #dfeaff 0%, #6f95da 55%, #263f88 100%);border-radius:50%;animation-name:celebrate-bounce,rocket-float;animation-delay:0s,.8s;animation-duration:.7s,2.4s;animation-iteration-count:1,infinite}.celebration-screen--candy .celebration-sky span{border-radius:7px;background:linear-gradient(135deg,#fff 0 28%,#f05b91 29% 64%,#ffd45b 65%);transform:rotate(20deg)}.celebration-screen--animals .celebration-sky span{border-radius:50% 50% 46% 46%;background:#5f3b25;opacity:.45}.celebration-screen--dinosaurs .celebration-sky span{border-radius:55% 45%;background:linear-gradient(145deg,#d7e68a,#78923c)}.celebration-screen--space .celebration-sky span{border-radius:50%;background:#fff7b8;box-shadow:0 0 14px #fff7b8b3}.celebration-screen--space .celebration-sky span:nth-child(3n){width:42px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);box-shadow:none}@keyframes result-background-drift{0%{transform:translate3d(-8px,0,0) scale(1.02)}to{transform:translate3d(8px,-8px,0) scale(1.04)}}@keyframes result-particle-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(16deg)}}@keyframes result-medal-spin{to{transform:rotate(360deg)}}@keyframes result-halo-pulse{0%,to{opacity:.54;transform:scale(.96)}50%{opacity:.86;transform:scale(1.03)}}@keyframes result-icon-pop{0%{opacity:0;transform:translateY(12px) scale(.55) rotate(-16deg)}65%{opacity:1;transform:translateY(-5px) scale(1.14) rotate(7deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes candy-wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(3deg) translateY(-4px)}}@keyframes paw-hop{0%,to{transform:translateY(0) rotate(0)}45%{transform:translateY(-9px) rotate(-5deg)}}@keyframes dino-stomp{0%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-5px) rotate(2deg)}54%{transform:translateY(3px) rotate(-2deg)}}@keyframes rocket-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-11px) rotate(3deg)}}.celebration-screen .star-reward{--star-size: 44px;position:relative;z-index:1}.celebration-screen h1,.celebration-screen p,.celebration-screen .primary-button{position:relative;z-index:1}.celebration-screen .primary-button{margin-top:2px}@media(max-width:560px){.theme-grid,.choice-buttons{grid-template-columns:1fr 1fr}.play-header{grid-template-columns:auto 1fr;row-gap:12px}.star-reward{grid-column:1 / -1;justify-content:center}.answer-row{grid-template-columns:1fr}.answer-row output{justify-content:center}}