:root{--bg: #fdf6ec;--ink: #3a3a3a;--green: #7bc47f;--green-dark: #5aa85f;--accent: #f5a25d;--card: #ffffff;--radius: 28px;--shadow: 0 6px 18px rgba(0, 0, 0, .12);font-family:Segoe UI,Nunito,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:20px;text-align:center}.tile{border:none;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:transform .12s ease;font-size:1.1rem;color:var(--ink)}.tile:active{transform:scale(.95)}.tile.correct{outline:4px solid var(--green)}.tile.wrong{outline:4px solid #e57373}.tile-emoji{font-size:clamp(3rem,16vw,5.5rem);line-height:1}.big-play{width:66vw;max-width:260px;aspect-ratio:1;border-radius:50%;background:var(--green);color:#fff;border:none;box-shadow:var(--shadow);font-size:clamp(4rem,22vw,7rem);cursor:pointer}.big-play:active{transform:scale(.94)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;width:100%;max-width:640px}.choice-row{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.choice{width:clamp(90px,26vw,130px);aspect-ratio:1;border-radius:var(--radius);border:4px solid transparent;background:var(--card);box-shadow:var(--shadow);font-size:clamp(3rem,14vw,4.5rem);cursor:pointer}.choice:active{transform:scale(.93)}.choice.correct{border-color:var(--green);animation:pop .4s ease}.choice.wrong{border-color:#e57373}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes gentle-pulse{0%,to{transform:scale(1);box-shadow:var(--shadow)}50%{transform:scale(1.06);box-shadow:0 8px 24px #7bc47f80}}.pulse{animation:gentle-pulse 2.2s ease-in-out infinite}@keyframes celebrate-bounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-14px) rotate(-6deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-8px) rotate(6deg)}}.celebrate{animation:celebrate-bounce .9s ease-in-out 2}@keyframes grow-in{0%{transform:translate(-50%,-50%) scale(0)}70%{transform:translate(-50%,-50%) scale(1.25)}to{transform:translate(-50%,-50%) scale(1)}}.garden-item{animation:grow-in .5s ease-out both;position:absolute;transform:translate(-50%,-50%);background:none;border:none;padding:0;cursor:pointer;line-height:1}@keyframes sway{0%,to{transform:translate(-50%,-50%) rotate(0)}25%{transform:translate(-50%,-50%) rotate(-18deg) scale(1.3)}75%{transform:translate(-50%,-50%) rotate(18deg) scale(1.3)}}.garden-item:active{animation:sway .5s ease-in-out}.island-scene{position:relative;min-height:100%;overflow:hidden;background:linear-gradient(#bfe3f7,#dff2fb 45%,#8fd4e8 45.2%,#7bcbe0);display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.sun{position:absolute;top:26px;right:34px;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff3b0,#ffd54f 70%);box-shadow:0 0 40px 14px #ffd54f8c;animation:sun-glow 4s ease-in-out infinite}@keyframes sun-glow{0%,to{box-shadow:0 0 40px 12px #ffd54f73}50%{box-shadow:0 0 52px 20px #ffd54fa6}}.cloud{position:absolute;font-size:2.6rem;opacity:.9;animation:drift linear infinite}.cloud-1{top:8%;animation-duration:55s}.cloud-2{top:17%;font-size:2rem;animation-duration:75s;animation-delay:-30s}.cloud-3{top:4%;font-size:1.6rem;animation-duration:95s;animation-delay:-60s}@keyframes drift{0%{left:-12%}to{left:105%}}.sea{position:absolute;bottom:0;left:0;right:0;height:55%;pointer-events:none}.wave{position:absolute;top:-12px;width:100%;text-align:center;color:#ffffffb3;font-size:1.1rem;letter-spacing:8px;animation:wave-bob 3.5s ease-in-out infinite}@keyframes wave-bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.island-mound{position:relative;width:min(92vw,480px);height:clamp(200px,34vh,300px);margin-bottom:8px;background:radial-gradient(ellipse 70% 38% at 50% 30%,#a5d6a7 0%,#8bc98e 55%,transparent 56%),radial-gradient(ellipse 78% 46% at 50% 38%,#94ca97 0%,#7dbd81 60%,transparent 61%),radial-gradient(ellipse 88% 55% at 50% 48%,#85c189 0%,#6cae71 65%,#e8d9a8 66%,#dbc890 74%,transparent 75%);z-index:1}.island-landmark{position:absolute;top:2%;left:50%;transform:translate(-50%);font-size:clamp(2.6rem,12vw,4rem);z-index:2;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}.garden-hint{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);opacity:.5;font-size:1.6rem}.friends-on-island{position:absolute;bottom:4%;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:3}.friend-bob{animation:bob 2.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.activity-dock{position:relative;z-index:4;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:14px 18px calc(18px + env(safe-area-inset-bottom));margin-bottom:10px;background:#fff9eceb;border-radius:30px;box-shadow:var(--shadow);max-width:94vw}.dock-btn{width:clamp(58px,15vw,74px);aspect-ratio:1;border-radius:50%;border:none;background:#fff;box-shadow:0 4px 10px #0000001f,inset 0 -4px #0000000f;font-size:clamp(1.7rem,7vw,2.3rem);cursor:pointer;transition:transform .12s cubic-bezier(.34,1.56,.64,1)}.dock-btn:active{transform:scale(.85)}.creature{display:inline-block}.creature-idle{animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.creature-happy{animation:happy-jump .7s cubic-bezier(.34,1.56,.64,1) 2}@keyframes happy-jump{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-18px) scale(1.06,.96)}60%{transform:translateY(0) scale(.95,1.05)}}.creature-sad{animation:sad-wobble .8s ease-in-out 1}@keyframes sad-wobble{0%,to{transform:rotate(0)}30%{transform:rotate(-7deg)}70%{transform:rotate(7deg)}}.creature-eyes{transform-origin:50px 52px;animation:blink 4.2s infinite}@keyframes blink{0%,94%,to{transform:scaleY(1)}96%,98%{transform:scaleY(.08)}}.burst{position:fixed;left:50%;top:42%;z-index:50;pointer-events:none}.burst-p{position:absolute;font-size:1.2rem;animation:burst-fly .9s ease-out both}@keyframes burst-fly{0%{transform:translate(0) rotate(0) scale(.6);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(1.1);opacity:0}}.coin{width:58px;height:58px;border-radius:50%;border:3px solid #c9950c;background:radial-gradient(circle at 35% 30%,#ffe08a,#f5b301 70%);font-weight:800;font-size:1.4rem;color:#7a5800;box-shadow:var(--shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.coin:active{transform:scale(.85)}.coin.small{width:44px;height:44px;font-size:1.1rem}.coin.big-pay{width:68px;height:68px;font-size:1.7rem;cursor:default;border-color:#b0862a;background:radial-gradient(circle at 35% 30%,#fff3c4,#ffc93c 70%)}.coin.spent{opacity:.25;pointer-events:none}.coin.no{animation:sway .5s ease}.coin-tray{min-height:58px;min-width:min(70vw,300px);background:#ffffffbf;border-radius:18px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;flex-wrap:wrap}.choice,.tile,.big-play,.speak-btn{transition:transform .12s cubic-bezier(.34,1.56,.64,1)}.choice:active,.tile:active{transform:scale(.88)}.prompt-face{font-size:clamp(5rem,30vw,9rem)}.friend-strip{display:flex;gap:14px;justify-content:center}.friend{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:var(--shadow)}.island-elems{font-size:1.6rem;letter-spacing:4px;max-width:90%}.speak-btn{border:none;background:var(--accent);color:#fff;border-radius:999px;padding:14px 22px;font-size:1.4rem;cursor:pointer;box-shadow:var(--shadow)}.icon-btn{border:none;background:transparent;font-size:1.8rem;cursor:pointer;padding:10px;border-radius:50%}.parent{max-width:560px;margin:0 auto;padding:20px;text-align:left}.parent h2{color:var(--green-dark)}.parent section{background:var(--card);border-radius:18px;padding:16px;margin:14px 0;box-shadow:var(--shadow)}.parent label{display:block;margin:10px 0 4px;font-weight:600}.parent input[type=number],.parent textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #ddd;font-size:1rem}.parent button.action{background:var(--green);color:#fff;border:none;border-radius:12px;padding:10px 16px;font-size:1rem;cursor:pointer;margin-top:8px}.chip{display:inline-block;padding:8px 14px;border-radius:999px;margin:4px;border:2px solid var(--green);cursor:pointer;background:#fff}.chip.on{background:var(--green);color:#fff}.corner-gate{position:fixed;bottom:12px;right:12px;width:54px;height:54px;border-radius:50%;opacity:.25;background:#000;border:none;cursor:pointer}.hint{color:#888;font-size:.9rem}.title{font-size:1.5rem;font-weight:700}