@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700;800&family=Fredoka:wght@400;500;600;700&display=swap";:root{color:#27304a;font-family:"Baloo 2",Trebuchet MS,sans-serif;line-height:1.4;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-start: #fff3cc;--bg-end: #ff9f73;--accent: #ff7b55;--chip: #ffe4ab}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:linear-gradient(180deg,#fff6d3,#ffd0c3)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at top left,rgba(255,255,255,.9),transparent 35%),linear-gradient(180deg,var(--bg-start),var(--bg-end))}.ambient{position:absolute;border-radius:999px;opacity:.45;filter:blur(6px);animation:floaty 7s ease-in-out infinite}.ambient--one{top:6%;left:-12%;width:10rem;height:10rem;background:#ffffff8c}.ambient--two{top:24%;right:-18%;width:14rem;height:14rem;background:#fff7aa73;animation-delay:1.6s}.ambient--three{bottom:8%;left:-10%;width:12rem;height:12rem;background:#ffc67e57;animation-delay:3.2s}.app-frame{position:relative;z-index:1;max-width:29rem;min-height:100vh;margin:0 auto;padding:1rem 1rem calc(1.4rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1rem}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.top-bar__status{display:flex;gap:.5rem;font-family:Fredoka,sans-serif;font-size:.92rem}.top-bar__status span,.icon-button,.notice-card{background:#ffffffb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.65);border-radius:999px;padding:.6rem .9rem;box-shadow:0 .7rem 1.8rem #3d46701a}.icon-button{border:0;color:#264063}.notice-card{font-size:.92rem;color:#335}.hero-card,.panel-card,.page-intro,.reward-card,.stage-card,.status-strip{background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.72);box-shadow:0 1.4rem 2.8rem #33406b26}.hero-card,.panel-card,.reward-card,.stage-card{border-radius:1.75rem}.page-intro{border-radius:1.3rem;padding:1rem 1.1rem;display:flex;justify-content:space-between;gap:1rem}.page-intro--compact{align-items:flex-start}.page-intro h2,.panel-card h2,.reward-card h2,.hero-card h1{margin:.2rem 0;font-family:Fredoka,sans-serif;line-height:1.1}.page-intro p,.panel-card p,.hero-card p{margin:0;color:#27304ac2}.eyebrow,.hero-card__badge,.level-card__badge{display:inline-flex;align-items:center;width:fit-content;padding:.28rem .72rem;border-radius:999px;background:var(--chip);color:#5d4a16;font-size:.84rem;letter-spacing:.02em}.hero-card{padding:1.35rem;display:grid;gap:1rem}.hero-card__mascot{position:relative;padding:1.2rem;border-radius:1.8rem;background:radial-gradient(circle at top,rgba(255,255,255,.78),transparent 55%),linear-gradient(180deg,#ffffffd1,#ffdfb2b3);min-height:12rem;display:grid;place-items:center;overflow:hidden}.hero-card__emoji{font-size:5rem;transform:rotate(-6deg);filter:drop-shadow(0 .6rem 1rem rgba(71,80,124,.16))}.hero-card__spark{position:absolute;bottom:1rem;right:1rem;padding:.45rem .8rem;border-radius:999px;background:#ffffffd6;font-family:Fredoka,sans-serif;color:var(--accent)}.hero-card__chips,.chip-list,.mini-badges,.reward-rack,.reward-card__actions,.parent-actions,.level-actions{display:flex;flex-wrap:wrap;gap:.65rem}.hero-card__chips span,.chip,.mini-badges span,.reward-pill{border-radius:1rem;background:#ffffffbd;padding:.55rem .8rem;box-shadow:inset 0 0 0 1px #ffffffa6}.chip--soft{background:#fcf2ffd9}.chip--muted{background:#f5f6fbe6;color:#27304aa6}.hero-card__note{font-size:.94rem;color:#27304ab8}.voice-summary{display:grid;gap:.2rem;padding:.9rem 1rem;border-radius:1.25rem;background:#ffffffc7;box-shadow:inset 0 0 0 1px #ffffffb8}.voice-summary--ready{background:radial-gradient(circle at top right,rgba(255,255,255,.92),transparent 36%),linear-gradient(180deg,#e9fff3f5,#d9f9ffeb)}.voice-summary--fallback{background:radial-gradient(circle at top right,rgba(255,255,255,.92),transparent 36%),linear-gradient(180deg,#fff7d6f5,#ffecd5eb)}.voice-summary--local{background:radial-gradient(circle at top right,rgba(255,255,255,.92),transparent 36%),linear-gradient(180deg,#f6f8fff5,#ecf1ffeb)}.voice-summary--muted{background:#f5f6fbe6}.voice-summary--compact{margin-top:.65rem;padding:.72rem .85rem}.voice-summary strong{font-family:Fredoka,sans-serif;font-size:1rem}.voice-summary p,.voice-summary__eyebrow{margin:0;color:#27304ab3}.voice-summary__eyebrow{font-size:.8rem}.primary-button,.ghost-button,.danger-button{min-height:3.35rem;padding:.9rem 1.25rem;border-radius:1.2rem;border:0;font-family:Fredoka,sans-serif;font-size:1rem}.ghost-button--wide{width:100%}.primary-button{background:linear-gradient(180deg,#ffb36a 0%,var(--accent) 100%);color:#fff;box-shadow:0 .9rem 1.4rem #ff7a5347}.ghost-button{background:#ffffffc7;color:#2c4668}.danger-button{background:linear-gradient(180deg,#ff8b8b,#eb5a5a);color:#fff}.summary-strip,.status-strip,.parent-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.summary-strip>div,.status-card{padding:.85rem;border-radius:1.2rem;background:#fffc;text-align:center}.summary-strip strong,.status-card strong,.reward-pill strong{display:block;font-family:Fredoka,sans-serif;font-size:1.32rem}.summary-strip span,.status-card span,.reward-pill small{color:#27304aad;font-size:.84rem}.world-grid,.level-grid{display:grid;gap:.75rem}.world-card,.level-card{border:0;text-align:left;border-radius:1.45rem;background:radial-gradient(circle at top right,rgba(255,255,255,.88),transparent 36%),#ffffffc2;padding:.95rem;box-shadow:0 .9rem 2.2rem #2b3c681f;color:inherit}.world-card--active{outline:3px solid rgba(255,255,255,.9);transform:translateY(-.1rem)}.world-card--locked,.level-card--locked{opacity:.55}.world-card__top,.world-card__footer,.level-card__status,.panel-card__heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.world-card__emoji,.level-card__icon,.reward-card__icon{width:3.2rem;height:3.2rem;border-radius:1rem;display:grid;place-items:center;background:#ffffffb8;font-size:1.8rem}.world-card h3,.panel-card h3,.level-card strong{margin:.3rem 0 .1rem;font-family:Fredoka,sans-serif}.world-card p,.level-card p{margin:0;color:#27304ab8;font-size:.92rem}.level-card{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center}.level-card__body{display:grid;gap:.24rem}.level-card__status{grid-column:1 / -1;color:#27304aa6;font-size:.86rem}.panel-card{padding:1rem;display:grid;gap:.85rem}.reward-rack{justify-content:space-between}.reward-pill{flex:1;min-width:5.5rem;text-align:center}.stage-card{padding:1rem;display:grid;gap:.95rem}.stage-card__meta{display:flex;justify-content:space-between;align-items:center;gap:1rem}.progress-dots{display:flex;gap:.42rem}.progress-dot{width:.62rem;height:.62rem;border-radius:999px;background:#27304a2e}.progress-dot--active{background:var(--accent)}.stage-card__counter{font-size:.86rem;color:#27304aa8}.scene-panel{border-radius:1.35rem;background:radial-gradient(circle at top,rgba(255,255,255,.85),transparent 45%),linear-gradient(180deg,#ffffffd1,#ffffffa6);padding:1rem;display:grid;gap:.85rem}.scene-panel__header,.listen-bubble{display:flex;align-items:center;gap:.8rem}.scene-panel__badge,.listen-bubble__icon{width:3rem;height:3rem;border-radius:1rem;display:grid;place-items:center;background:#fffc;font-size:1.5rem}.scene-panel h3,.listen-bubble h3{margin:0;font-family:Fredoka,sans-serif}.scene-panel p,.listen-bubble p,.scene-panel__tip{margin:0;color:#27304aa8}.count-grid,.choice-grid,.scene-grid,.sequence-track{display:grid;gap:.7rem}.count-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-grid,.scene-grid,.sequence-track{grid-template-columns:repeat(3,minmax(0,1fr))}.count-unit,.choice-card,.scene-node,.sequence-slot{border-radius:1.15rem;border:0;min-height:5.4rem;display:grid;place-items:center;background:#ffffffc7;box-shadow:0 .7rem 1.7rem #3d4f7e1f;color:#284065;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.count-unit{min-height:4.8rem;gap:.25rem}.count-unit__symbol{font-size:1.45rem}.count-unit__label{font-family:Fredoka,sans-serif;font-size:.92rem}.choice-card__symbol,.scene-node__symbol{font-size:1.55rem}.choice-card__number,.scene-node__label,.sequence-slot{font-family:Fredoka,sans-serif;font-size:1.45rem}.choice-card--guided,.scene-node--guided,.count-unit--guided{animation:pulseGlow 1.1s ease-in-out infinite}.choice-card--miss,.scene-node--miss{animation:wobble .42s ease;background:#ffe9e2f2}.choice-card--correct,.scene-node--correct{background:#dcffe9eb}.choice-card--guided,.scene-node--guided{background:#fff7c4f5}.sequence-slot{min-height:5rem}.sequence-slot__blank{color:var(--accent)}.choice-card:hover,.scene-node:hover,.world-card:hover,.level-card:hover{transform:translateY(-.12rem)}.status-strip{padding:.25rem;border-radius:1.3rem}.reward-card{position:relative;padding:1.5rem 1.15rem 1.2rem;display:grid;gap:.95rem;text-align:center;overflow:hidden}.reward-card__burst{position:absolute;inset:0;pointer-events:none}.reward-card__confetti{position:absolute;color:#ffce46e0;animation:drift 3s ease-in-out infinite}.reward-card__confetti:nth-child(1){top:12%;left:10%}.reward-card__confetti:nth-child(2){top:16%;right:18%;animation-delay:.5s}.reward-card__confetti:nth-child(3){top:30%;left:4%;animation-delay:.9s}.reward-card__confetti:nth-child(4){top:34%;right:8%;animation-delay:1.2s}.reward-card__confetti:nth-child(5){bottom:24%;left:16%;animation-delay:1.7s}.reward-card__confetti:nth-child(6){bottom:18%;right:12%;animation-delay:2.1s}.reward-card__confetti:nth-child(7){top:48%;right:32%;animation-delay:1.4s}.reward-card__confetti:nth-child(8){top:52%;left:32%;animation-delay:2.2s}.reward-stars{display:flex;justify-content:center;gap:.45rem;font-size:2rem}.star{color:#27304a2e}.star--on{color:#ffbb37;text-shadow:0 .45rem 1rem rgba(255,187,55,.3)}.reward-card__summary{margin:0;color:#27304ab8}.chip-list--center{justify-content:center}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 0;border-bottom:1px solid rgba(39,48,74,.08)}.toggle-row span{display:grid}.toggle-row small{color:#27304a9e}.toggle-row input{width:1.25rem;height:1.25rem}.toggle-row--stacked{flex-direction:column;align-items:stretch}.setting-select{min-width:9rem;min-height:2.9rem;padding:.6rem .85rem;border-radius:1rem;border:1px solid rgba(39,48,74,.12);background:#ffffffe0;color:#284065}.parent-card{margin-top:auto}.voice-engine-card{display:grid;gap:.85rem;padding:1rem;border-radius:1.35rem;background:radial-gradient(circle at top right,rgba(255,255,255,.9),transparent 34%),linear-gradient(180deg,#fffbeef2,#fff0e8e6);box-shadow:inset 0 0 0 1px #ffffffb8}.voice-engine-card__header{display:flex;justify-content:space-between;gap:.8rem}.voice-engine-card__header h3{margin:.22rem 0 .12rem}.voice-engine-card__header p{margin:0;color:#27304ab8}.voice-engine-card__header .chip{align-self:flex-start}.voice-engine-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.voice-engine-card__stat{padding:.8rem .75rem;border-radius:1rem;background:#ffffffd1;display:grid;gap:.18rem}.voice-engine-card__stat span{color:#27304a9e;font-size:.8rem}.voice-engine-card__stat strong{font-family:Fredoka,sans-serif;line-height:1.15}.toggle-row--voice-select{padding:.5rem 0 0;border-bottom:0}.voice-preview{display:grid;gap:.7rem;padding:.85rem;border-radius:1.15rem;background:#ffffffa6}.voice-preview__header{display:grid;gap:.14rem}.voice-preview__header strong{font-family:Fredoka,sans-serif}.voice-preview__header small,.voice-preview__note{color:#27304aa8}.voice-preview__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.62rem}.voice-preview-button{min-height:4.85rem;padding:.72rem;border:0;border-radius:1rem;background:#ffffffd6;text-align:left;display:grid;align-content:start;gap:.22rem;color:#284065;box-shadow:0 .7rem 1.6rem #3d4f7e1a}.voice-preview-button span{font-family:Fredoka,sans-serif;line-height:1.1}.voice-preview-button small{color:#27304aa8;font-size:.8rem}.voice-preview-button--active{background:linear-gradient(180deg,#ffbc7cf5,#ff8862f5);color:#fff;box-shadow:0 .95rem 1.7rem #ff805c3d}.voice-preview-button--active small{color:#ffffffe0}.voice-preview-button:disabled{opacity:.58;cursor:not-allowed}.voice-engine-card__actions{display:flex}@keyframes floaty{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-.8rem,0)}}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 .7rem 1.7rem #3d4f7e1f}50%{transform:scale(1.04);box-shadow:0 1rem 2.2rem #ffb53c38}}@keyframes wobble{0%,to{transform:translate(0)}25%{transform:translate(-.25rem)}75%{transform:translate(.25rem)}}@keyframes drift{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-.65rem) rotate(12deg)}}@media(max-width:420px){.app-frame{padding-inline:.85rem}.count-grid,.choice-grid,.scene-grid{gap:.58rem}.choice-card,.scene-node,.sequence-slot{min-height:4.85rem}.voice-engine-card__stats,.voice-preview__grid{grid-template-columns:1fr}}