:root{--bg: #fbf1e3;--bg-2: #f6e2c9;--surface: #fffaf3;--ink: #4a3b32;--ink-soft: #977f6d;--accent: #e07a5f;--accent-2: #f2a65a;--good: #7fa886;--shadow: 24px 24px 60px rgba(150, 110, 70, .18);--shadow-sm: 0 10px 24px rgba(150, 110, 70, .16)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 800px at 15% -10%,#fff7ec 0%,transparent 60%),radial-gradient(1000px 900px at 110% 20%,#fbe0c4 0%,transparent 55%),linear-gradient(160deg,var(--bg) 0%,var(--bg-2) 100%);background-attachment:fixed;color:var(--ink);font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:7vw 6vw;gap:3.2vh;animation:rise .5s cubic-bezier(.2,.7,.2,1) both}.card{background:var(--surface);border-radius:34px;padding:clamp(1.8rem,6vw,3.2rem);box-shadow:var(--shadow);width:min(560px,100%);display:flex;flex-direction:column;align-items:center;gap:3vh}.title{font-family:Fredoka,Nunito,sans-serif;font-weight:700;font-size:clamp(2.8rem,11vw,5rem);line-height:.95;margin:0;color:var(--accent);letter-spacing:-.01em}.subtitle{font-size:clamp(1.2rem,4.5vw,1.7rem);font-weight:700;color:var(--ink-soft);margin:0;max-width:22ch;line-height:1.35}.emoji-row{font-size:clamp(1.8rem,7vw,2.6rem);letter-spacing:.15em}.belly-title{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(1.9rem,7vw,2.8rem);margin:0;color:var(--accent);line-height:1}.belly-text{font-size:clamp(1.05rem,4vw,1.4rem);font-weight:700;color:var(--ink-soft);margin:0;max-width:20ch;line-height:1.3}.belly-command{font-family:Fredoka,sans-serif;font-weight:600;font-size:clamp(1.7rem,6.5vw,2.7rem);line-height:1.05;color:var(--ink);max-width:14ch;animation:pop .35s cubic-bezier(.2,.8,.2,1) both}.belly-command.result-good{color:var(--good)}.belly-command.result-bad{color:var(--accent)}.big-btn{font-family:Fredoka,Nunito,sans-serif;font-size:clamp(1.4rem,5.5vw,2rem);font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent) 0%,#d96a4f 100%);border:none;border-radius:999px;padding:.7em 1.6em;cursor:pointer;width:min(80%,380px);box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.big-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px #e07a5f59}.big-btn:active{transform:translateY(1px) scale(.98)}.game-stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3vh;padding:7vw 6vw}.pill{font-weight:800;font-size:clamp(1rem,3.6vw,1.3rem);color:var(--ink-soft);background:var(--surface);padding:.5em 1.2em;border-radius:999px;box-shadow:var(--shadow-sm)}.prompt{font-family:Fredoka,Nunito,sans-serif;font-weight:600;font-size:clamp(2.1rem,8vw,4rem);max-width:15ch;line-height:1.05;color:var(--ink);background:var(--surface);padding:clamp(1.2rem,5vw,2.2rem) clamp(1.4rem,6vw,2.6rem);border-radius:30px;box-shadow:var(--shadow);animation:pop .35s cubic-bezier(.2,.8,.2,1) both}.prompt.result-good{color:var(--good)}.prompt.result-bad{color:var(--accent)}.countdown{font-family:Fredoka,sans-serif;font-size:clamp(3.4rem,14vw,7rem);font-weight:700;color:var(--accent-2);animation:beat .7s ease-in-out infinite}.feedback{font-size:clamp(1.3rem,5vw,2rem);font-weight:800}.feedback.good{color:var(--good)}.feedback.bad{color:var(--accent)}.big-num{font-family:Fredoka,sans-serif;font-size:clamp(3rem,13vw,5rem);font-weight:700;color:var(--accent);line-height:1}.sparkle{font-size:clamp(2rem,8vw,3rem)}#vision-preview canvas{display:none!important}#vision-preview{width:132px!important;height:176px!important;border-radius:22px!important;border:4px solid var(--surface)!important;box-shadow:var(--shadow-sm)!important;bottom:18px!important;right:18px!important}.robot{width:min(560px,100%);display:flex;flex-direction:column;align-items:center;animation:rise .5s cubic-bezier(.2,.7,.2,1) both}.robot-sprout{width:clamp(40px,11vw,56px);height:auto;margin-bottom:-8px;z-index:3;transform-origin:bottom center;animation:sway 3.5s ease-in-out infinite}.sprout-stem{fill:none;stroke:#7aa84f;stroke-width:5;stroke-linecap:round}.sprout-leaf{fill:#8bbf5a}.robot-head{width:clamp(180px,46vw,240px);height:clamp(130px,33vw,172px);background:var(--surface);border-radius:40px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.robot-face-svg{width:82%;height:82%}.eye{fill:var(--accent-2);animation:blink 5.5s infinite;transform-origin:center;transform-box:fill-box}.eye-spark{fill:#fff;opacity:.9}.eye-line{fill:none;stroke:var(--accent-2);stroke-width:9;stroke-linecap:round}.cheek{fill:#e07a5f38}.mouth-line{fill:none;stroke:var(--accent);stroke-width:9;stroke-linecap:round}.mouth-fill{fill:var(--accent)}.expr-cheer .cheek{fill:#e07a5f66}.robot-body{position:relative;margin-top:-22px;width:min(520px,100%);background:var(--surface);border-radius:40px;box-shadow:var(--shadow);padding:clamp(1.6rem,5vw,2.4rem);padding-top:clamp(2rem,6vw,2.8rem);z-index:1}.robot-arm{position:absolute;top:34%;width:22px;height:74px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm)}.robot-arm.left{left:-14px}.robot-arm.right{right:-14px}.robot-feet{display:flex;gap:clamp(70px,22vw,120px);margin-top:-12px;z-index:0}.robot-feet span{width:46px;height:26px;border-radius:0 0 20px 20px;background:var(--surface);box-shadow:0 8px 14px #966e4624}.robot-belly{background:linear-gradient(165deg,#fff7ec,#fbe7cf);border-radius:26px;padding:clamp(1.4rem,5vw,2.4rem) clamp(1.2rem,4vw,2rem);min-height:clamp(150px,34vw,220px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2vh;text-align:center;box-shadow:inset 0 3px 14px #966e4624}.game-roam{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.hud{position:absolute;top:max(16px,3vh);left:0;right:0;z-index:5;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.hud-pill{font-weight:800;font-size:clamp(1rem,3.6vw,1.3rem);color:var(--ink-soft);background:var(--surface);padding:.5em 1.2em;border-radius:999px;box-shadow:var(--shadow-sm)}.hearts{display:flex;gap:6px;font-size:clamp(1.2rem,4.5vw,1.6rem)}.heart{filter:drop-shadow(0 2px 3px rgba(150,110,70,.2))}.rules-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.2vh;text-align:left;max-width:15ch}.rules-list li{font-size:clamp(1rem,3.9vw,1.3rem);font-weight:700;color:var(--ink-soft);line-height:1.25}.rules-list b{color:var(--ink);font-family:Fredoka,sans-serif;font-weight:600}.simon-wrap{position:absolute;transform:translate(-50%,-50%);transition:left .9s cubic-bezier(.5,0,.3,1),top .9s cubic-bezier(.5,0,.3,1);display:flex;flex-direction:column;align-items:center;gap:12px;will-change:left,top}.speech{position:relative;background:var(--surface);border-radius:26px;padding:clamp(1rem,4vw,1.7rem) clamp(1.2rem,5vw,2rem);box-shadow:var(--shadow);max-width:min(66vw,340px);display:flex;flex-direction:column;align-items:center;gap:1vh;text-align:center;animation:pop .3s cubic-bezier(.2,.8,.2,1) both}.speech:after{content:"";position:absolute;bottom:-10px;left:50%;width:22px;height:22px;background:var(--surface);transform:translate(-50%) rotate(45deg);border-radius:0 0 6px}.speech-cmd{font-family:Fredoka,sans-serif;font-weight:600;font-size:clamp(1.5rem,6vw,2.4rem);line-height:1.05;color:var(--ink);max-width:13ch}.speech-cmd.result-good{color:var(--good)}.speech-cmd.result-bad{color:var(--accent)}.speech-sub{font-size:clamp(.95rem,3.6vw,1.2rem);font-weight:700;color:var(--ink-soft)}.mascot{display:flex;flex-direction:column;align-items:center;animation:bob 2.8s ease-in-out infinite}.mascot.walking{animation:waddle .34s ease-in-out infinite}.mascot-head{width:clamp(84px,22vw,104px);height:clamp(64px,17vw,80px);background:var(--surface);border-radius:28px;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.mascot-body{position:relative;margin-top:-12px;width:clamp(112px,30vw,140px);height:clamp(80px,21vw,100px);background:var(--surface);border-radius:32px;box-shadow:var(--shadow-sm);z-index:1}.mascot-body .robot-arm{top:26%;height:52px}.mascot-feet{display:flex;gap:46px;margin-top:-8px;z-index:0}.mascot-feet span{width:32px;height:18px;border-radius:0 0 16px 16px;background:var(--surface);box-shadow:0 6px 10px #966e4624}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes waddle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.12)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media (prefers-reduced-motion: reduce){.screen,.prompt,.countdown,.mascot,.mascot.walking,.robot-sprout,.eye,.speech{animation:none!important}.simon-wrap{transition:none}}