.toy{position:relative;display:grid;place-items:center;min-width:var(--toy-min);min-height:var(--toy-min);padding:0;background:none;border-radius:var(--radius-card);transition:transform var(--tap-ms) var(--ease-toy);transform-origin:50% 85%}.toy__inner{display:grid;place-items:center;width:100%;height:100%;transform-origin:50% 85%}.toy svg,.toy__art{width:100%;height:100%;overflow:visible;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(139,94,52,.22));pointer-events:none;-webkit-user-drag:none}.toy:active{transform:scale(.94)}.toy--tap{animation:kp-bounce .42s var(--ease-toy)}.toy--success{animation:kp-bounce var(--success-ms) var(--ease-toy)}.toy--success-roll{animation:kp-roll var(--success-ms) ease-in-out}.toy--retry{animation:kp-wobble var(--retry-ms) ease-in-out}.toy--hint{animation:kp-pulse-hint 1.6s ease-in-out infinite}.toy--idle{animation:kp-breathe 5.2s ease-in-out infinite}.toy--dim{opacity:.55;transition:opacity .4s ease}.playmat{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--cream)}.playmat__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.playmat__warmth{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--yellow);pointer-events:none;transition:opacity .8s ease}.playmat__scenery{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.playmat__layer{position:absolute;top:0;right:0;bottom:0;left:0}.playmat--evening{background:#efe0f7;transition:background 1.2s ease}.playmat__toys{position:absolute;top:0;right:0;bottom:0;left:0}.playmat__slot{position:absolute;transform:translate(-50%,-50%)}.prompt-bubble{position:absolute;top:calc(64px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:12;pointer-events:none;width:max-content;max-width:min(88%,520px);background:var(--white);border-radius:var(--radius-card);padding:16px 22px;font-size:clamp(19px,4.6vw,26px);font-weight:700;text-align:center;color:var(--text);box-shadow:var(--shadow-soft);animation:kp-fade-in .32s ease}.prompt-bubble--soft{background:var(--cream-deep)}.prompt-bubble--bottom{top:auto;bottom:calc(30px + env(safe-area-inset-bottom))}.big-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:var(--button-min-height);min-width:var(--button-min-height);padding:0 40px;border-radius:var(--radius-pill);background:var(--grass);color:var(--text);font-size:30px;font-weight:800;box-shadow:var(--shadow-lift),var(--shadow-inset);transition:transform .12s var(--ease-toy),filter .16s ease}.big-button:active{transform:translateY(3px) scale(.98);filter:brightness(.97)}.big-button--round{width:168px;height:168px;padding:0;border-radius:50%;background:var(--white);box-shadow:0 14px 30px #8b5e343d,inset 0 -6px #8b5e3414}.big-button--quiet{background:var(--cream-deep);font-size:22px;min-height:var(--touch-min);box-shadow:var(--shadow-soft)}.mode-row{position:absolute;left:0;right:0;bottom:calc(26px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:14px;padding:0 12px;z-index:6}.mode-button{flex:0 1 116px;min-height:var(--touch-min);display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;border-radius:var(--radius-card);background:#ffffffe6;box-shadow:var(--shadow-soft);transition:transform .14s var(--ease-toy)}.mode-button:active{transform:translateY(2px) scale(.97)}.mode-button__art{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:64px}.mode-button__art--pair{gap:0}.mode-button__art--magic svg{width:62px;height:62px}.mode-button__label{font-size:15px;font-weight:700;color:var(--soft-text);white-space:nowrap}.parent-button{position:absolute;top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#ffffffb8;color:var(--soft-text);box-shadow:0 2px 8px #8b5e3424;z-index:20;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:transform .16s var(--ease-toy),background .16s ease}.parent-button--holding{transform:scale(1.12);background:var(--white)}.parent-button__hint{position:absolute;top:calc(76px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));z-index:20;margin:0;padding:10px 16px;border-radius:var(--radius-pill);background:var(--white);color:var(--soft-text);font-size:15px;font-weight:700;box-shadow:var(--shadow-soft);animation:kp-fade-in .24s ease;pointer-events:none}.parent-button__ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);pointer-events:none}.session-bar{position:absolute;top:calc(8px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(180px,42vw);height:6px;border-radius:999px;background:#8b5e3424;overflow:hidden;z-index:10;pointer-events:none}.session-bar__fill{height:100%;background:var(--grass-deep);opacity:.75;transition:width 1s linear}.mascot{width:100%;height:100%;overflow:visible}.mascot__art{object-fit:contain;filter:drop-shadow(0 8px 12px rgba(139,94,52,.22));-webkit-user-drag:none}.mascot__wrap{position:absolute;pointer-events:none;z-index:5}.mascot__wrap--tappable{pointer-events:auto;background:none;border:none;padding:0}.mascot--idle .mascot__body{animation:kp-breathe 4.2s ease-in-out infinite;transform-origin:50% 90%}.mascot--talking .mascot__body{animation:kp-breathe 1.4s ease-in-out infinite;transform-origin:50% 90%}.mascot--wave .mascot__arm{animation:kp-wobble .9s ease-in-out 2;transform-origin:74% 58%}.magic{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--radius-panel)}.magic__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.magic__curtain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;opacity:1;transition:opacity .9s ease}.magic__curtain--gone{opacity:0;pointer-events:none}.parent-screen{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--cream);padding:calc(20px + env(safe-area-inset-top)) 18px calc(32px + env(safe-area-inset-bottom))}.parent-screen__inner{max-width:620px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.parent-title{font-size:26px;font-weight:800;margin:0}.parent-lead{margin:0;color:var(--soft-text);font-size:17px;line-height:1.5}.parent-card{background:var(--white);border-radius:var(--radius-card);padding:20px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:14px}.parent-card__label{font-size:19px;font-weight:700;margin:0}.parent-card__hint{margin:0;font-size:15px;color:var(--soft-text);line-height:1.5}.segmented{display:flex;flex-wrap:wrap;gap:8px}.segmented__option{flex:1 1 60px;min-height:56px;border-radius:var(--radius-pill);background:var(--cream-deep);font-size:18px;font-weight:700;color:var(--soft-text)}.segmented__option--active{background:var(--grass);color:var(--text);box-shadow:var(--shadow-soft)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.toggle{position:relative;width:74px;height:42px;border-radius:999px;background:var(--cream-deep);transition:background .2s ease;flex:0 0 auto}.toggle--on{background:var(--grass-deep)}.toggle__knob{position:absolute;top:4px;left:4px;width:34px;height:34px;border-radius:50%;background:var(--white);box-shadow:0 2px 6px #8b5e344d;transition:transform .2s var(--ease-toy)}.toggle--on .toggle__knob{transform:translate(32px)}.slider{width:100%;height:44px;accent-color:var(--grass-deep)}.parent-actions{display:flex;flex-wrap:wrap;gap:12px}.parent-actions .big-button{flex:1 1 200px}.danger-button{min-height:var(--touch-min);border-radius:var(--radius-pill);background:#fbe3e0;color:#8f2f27;font-size:18px;font-weight:700;padding:0 24px}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:320px;margin:0 auto}.pin-pad__key{min-height:74px;border-radius:var(--radius-card);background:var(--white);font-size:26px;font-weight:700;box-shadow:var(--shadow-soft)}.pin-dots{display:flex;justify-content:center;gap:14px;margin:6px 0 2px}.pin-dot{width:18px;height:18px;border-radius:50%;background:var(--cream-deep)}.pin-dot--filled{background:var(--grass-deep)}.gate-screen{flex:1;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:24px;background:var(--cream);text-align:center}.gate-pad{min-height:210px;border-radius:var(--radius-panel);background:var(--cream-deep);display:grid;place-items:center;font-size:20px;font-weight:700;color:var(--soft-text);touch-action:none;padding:20px}.gate-pad--active{background:var(--grass);color:var(--text)}.gate-progress{width:70%;max-width:320px;height:10px;border-radius:999px;background:#8b5e3429;margin:12px auto 0;overflow:hidden}.gate-progress__fill{height:100%;background:var(--grass-deep);transition:width .12s linear}.voice-list{display:flex;flex-direction:column;gap:10px}.voice-row{display:flex;align-items:center;gap:10px;justify-content:space-between;background:var(--white);border-radius:var(--radius-card);padding:12px 14px;box-shadow:var(--shadow-soft)}.voice-row__text{font-size:16px;font-weight:600;flex:1;min-width:0}.voice-row__actions{display:flex;gap:8px;flex:0 0 auto}.mini-button{min-height:48px;min-width:48px;padding:0 14px;border-radius:var(--radius-pill);background:var(--cream-deep);font-size:15px;font-weight:700;color:var(--soft-text)}.mini-button--active{background:var(--red);color:var(--white)}.mini-button--done{background:var(--grass);color:var(--text)}.voice-group-title{font-size:17px;font-weight:800;margin:10px 0 0;color:var(--soft-text)}.parent-note{font-size:14px;color:var(--soft-text);line-height:1.6;margin:0}.parent-note strong{color:var(--text)}:root{color-scheme:light;--cream: #fff7e8;--cream-deep: #fbeccb;--sand: #f8d99b;--grass: #b7e38b;--grass-deep: #7fbf5b;--red: #ef4444;--blue: #3b82f6;--yellow: #facc15;--green: #22c55e;--orange: #fb923c;--purple: #8b5cf6;--brown: #8b5e34;--text: #332a1f;--soft-text: #6b5b47;--white: #ffffff;--radius-card: 28px;--radius-panel: 32px;--radius-pill: 999px;--touch-min: 88px;--button-min-height: 96px;--toy-min: 110px;--shadow-soft: 0 10px 24px rgba(139, 94, 52, .16);--shadow-lift: 0 16px 34px rgba(139, 94, 52, .2);--shadow-inset: inset 0 -6px 0 rgba(139, 94, 52, .12);--tap-ms: 80ms;--success-ms: .9s;--retry-ms: .48s;--ease-toy: cubic-bezier(.34, 1.4, .5, 1);--font-ui: "Baloo 2", "Nunito Sans", ui-rounded, "SF Pro Rounded", "Segoe UI Rounded", system-ui, -apple-system, "Helvetica Neue", sans-serif}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/baloo2-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--text);background:var(--cream);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation}#root{display:flex;flex-direction:column}.kid-mode,.kid-mode *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer}:focus-visible{outline:4px solid var(--purple);outline-offset:3px}.app-shell{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background:var(--cream);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes kp-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes kp-bounce{0%{transform:translateY(0) scale(1)}22%{transform:translateY(-6%) scale(.9,1.12)}46%{transform:translateY(-26%) scale(1.08,.94)}70%{transform:translateY(0) scale(.94,1.06)}86%{transform:translateY(-8%) scale(1.02,.98)}to{transform:translateY(0) scale(1)}}@keyframes kp-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}45%{transform:rotate(4.5deg)}70%{transform:rotate(-3deg)}88%{transform:rotate(1.5deg)}}@keyframes kp-roll{0%{transform:translate(0) rotate(0)}40%{transform:translate(9%) rotate(28deg)}to{transform:translate(0) rotate(0)}}@keyframes kp-pulse-hint{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(139,92,246,0))}50%{transform:scale(1.07);filter:drop-shadow(0 0 14px rgba(139,92,246,.45))}}@keyframes kp-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}