*{box-sizing:border-box}:root{--bg-top: #2b2350;--bg-bottom: #4a2f4e;--card: rgba(255, 255, 255, .08);--card-border: rgba(255, 255, 255, .14);--text: #fdf3e3;--text-dim: #cbbfd8;--accent: #ff9a56;--accent-dark: #e8823c;--danger: #e26d6d;--radius: 20px}html,body{margin:0;padding:0;min-width:320px;overflow-x:hidden;background:var(--bg-top);color:var(--text);font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{min-height:100dvh}.screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 24px);background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}.screen--center{justify-content:center}.screen--scroll{justify-content:flex-start;gap:14px}.title{font-size:1.6rem;margin:0 0 6px;text-align:center}.subtitle{color:var(--text-dim);text-align:center;margin:4px 0 16px;line-height:1.45}.card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px;backdrop-filter:blur(6px)}.card--translucent{align-items:center;text-align:center}.field{display:flex;flex-direction:column;gap:6px}.field>span,.field-label{font-size:.85rem;color:var(--text-dim)}.field-label{display:block;margin-top:4px}.input{width:100%;font-size:1.05rem;padding:13px 14px;border-radius:14px;border:1px solid var(--card-border);background:#00000040;color:var(--text);outline:none}.input:focus{border-color:var(--accent)}.input--pin{text-align:center;font-size:1.8rem;letter-spacing:.4em}.row{display:flex;gap:8px;align-items:stretch}.row .input{flex:1}select.input{appearance:none}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}.chip{border:1px solid var(--card-border);background:#0003;color:var(--text);border-radius:999px;padding:10px 16px;font-size:.95rem;min-height:44px}.chip--on{background:var(--accent);border-color:var(--accent);color:#3b2415;font-weight:600}.btn{border:none;border-radius:16px;min-height:48px;padding:12px 18px;font-size:1rem;font-weight:600;color:#3b2415;background:var(--accent);cursor:pointer;touch-action:manipulation}.btn:active{background:var(--accent-dark)}.btn:disabled{opacity:.6}.btn--big{width:100%;font-size:1.15rem;min-height:56px}.btn--start{width:100%;max-width:420px;min-height:68px;font-size:1.35rem;border-radius:22px;box-shadow:0 6px 24px #ff9a5659}.btn--small{min-height:44px;font-size:.9rem;padding:8px 12px}.btn--danger{background:var(--danger);color:#fff}.btn--ghost{background:transparent;color:var(--text-dim)}.error{color:#ffb2b2;text-align:center;margin:4px 0;max-width:420px}.hint{color:var(--text-dim);font-size:.85rem;text-align:center;max-width:420px;line-height:1.5;margin:0}.ai-note{color:var(--text-dim);font-size:.78rem;margin:0}.safety-text{line-height:1.5;margin:6px 0}.memory-chip{max-width:420px;width:100%;background:#ff9a561f;border:1px solid rgba(255,154,86,.3);border-radius:14px;padding:10px 14px;font-size:.88rem;line-height:1.4}.danger-zone{max-width:420px;width:100%;color:var(--text-dim)}.danger-zone summary{cursor:pointer;padding:8px 0}.danger-zone .btn{margin-top:10px;width:100%}.game-bg{background:radial-gradient(ellipse 120% 55% at 50% 118%,#1d3a2b 0%,#22303f 45%,transparent 72%),linear-gradient(180deg,#241d47,#3c2a4d 60%,#4a2f4e)}.game-screen{position:relative;justify-content:space-between;overflow:hidden}.game-screen__sky{position:absolute;inset:0;pointer-events:none}.star{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffe9b8;opacity:.7;animation:twinkle 4s ease-in-out infinite}.star--1{top:12%;left:18%}.star--2{top:8%;left:72%;animation-delay:1.3s}.star--3{top:22%;left:46%;animation-delay:2.6s;width:3px;height:3px}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:.8}}.game-screen__stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:1}.character-name{margin:4px 0 0;font-size:1.5rem}.status-badge{background:#00000047;border-radius:999px;padding:8px 18px;color:var(--text-dim);font-size:.95rem;margin:4px 0 0}.mic-muted{color:#ffb2b2;font-size:.9rem;margin:2px 0 0}.ai-footnote{color:#fdf3e366;font-size:.72rem;text-align:center;margin:6px 0 0;z-index:1}.game-screen__timer{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);left:16px;width:58px;height:58px;z-index:2}.timer-ring{width:100%;height:100%;transform:rotate(-90deg)}.timer-ring__bg{fill:none;stroke:#ffffff26;stroke-width:3}.timer-ring__fg{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray 1s linear}.timer-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:600;color:var(--text-dim)}.parent-hotspot{position:absolute;top:0;right:0;width:88px;height:88px;z-index:3}.overlay{position:fixed;inset:0;background:#0f0a1ebf;display:flex;align-items:flex-end;justify-content:center;z-index:10}.overlay__panel{width:100%;max-width:460px;background:#352a55;border-radius:22px 22px 0 0;padding:20px 18px calc(env(safe-area-inset-bottom,0px) + 20px);display:flex;flex-direction:column;gap:12px}.overlay__panel h3{margin:0;font-size:1.05rem}.overlay__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.overlay__meta{color:var(--text-dim);font-size:.8rem;margin:0;text-align:center}.fox{position:relative;width:min(64vw,300px);aspect-ratio:1}.fox__svg{width:100%;height:100%}.fox__head{transform-origin:120px 100px;animation:head-bob 4s ease-in-out infinite}@keyframes head-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(3px) rotate(-1.2deg)}}.fox__tail{transform-origin:180px 170px;animation:tail-sway 5s ease-in-out infinite}@keyframes tail-sway{0%,to{transform:rotate(0)}50%{transform:rotate(6deg)}}.fox__eyes{animation:blink 6s infinite;transform-origin:120px 88px}@keyframes blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}.fox__eyes-happy{opacity:0}.fox__paw{opacity:0;transform-origin:176px 182px}.fox__listen-ring{position:absolute;inset:6%;border-radius:50%;border:3px solid rgba(255,214,140,0);pointer-events:none}.fox--listening .fox__ear--left{transform:rotate(-5deg);transform-origin:88px 55px}.fox--listening .fox__ear--right{transform:rotate(5deg);transform-origin:152px 55px}.fox--listening .fox__listen-ring{border-color:#ffd68c80;animation:listen-pulse 2.2s ease-in-out infinite}@keyframes listen-pulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.05);opacity:.25}}.fox--thinking .fox__head{animation:think-tilt 2.4s ease-in-out infinite}@keyframes think-tilt{0%,to{transform:rotate(0)}50%{transform:rotate(4deg) translateY(2px)}}.fox--speaking .fox__mouth{animation:mouth-talk .45s ease-in-out infinite;transform-origin:120px 126px}@keyframes mouth-talk{0%,to{transform:scaleY(1)}50%{transform:scaleY(2.4) translateY(1px)}}.fox--speaking .fox__head{animation:head-talk .9s ease-in-out infinite}@keyframes head-talk{0%,to{transform:translateY(0)}50%{transform:translateY(1.5px)}}.fox--happy{animation:happy-bounce .8s ease-in-out 3}.fox--happy .fox__eyes{opacity:0}.fox--happy .fox__eyes-happy{opacity:1}@keyframes happy-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}}.fox--goodbye .fox__paw{opacity:1;animation:paw-wave 1.1s ease-in-out infinite}@keyframes paw-wave{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(-24deg) translateY(-10px)}}@media(prefers-reduced-motion:reduce){.fox,.fox *,.star,.fox__listen-ring{animation:none!important}}@media(min-width:700px){.fox{width:320px}}