.cg-scene{touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(#2d1b69 0%,#3d2a8c 15%,#6b42cc 32%,#9b6fe8 50%,#c9a0f0 65%,#f5c6a0 80%,#fddba8 92%,#fef0d9 100%);width:100%;height:100dvh;min-height:100dvh;position:relative;overflow:hidden}.cg-sky{pointer-events:none;z-index:0;position:absolute;inset:0}.cg-sky-gradient{background:inherit;position:absolute;inset:0}.cg-star{pointer-events:none;background:#fff;border-radius:50%;animation:ease-in-out infinite gardenStarTwinkle;position:absolute}.cg-shooting-star{background:linear-gradient(90deg,transparent 0%,#fff 50%,var(--garden-sky-peach)100%);opacity:0;pointer-events:none;border-radius:999px;width:100px;height:2px;animation:ease-in-out infinite gardenShootingStar;position:absolute;top:8%;left:5%}.cg-ground-clouds{pointer-events:none;z-index:2;width:110%;position:absolute;bottom:0;left:-5%;right:-5%}.cg-ground-cloud-back{opacity:.55;animation:24s ease-in-out infinite gardenGroundFloat}.cg-ground-cloud-mid{opacity:.65;animation:18s ease-in-out -6s infinite gardenGroundFloat}.cg-ground-cloud-front{opacity:1;animation:14s ease-in-out -3s infinite gardenGroundFloat}.cg-world-map{z-index:1;width:100%;height:100%;position:relative}.cg-world-layer{will-change:transform;transition:transform 50ms linear;position:absolute;inset:0}.cg-cloud-shape{filter:drop-shadow(0 4px 12px var(--garden-cloud-shadow));display:block}.cg-zone-wrap{cursor:pointer;animation:gardenFloat var(--zone-float-dur,4.2s)ease-in-out infinite;animation-delay:var(--zone-float-delay,0s);touch-action:manipulation;flex-direction:column;align-items:center;gap:.35rem;transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute}.cg-zone-wrap:hover .cg-zone-bubble,.cg-zone-wrap:focus-visible .cg-zone-bubble{filter:drop-shadow(0 6px 20px var(--zone-accent,var(--garden-math-gold)))drop-shadow(0 2px 8px #0000002e);transform:scale(1.1)}.cg-zone-wrap:active .cg-zone-bubble{transform:scale(.94)}.cg-zone-bubble{will-change:transform;border:3px solid #fff9;border-radius:50%;justify-content:center;align-items:center;transition:transform .22s cubic-bezier(.34,1.56,.64,1),filter .22s,box-shadow .22s;display:flex;position:relative;box-shadow:inset 0 3px #fffffff2,inset 0 -3px 8px #00000014,0 10px 30px #00000038,0 2px 8px #0000001f}.cg-zone-bubble--today{border:2.5px solid var(--garden-star-gold);animation:2s ease-in-out infinite gardenBeaconPulse}.cg-zone-label{color:#fff;text-shadow:0 1px 6px #0000008c,0 0 12px #0000004d;white-space:nowrap;letter-spacing:.03em;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;border-radius:999px;padding:.15rem .55rem;font-size:.88rem;font-weight:800}.cg-btn{cursor:pointer;background:var(--garden-cloud-white);color:#1e1b4b;touch-action:manipulation;-webkit-tap-highlight-color:transparent;will-change:transform;border:none;border-radius:28px;justify-content:center;align-items:center;min-height:52px;padding:.6rem 1.4rem;font-family:inherit;font-weight:700;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,background-color .18s;display:inline-flex;position:relative;box-shadow:inset 0 2px #fffffff2,inset 0 -3px 8px #00000012,0 6px 20px #00000024,0 2px 6px #00000014}.cg-btn:hover:not(:disabled):not([data-state=correct]):not([data-state=incorrect]){transform:translateY(-2px)scale(1.03);box-shadow:inset 0 2px #fffffff2,0 10px 28px #0000002e}.cg-btn:active:not(:disabled){transform:scale(.96)}.cg-btn[data-state=selected]{border:2.5px solid var(--garden-math-gold);transform:scale(1.05);box-shadow:inset 0 2px #fffffff2,0 0 0 4px #fde04740,0 8px 24px #f59e0b4d}.cg-btn[data-state=correct]{border:2.5px solid var(--garden-correct-green);cursor:default;background:#dcfce7;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards gardenBounceIn}.cg-btn[data-state=incorrect]{border:2.5px solid var(--garden-wrong-red);background:#fff1f2;animation:.45s ease-in-out forwards gardenShake}.cg-btn[data-state=disabled],.cg-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #00000014}.cg-btn--sm{border-radius:20px;min-height:40px;padding:.4rem .9rem;font-size:.85rem}.cg-btn--lg{border-radius:34px;min-height:60px;padding:.8rem 2rem;font-size:1.1rem}.cg-btn--math{border-color:var(--garden-math-gold)}.cg-btn--phonics{border-color:var(--garden-phonics-teal)}.cg-btn--art{border-color:var(--garden-art-coral)}.cg-btn--music{border-color:var(--garden-music-rose)}.cg-btn--story{border-color:var(--garden-story-green)}.cg-cta-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--garden-sky-dawn)0%,var(--garden-math-gold)100%);touch-action:manipulation;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;width:100%;min-height:56px;font-family:inherit;font-size:1.05rem;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 4px 16px #7c3aed59,inset 0 1px #fff3}.cg-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed73}.cg-cta-btn:active{transform:scale(.97)}.cg-progress-bar{align-items:center;gap:4px;display:flex}.cg-progress-puff{background:#ffffff40;border-radius:999px;width:22px;height:13px;transition:background .3s,transform .3s cubic-bezier(.34,1.56,.64,1)}.cg-progress-puff--filled{background:var(--garden-cloud-white);transform:scaleY(1.15);box-shadow:0 0 8px #ffffff80}.cg-bubble{background:var(--garden-cloud-white);color:#2e1065;border-radius:18px;max-width:220px;padding:.6rem 1rem;font-size:.9rem;font-weight:600;line-height:1.4;position:relative;box-shadow:0 4px 16px #0000001f,inset 0 1px #ffffffe6}.cg-bubble:after{content:"";border-left:8px solid #0000;border-right:4px solid #0000;border-top:10px solid var(--garden-cloud-white);filter:drop-shadow(0 3px 4px #0000001a);width:0;height:0;position:absolute;bottom:-8px;left:22px}.cg-bubble--right:after{left:auto;right:22px}.cg-mascot-guide{z-index:10;flex-direction:column;align-items:flex-start;gap:.5rem;animation:5s ease-in-out infinite gardenFloat;display:flex;position:absolute;bottom:18%;left:1.25rem}.cg-lesson-card{background:var(--garden-cloud-white);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:2px solid #0000;border-radius:22px;flex-direction:column;align-items:center;gap:.5rem;min-width:130px;padding:1rem .75rem .85rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:inset 0 2px #ffffffe6,0 8px 24px #0000001f}.cg-lesson-card:hover{transform:translateY(-4px)scale(1.04);box-shadow:inset 0 2px #ffffffe6,0 14px 32px #0000002e}.cg-lesson-card--available{border-color:var(--zone-accent,var(--garden-math-gold))}.cg-lesson-card--today{border-color:var(--garden-star-gold);animation:2.2s ease-in-out infinite gardenBeaconPulse}.cg-lesson-card--completed{border-color:var(--garden-story-green);background:#f0fdf4}.cg-lesson-card--locked{opacity:.55;cursor:not-allowed;filter:grayscale(.4)}.cg-lesson-card--locked:hover{animation:.4s ease-in-out gardenShake;transform:none}.cg-lesson-card--in-progress{border-color:var(--garden-phonics-teal)}.cg-lesson-card__icon{background:var(--zone-bg,var(--garden-math-gold-bg));border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.cg-lesson-card__title{color:#1e1b4b;text-align:center;max-width:10ch;font-size:.82rem;font-weight:800;line-height:1.3}.cg-lesson-card__meta{color:#6b7280;font-size:.72rem;font-weight:600}.cg-lesson-card__progress-arc{pointer-events:none;position:absolute;inset:-4px}.cg-lesson-branch{flex-wrap:wrap;justify-content:center;gap:.85rem;padding:1rem;display:flex}.cg-activity-scene{background:linear-gradient(180deg,var(--garden-sky-mid)0%,var(--garden-sky-dawn)40%,var(--garden-sky-horizon)80%,var(--garden-sky-peach)100%);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.cg-hud{z-index:5;-webkit-backdrop-filter:blur(12px);background:#1e1b4b8c;border-bottom:1px solid #ffffff1f;flex-shrink:0;align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex;position:relative}.cg-hud__avatar{background:var(--garden-sky-dawn);border:2px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cg-hud__level{color:var(--garden-star-gold);letter-spacing:.05em;white-space:nowrap;font-size:.72rem;font-weight:800}.cg-hud__stars{color:#fff;align-items:center;gap:.2rem;font-size:.78rem;font-weight:800;display:flex}.cg-hud__spacer{flex:1}.cg-hud__progress{align-items:center;gap:3px;display:flex}.cg-content-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex;overflow:hidden}.cg-stage-frame{background:#ffffffeb;border-radius:28px;flex-direction:column;align-items:center;gap:1.2rem;width:min(520px,100%);padding:1.5rem;display:flex;box-shadow:0 12px 40px #1e1b4b38,inset 0 2px #fff}.cg-answer-zone{grid-template-columns:1fr 1fr;gap:.65rem;width:min(520px,100%);display:grid}@media (min-width:640px){.cg-answer-zone{grid-template-columns:1fr 1fr 1fr 1fr}}.cg-complete-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);background:linear-gradient(160deg,#1e1b4beb,#4c1d95eb);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cg-complete-panel{text-align:center;color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:28px;flex-direction:column;align-items:center;gap:1rem;width:calc(100% - 2rem);max-width:400px;padding:2rem;display:flex}.cg-parent-btn{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fffc;cursor:pointer;touch-action:manipulation;background:#1e1b4b80;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.75rem;font-weight:700;transition:background .2s,transform .18s;display:flex;position:absolute;bottom:1.2rem;right:1rem}.cg-parent-btn:hover{background:#1e1b4bbf;transform:translateY(-1px)}.cg-zone-enter-overlay{z-index:40;pointer-events:none;background:radial-gradient(#0000 0%,#1e1b4bd9 100%);animation:.4s ease-out forwards gardenZonePop;position:fixed;inset:0}.cg-heading{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 12px #1e1b4b80;font-size:clamp(1.5rem,4.5vw,2.5rem);font-weight:900;line-height:1.15}.cg-subtext{color:#fffc;font-size:clamp(.85rem,2vw,1rem);font-weight:600}@media (prefers-reduced-motion:reduce){.cg-zone-wrap,.cg-shooting-star,.cg-star,.cg-ground-cloud-back,.cg-ground-cloud-mid,.cg-ground-cloud-front{animation:none!important}.cg-btn,.cg-lesson-card,.cg-zone-bubble{transition:opacity .2s!important;transform:none!important}}