:root{--cream: #fdf3e3;--sand: #f6e2bf;--sun: #ffb54d;--mango: #ff8a3d;--leaf: #4caf6d;--leaf-dark: #2f8a50;--sky: #7ec8e3;--sea: #3d9ad1;--berry: #e35d6a;--ink: #3b2f2f;--ink-soft: #6b5b52;--card: #fffaf0;--shadow: 0 6px 0 rgba(59, 47, 47, .12), 0 12px 24px rgba(59, 47, 47, .14);--radius: 28px;--font: "Arial Rounded MT Bold", ui-rounded, "SF Pro Rounded", "Comic Sans MS", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:var(--cream);font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;touch-action:none;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button{font-family:var(--font);border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:20px;animation:scene-in .35s ease-out}@keyframes scene-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.big-btn{min-width:180px;min-height:96px;padding:18px 36px;border-radius:var(--radius);background:var(--sun);color:var(--ink);font-size:34px;font-weight:700;box-shadow:var(--shadow);transition:transform .12s ease}.big-btn:active{transform:scale(.94)}.big-btn.green{background:var(--leaf);color:#fff}.big-btn.blue{background:var(--sea);color:#fff}.big-btn.red{background:var(--berry);color:#fff}.title{font-size:clamp(36px,6vw,64px);text-align:center}.subtitle{font-size:clamp(20px,3vw,30px);color:var(--ink-soft);text-align:center}.topbar{position:absolute;top:max(10px,env(safe-area-inset-top));left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:30}.topbar>*{pointer-events:auto}.home-btn{width:76px;height:76px;border-radius:50%;background:var(--card);font-size:36px;box-shadow:var(--shadow)}.star-count{background:var(--card);border-radius:40px;padding:12px 24px;font-size:30px;font-weight:700;box-shadow:var(--shadow);display:flex;align-items:center;gap:8px}.round-dots{display:flex;gap:12px;justify-content:center}.round-dots .dot{width:22px;height:22px;border-radius:50%;background:#3b2f2f26;transition:background .3s,transform .3s}.round-dots .dot.done{background:var(--sun);transform:scale(1.15)}.item-card{display:flex;align-items:center;justify-content:center;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);font-size:72px;width:132px;height:132px;transition:transform .15s ease;touch-action:none;position:relative}.item-card:active{transform:scale(1.06)}.item-card.dragging{transition:none;z-index:40;box-shadow:0 18px 40px #3b2f2f4d}.item-card img{width:82%;height:82%;object-fit:contain;pointer-events:none}.bounce{animation:bounce .5s ease}@keyframes bounce{0%,to{transform:scale(1)}40%{transform:scale(1.25)}70%{transform:scale(.92)}}.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.pop-in{animation:pop-in .35s cubic-bezier(.34,1.56,.64,1)}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.kai-portrait{width:clamp(110px,16vw,190px);aspect-ratio:1;border-radius:50%;background:var(--sand);box-shadow:var(--shadow);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:72px}.kai-portrait img{width:100%;height:100%;object-fit:cover}.kai-talking{animation:talk-bob .6s ease-in-out infinite}@keyframes talk-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}.grownup-tip{pointer-events:none;position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:#3b2f2fd1;color:#fff8ee;font-size:17px;border-radius:18px;padding:10px 20px;max-width:84vw;text-align:center;z-index:25}.grownup-tip b{color:var(--sun)}.mic-ring{width:130px;height:130px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:60px;background:var(--card);box-shadow:var(--shadow);position:relative}.mic-ring.listening:after{content:"";position:absolute;inset:-12px;border-radius:50%;border:6px solid var(--leaf);animation:pulse-ring 1.1s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(.85);opacity:1}to{transform:scale(1.25);opacity:0}}.celebrate-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:60}.confetti{position:absolute;font-size:34px;animation:fall linear forwards}@keyframes fall{0%{transform:translateY(-8vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:.7}}.parent-panel{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;max-width:640px;width:92vw;max-height:82vh;overflow-y:auto;touch-action:pan-y;font-size:18px}.parent-panel h2{margin-bottom:12px}.parent-panel table{width:100%;border-collapse:collapse;margin:10px 0}.parent-panel td,.parent-panel th{padding:8px 6px;border-bottom:1px solid #eee0c8;text-align:left}.level-pips{letter-spacing:3px;color:var(--sun)}.pin-pad{display:grid;grid-template-columns:repeat(3,90px);gap:14px}.pin-pad button{height:90px;border-radius:22px;font-size:34px;background:var(--sand);box-shadow:var(--shadow)}.trace-stage{width:min(78vw,62vh);touch-action:none}.trace-stage svg{width:100%;height:auto;display:block}.trace-guide{fill:none;stroke:#e8d5ae;stroke-width:34;stroke-linecap:round;stroke-linejoin:round}.trace-progress{fill:none;stroke:var(--leaf);stroke-width:26;stroke-linecap:round;stroke-linejoin:round}.trace-dot{fill:var(--mango)}.hidden{display:none!important}