.alphabet-module__oidCMa__page{-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#e8f4ff 0%,#fff0f8 50%,#f0fff4 100%);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.alphabet-module__oidCMa__header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-bottom:2px solid #9b59b626;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.alphabet-module__oidCMa__backBtn{color:#9b59b6;white-space:nowrap;background:#9b59b61a;border-radius:999px;flex-shrink:0;padding:8px 16px;font-size:16px;font-weight:800;text-decoration:none;transition:all .2s}.alphabet-module__oidCMa__backBtn:hover{background:#9b59b633;transform:translate(-2px)}.alphabet-module__oidCMa__titleArea{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.alphabet-module__oidCMa__levelBadge{color:#9b59b6;background:#9b59b61a;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.alphabet-module__oidCMa__title{color:#2d1b0e;text-align:center;white-space:nowrap;font-size:20px;font-weight:900}.alphabet-module__oidCMa__starsBadge{color:#f0c000;white-space:nowrap;background:#ffd93d26;border-radius:999px;flex-shrink:0;padding:8px 16px;font-size:20px;font-weight:900}.alphabet-module__oidCMa__phaseBar{background:#ffffff80;border-bottom:1px solid #0000000f;flex-shrink:0;justify-content:center;align-items:center;gap:0;padding:8px 20px;display:flex}.alphabet-module__oidCMa__phaseStep{color:#b89070;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;transition:all .3s;display:flex}.alphabet-module__oidCMa__phaseStep:after{content:"→";color:#ddd;margin-left:8px}.alphabet-module__oidCMa__phaseStep:last-child:after{display:none}.alphabet-module__oidCMa__phaseNum{color:#fff;background:#e0d0d0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}.alphabet-module__oidCMa__phaseActive{color:#9b59b6}.alphabet-module__oidCMa__phaseActive .alphabet-module__oidCMa__phaseNum{background:#9b59b6;box-shadow:0 0 0 4px #9b59b633}.alphabet-module__oidCMa__phaseDone{color:#6bcb77}.alphabet-module__oidCMa__phaseDone .alphabet-module__oidCMa__phaseNum{background:#6bcb77}.alphabet-module__oidCMa__content{flex-direction:column;flex:1;align-items:center;padding:16px 20px 20px;display:flex;overflow:hidden auto}.alphabet-module__oidCMa__draggingCookie{z-index:9999;pointer-events:none;filter:drop-shadow(0 8px 16px #0000004d);flex-direction:column;align-items:center;font-size:48px;animation:.3s ease-in-out infinite alternate alphabet-module__oidCMa__cookieWobble;display:flex;position:fixed}@keyframes alphabet-module__oidCMa__cookieWobble{0%{transform:rotate(-5deg)scale(1.1)}to{transform:rotate(5deg)scale(1.15)}}.alphabet-module__oidCMa__draggingText{color:#fff;text-shadow:0 2px 4px #00000080;margin-top:-10px;font-size:20px;font-weight:900}.alphabet-module__oidCMa__particlesOverlay{pointer-events:none;z-index:500;position:fixed;inset:0}.alphabet-module__oidCMa__particle{background:var(--color);width:12px;height:12px;animation:alphabet-module__oidCMa__particleExplode .8s ease-out var(--delay,0s) forwards;border-radius:50%;position:absolute;top:50%;left:50%}@keyframes alphabet-module__oidCMa__particleExplode{0%{transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0);opacity:1}to{transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-120px) scale(0);opacity:0}}.alphabet-module__oidCMa__introContainer{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:700px;padding-bottom:16px;display:flex}.alphabet-module__oidCMa__introScene{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.alphabet-module__oidCMa__villageGate{flex-direction:column;align-items:center;gap:8px;display:flex}.alphabet-module__oidCMa__gateEmoji{font-size:48px;animation:3s ease-in-out infinite alphabet-module__oidCMa__float}@keyframes alphabet-module__oidCMa__float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.alphabet-module__oidCMa__gateBanner{color:#9b59b6;background:linear-gradient(135deg,#9b59b61a,#4ecdc41a);border:2px solid #9b59b633;border-radius:999px;padding:8px 20px;font-size:18px;font-weight:800}.alphabet-module__oidCMa__letterParade{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.alphabet-module__oidCMa__paradeLetter{border:3px solid var(--letter-color,#9b59b6);box-shadow:0 4px 0 var(--letter-color,#9b59b6);opacity:0;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:4px;min-width:80px;padding:12px 16px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translateY(30px)scale(.8)}.alphabet-module__oidCMa__paradeLetterVisible{opacity:1;transform:translateY(0)scale(1)}.alphabet-module__oidCMa__paradeLetterChar{color:var(--letter-color,#9b59b6);font-size:32px;font-weight:900;line-height:1}.alphabet-module__oidCMa__paradeLetterEmoji{font-size:24px}.alphabet-module__oidCMa__paradeLetterWord{color:#7a5c3a;font-size:12px;font-weight:700}.alphabet-module__oidCMa__narratorBox{background:#ffffffe6;border:2px solid #9b59b626;border-radius:20px;align-items:flex-start;gap:12px;width:100%;padding:16px 20px;display:flex}.alphabet-module__oidCMa__narratorEmoji{flex-shrink:0;font-size:36px;animation:2.5s ease-in-out infinite alphabet-module__oidCMa__float}.alphabet-module__oidCMa__narratorBubble{color:#2d1b0e;font-size:16px;font-weight:700;line-height:1.5}.alphabet-module__oidCMa__lessonContainer{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:700px;display:flex}.alphabet-module__oidCMa__lessonProgress{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.alphabet-module__oidCMa__progressDot{color:#b89070;background:#0000000f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.alphabet-module__oidCMa__progressDotDone{color:#fff;background:#6bcb77;transform:scale(.9)}.alphabet-module__oidCMa__progressDotActive{color:#fff;background:#9b59b6;transform:scale(1.2);box-shadow:0 0 0 6px #9b59b633}.alphabet-module__oidCMa__lessonDisplay{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;width:100%;display:flex}.alphabet-module__oidCMa__letterCard{border:4px solid var(--card-color,#9b59b6);min-width:160px;max-width:240px;box-shadow:0 6px 0 var(--card-color,#9b59b6);background:#fff;border-radius:28px;flex-direction:column;flex:1;align-items:center;gap:12px;padding:24px 20px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex}.alphabet-module__oidCMa__letterCardSuccess{border-color:#6bcb77;animation:.6s cubic-bezier(.34,1.56,.64,1) alphabet-module__oidCMa__successBounce;box-shadow:0 6px #6bcb77}@keyframes alphabet-module__oidCMa__successBounce{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.alphabet-module__oidCMa__letterCardError{border-color:#ff6b6b;animation:.5s alphabet-module__oidCMa__errorShake;box-shadow:0 6px #ff6b6b}@keyframes alphabet-module__oidCMa__errorShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.alphabet-module__oidCMa__letterBig{color:var(--card-color,#9b59b6);font-family:Nunito,sans-serif;font-size:72px;font-weight:900;line-height:1}.alphabet-module__oidCMa__letterLower{color:#9b59b680;font-family:Nunito,sans-serif;font-size:48px;font-weight:700;line-height:1}.alphabet-module__oidCMa__letterSounds{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.alphabet-module__oidCMa__nameBadge,.alphabet-module__oidCMa__soundBadge{text-align:center;border-radius:999px;width:100%;padding:4px 12px;font-size:13px;font-weight:700}.alphabet-module__oidCMa__nameBadge{color:#2ba8a0;background:#4ecdc41f}.alphabet-module__oidCMa__soundBadge{color:#e06b1a;background:#ff8c421f}.alphabet-module__oidCMa__anchorCard{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:3px solid #0000000f;border-radius:28px;flex-direction:column;flex:1;align-items:center;gap:10px;min-width:160px;max-width:240px;padding:24px 20px;transition:all .3s;display:flex;box-shadow:0 4px #0000000f}.alphabet-module__oidCMa__anchorCardBounce{animation:.6s cubic-bezier(.34,1.56,.64,1) alphabet-module__oidCMa__successBounce}.alphabet-module__oidCMa__anchorEmoji{font-size:64px;animation:3s ease-in-out infinite alphabet-module__oidCMa__float}.alphabet-module__oidCMa__anchorWords{flex-direction:column;align-items:center;gap:2px;display:flex}.alphabet-module__oidCMa__anchorWord{color:#2d1b0e;font-size:24px;font-weight:800}.alphabet-module__oidCMa__anchorCN{color:#7a5c3a;font-size:14px;font-weight:600}.alphabet-module__oidCMa__phonicHighlight{letter-spacing:1px;font-size:20px;font-weight:700}.alphabet-module__oidCMa__phonicLetter{font-size:26px;font-weight:900;text-decoration:underline;text-decoration-thickness:3px}.alphabet-module__oidCMa__phonicRest{color:#7a5c3a}.alphabet-module__oidCMa__recorderArea{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.alphabet-module__oidCMa__feedbackSuccess{color:#6bcb77;font-size:28px;font-weight:900;animation:.4s cubic-bezier(.34,1.56,.64,1) alphabet-module__oidCMa__popIn}.alphabet-module__oidCMa__feedbackTryAgain{color:#ff8c42;font-size:24px;font-weight:900;animation:.4s cubic-bezier(.34,1.56,.64,1) alphabet-module__oidCMa__popIn}@keyframes alphabet-module__oidCMa__popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.alphabet-module__oidCMa__lessonTip{color:#7a5c3a;text-align:center;background:#ffffffb3;border-radius:999px;padding:8px 20px;font-size:16px}.alphabet-module__oidCMa__gameContainer{flex-direction:column;gap:20px;width:100%;max-width:700px;display:flex}.alphabet-module__oidCMa__quizHeader{background:#fffc;border:2px solid #9b59b626;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;display:flex}.alphabet-module__oidCMa__quizRoundInfo{color:#9b59b6;background:#9b59b61a;border-radius:999px;padding:4px 14px;font-size:14px;font-weight:700}.alphabet-module__oidCMa__quizInstruction{color:#2d1b0e;text-align:center;font-size:18px;font-weight:800}.alphabet-module__oidCMa__replaySoundBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4ecdc4,#2ba8a0);border:none;border-radius:999px;padding:10px 24px;font-size:16px;font-weight:800;transition:all .2s;box-shadow:0 4px #2ba8a0}.alphabet-module__oidCMa__replaySoundBtn:active{transform:translateY(3px);box-shadow:0 1px #2ba8a0}.alphabet-module__oidCMa__quizMain{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.alphabet-module__oidCMa__animalBowl{background:#fff;border:4px dashed #9b59b64d;border-radius:28px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-width:180px;max-width:260px;min-height:160px;padding:24px 20px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex}.alphabet-module__oidCMa__animalFedSuccess{background:#6bcb770d;border-style:solid;border-color:#6bcb77;animation:.6s cubic-bezier(.34,1.56,.64,1) alphabet-module__oidCMa__successBounce}.alphabet-module__oidCMa__animalWrong{background:#ff6b6b0d;border-color:#ff6b6b;animation:.5s alphabet-module__oidCMa__errorShake}.alphabet-module__oidCMa__animalEmoji{font-size:60px;animation:3s ease-in-out infinite alphabet-module__oidCMa__float}.alphabet-module__oidCMa__animalName{color:#7a5c3a;font-size:16px;font-weight:700}.alphabet-module__oidCMa__fedBadge{color:#6bcb77;font-size:18px;font-weight:900;animation:.4s cubic-bezier(.34,1.56,.64,1) alphabet-module__oidCMa__popIn}.alphabet-module__oidCMa__bowlArea{color:#b89070;text-align:center;border:2px dashed #0000001a;border-radius:12px;width:100%;padding:8px 16px;font-size:13px}.alphabet-module__oidCMa__soundDisplay{background:#9b59b60f;border-radius:20px;flex-direction:column;flex:1;align-items:center;gap:12px;min-width:160px;padding:20px;display:flex}.alphabet-module__oidCMa__soundWave{color:#9b59b6;letter-spacing:2px;font-size:28px;font-weight:900}.alphabet-module__oidCMa__soundHint{color:#7a5c3a;text-align:center;font-size:14px;line-height:1.5}.alphabet-module__oidCMa__cookieTray{background:#fffc;border:2px solid #0000000f;border-radius:24px;padding:20px}.alphabet-module__oidCMa__trayLabel{color:#7a5c3a;text-align:center;margin-bottom:16px;font-size:14px;font-weight:700}.alphabet-module__oidCMa__cookieRow{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.alphabet-module__oidCMa__cookieCard{border:3px solid var(--card-color,#9b59b6);box-shadow:0 5px 0 var(--card-color,#9b59b6);cursor:grab;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:6px;min-width:90px;padding:16px 20px;transition:all .2s;display:flex}.alphabet-module__oidCMa__cookieCard:active{box-shadow:0 2px 0 var(--card-color,#9b59b6);transform:scale(.95)translateY(3px)}.alphabet-module__oidCMa__cookieWrong{animation:.5s alphabet-module__oidCMa__errorShake}.alphabet-module__oidCMa__cookieBase{font-size:36px}.alphabet-module__oidCMa__cookieLetter{color:var(--card-color,#9b59b6);margin-top:-8px;font-size:24px;font-weight:900;line-height:1}.alphabet-module__oidCMa__cookieEmoji{font-size:16px}.alphabet-module__oidCMa__victoryContainer{justify-content:center;align-items:center;width:100%;padding:20px;display:flex;position:relative}.alphabet-module__oidCMa__confettiRain{pointer-events:none;position:fixed;inset:0;overflow:hidden}.alphabet-module__oidCMa__confetti{top:-20px;left:var(--x);background:var(--color);width:10px;height:10px;animation:alphabet-module__oidCMa__confettiFall 3s linear var(--delay,0s) infinite;border-radius:2px;position:absolute}@keyframes alphabet-module__oidCMa__confettiFall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.alphabet-module__oidCMa__victoryCard{text-align:center;background:#fff;border:3px solid #9b59b626;border-radius:40px;width:100%;max-width:500px;padding:40px 32px;animation:.6s cubic-bezier(.34,1.56,.64,1) alphabet-module__oidCMa__popIn;box-shadow:0 20px 60px #9b59b633}.alphabet-module__oidCMa__victoryBadge{margin-bottom:8px;font-size:72px;animation:2s ease-in-out infinite alphabet-module__oidCMa__float}.alphabet-module__oidCMa__victoryTitle{color:#9b59b6;margin-bottom:8px;font-size:36px;font-weight:900}.alphabet-module__oidCMa__victoryText{color:#7a5c3a;margin-bottom:24px;font-size:18px}.alphabet-module__oidCMa__victoryLetters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;display:flex}.alphabet-module__oidCMa__victoryLetterChip{border:2px solid var(--chip-color,#9b59b6);background:#ffffffe6;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;animation:.4s cubic-bezier(.34,1.56,.64,1) both alphabet-module__oidCMa__popIn;display:flex}.alphabet-module__oidCMa__victoryLetterChip span{font-size:20px}.alphabet-module__oidCMa__victoryLetterChip strong{color:var(--chip-color,#9b59b6);font-size:18px;font-weight:900}.alphabet-module__oidCMa__victoryLetterChip small{color:#7a5c3a;font-size:12px;font-weight:600}.alphabet-module__oidCMa__rewardStars{justify-content:center;gap:12px;margin-bottom:8px;display:flex}.alphabet-module__oidCMa__starAnim{animation:.6s cubic-bezier(.34,1.56,.64,1) both alphabet-module__oidCMa__starBounce;animation-delay:var(--delay,0s);font-size:40px}@keyframes alphabet-module__oidCMa__starBounce{0%{opacity:0;transform:scale(0)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}.alphabet-module__oidCMa__rewardLabel{color:#f0c000;margin-bottom:4px;font-size:20px;font-weight:800}