@import "https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1035;--bg-2:#161850;--bg-card:#1e2260;--bg-card-2:#252a75;--bg-glass:#ffffff0f;--bg-glass-strong:#ffffff1f;--purple:#8b5cf6;--purple-light:#a78bfa;--purple-dark:#6d28d9;--cyan:#06b6d4;--cyan-light:#67e8f9;--cyan-dark:#0891b2;--gold:#f59e0b;--gold-light:#fcd34d;--gold-dark:#d97706;--gold-glow:#f59e0b66;--green:#10b981;--green-light:#6ee7b7;--green-dark:#059669;--green-glow:#10b98166;--red:#f43f5e;--red-light:#fda4af;--red-glow:#f43f5e66;--pink:#ec4899;--orange:#f97316;--text-white:#fff;--text-bright:#e2e8f0;--text-mid:#94a3b8;--text-muted:#64748b;--border:#ffffff1a;--border-strong:#fff3;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-purple:0 0 24px #8b5cf666;--shadow-gold:0 0 24px #f59e0b66;--shadow-cyan:0 0 24px #06b6d466;--shadow-green:0 0 24px #10b98166;--radius-xs:8px;--radius-sm:14px;--radius-md:20px;--radius-lg:28px;--radius-xl:36px;--radius-full:999px;--app-width:390px;--app-height:100dvh;--header-h:66px;--nav-h:72px}html,body{background:#06061a;height:100%}body{-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;font-family:Nunito,sans-serif;display:flex}#root{width:100%;max-width:var(--app-width);height:var(--app-height);background:var(--bg);flex-direction:column;display:flex;position:relative;overflow:hidden}#root:before{content:"";max-width:var(--app-width);pointer-events:none;z-index:0;background:radial-gradient(at 20% 10%,#8b5cf626 0%,#0000 50%),radial-gradient(at 80% 80%,#06b6d41f 0%,#0000 50%),radial-gradient(#f59e0b0d 0%,#0000 70%);position:fixed;inset:0}.screen{z-index:1;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.scroll-area{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;overflow:hidden auto}.scroll-area::-webkit-scrollbar{display:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-strong);border-radius:var(--radius-lg)}.btn-primary{background:linear-gradient(135deg, var(--purple), var(--cyan-dark));color:#fff;border-radius:var(--radius-full);cursor:pointer;letter-spacing:.3px;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 32px;font-family:Nunito,sans-serif;font-size:18px;font-weight:800;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #8b5cf680}.btn-primary:after{content:"";background:#ffffff26;width:40%;height:200%;transition:left .4s;position:absolute;top:-50%;left:-60%;transform:skew(-20deg)}.btn-primary:hover:after{left:130%}.btn-primary:active{transform:scale(.97)}.btn-gold{background:linear-gradient(135deg, var(--gold), var(--orange));box-shadow:0 4px 20px #f59e0b80}.btn-gold:hover:after{left:130%}.app-header{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);height:var(--header-h);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 18px;display:flex;position:relative}.header-left{align-items:center;gap:10px;display:flex}.header-avatar-wrap{position:relative}.header-avatar{border:2.5px solid var(--gold);background:var(--bg-card);width:42px;height:42px;box-shadow:0 0 12px var(--gold-glow);border-radius:50%;overflow:hidden}.header-avatar img{object-fit:cover;width:100%;height:100%}.header-level-badge{background:linear-gradient(135deg, var(--gold), var(--orange));color:#fff;border:1.5px solid var(--bg);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:flex;position:absolute;bottom:-4px;right:-4px}.header-info{flex-direction:column;gap:2px;display:flex}.header-name{color:var(--text-bright);font-size:13px;font-weight:800;line-height:1}.header-title{color:var(--gold-light);letter-spacing:.5px;font-family:Fredoka One,cursive;font-size:16px;line-height:1}.header-xp-bar{background:var(--border);border-radius:var(--radius-full);width:90px;height:6px;margin-top:3px;overflow:hidden}.header-xp-fill{background:linear-gradient(90deg, var(--gold), var(--gold-light));border-radius:var(--radius-full);height:100%;box-shadow:0 0 8px var(--gold-glow);transition:width .6s}.header-settings{background:var(--bg-glass-strong);border:1px solid var(--border-strong);cursor:pointer;width:40px;height:40px;color:var(--text-bright);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.header-settings:hover{background:var(--purple);border-color:var(--purple-light)}.header-settings:active{transform:rotate(60deg)scale(.93)}.gear-icon{fill:currentColor;width:20px;height:20px}.header-letter-case-btn{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--purple-dark), var(--cyan-dark));border:1.5px solid var(--purple-light);cursor:pointer;color:#fff;justify-content:center;align-items:center;height:38px;padding:0 12px;font-family:Fredoka One,cursive;font-size:15px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 0 12px #8b5cf64d}.header-letter-case-btn:hover{transform:scale(1.08);box-shadow:0 0 18px #8b5cf699}.header-letter-case-btn:active{transform:scale(.92)}.bottom-nav{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);height:var(--nav-h);z-index:50;flex-shrink:0;padding:6px 8px 10px;display:flex;position:relative}.nav-item{cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px;transition:all .2s;display:flex;position:relative}.nav-pill{border-radius:var(--radius-full);justify-content:center;align-items:center;width:44px;height:30px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.nav-item.active .nav-pill{background:linear-gradient(135deg, var(--purple), var(--cyan-dark));transform:translateY(-2px)scale(1.08);box-shadow:0 0 16px #8b5cf699}.nav-icon{justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.nav-svg{width:22px;height:22px;transition:all .2s}.nav-item.active .nav-svg{filter:drop-shadow(0 0 6px #fffc)}.nav-label{color:var(--text-muted);letter-spacing:.2px;font-size:10px;font-weight:800;transition:color .2s}.nav-item.active .nav-label{color:var(--text-bright)}.login-screen{background:linear-gradient(170deg,#1a0533 0%,#0d1040 40%,#060a30 100%);flex-direction:column;justify-content:flex-end;align-items:center;min-height:100%;padding:40px 32px 60px;display:flex;position:relative;overflow:hidden}.login-stars{pointer-events:none;z-index:0;position:absolute;inset:0}.login-star{background:#fff;border-radius:50%;animation:ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.9;transform:scale(1.4)}}.login-orb{filter:blur(40px);pointer-events:none;border-radius:50%;animation:ease-in-out infinite orbFloat;position:absolute}.login-orb-1{background:#8b5cf640;width:200px;height:200px;animation-duration:8s;top:-60px;left:-60px}.login-orb-2{background:#06b6d433;width:160px;height:160px;animation-duration:11s;animation-delay:-3s;bottom:80px;right:-40px}.login-orb-3{background:#f59e0b33;width:120px;height:120px;animation-duration:9s;animation-delay:-5s;top:40%;left:30%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-20px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.95)}}.login-mascot-container{z-index:1;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.login-mascot-card{-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;animation:3.5s ease-in-out infinite floatBounce;display:flex;box-shadow:0 0 60px #8b5cf666,0 0 120px #8b5cf626}.login-mascot-card img{object-fit:contain;filter:drop-shadow(0 0 20px #f59e0b80);width:160px;height:160px}@keyframes floatBounce{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-16px)rotate(1deg)}}.login-text{text-align:center;z-index:1;margin-bottom:36px;position:relative}.login-title{color:var(--text-white);text-shadow:0 0 30px #8b5cf699;margin-bottom:10px;font-family:Fredoka One,cursive;font-size:34px;line-height:1.15}.login-title span{background:linear-gradient(135deg, var(--gold-light), var(--pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-subtitle{color:var(--text-mid);font-size:15px;font-weight:600}.login-buttons{z-index:1;flex-direction:column;gap:14px;width:100%;max-width:300px;display:flex;position:relative}.google-btn{border-radius:var(--radius-full);color:#1f1f1f;cursor:pointer;background:#fffffff2;border:none;justify-content:center;align-items:center;gap:12px;width:100%;padding:15px 28px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 20px #0006}.google-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 6px 28px #00000080}.google-btn:active{transform:scale(.97)}.google-logo{width:22px;height:22px}.profile-screen-content{flex-direction:column;gap:16px;padding:24px 20px;display:flex}.profile-title{color:var(--purple-light);text-align:center;text-shadow:0 0 20px #8b5cf680;font-family:Fredoka One,cursive;font-size:30px}.profile-subtitle{color:var(--text-mid);text-align:center;margin-top:4px;font-size:15px}.avatar-card-title{color:var(--text-bright);text-align:center;margin-bottom:16px;font-size:15px;font-weight:800}.avatar-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.avatar-option{aspect-ratio:1;cursor:pointer;background:var(--bg-card);border:3px solid #0000;border-radius:50%;width:100%;transition:all .2s;position:relative;overflow:hidden}.avatar-option img{object-fit:cover;width:100%;height:100%}.avatar-option.selected{border-color:var(--purple-light);transform:scale(1.05);box-shadow:0 0 20px #8b5cf680}.avatar-option .checkmark{background:#8b5cf666;justify-content:center;align-items:center;font-size:28px;display:flex;position:absolute;inset:0}.avatar-add{aspect-ratio:1;border:2.5px dashed var(--border-strong);background:var(--bg-glass);cursor:pointer;width:100%;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:28px;transition:all .2s;display:flex}.avatar-add:active{background:var(--bg-card)}.name-card-title{color:var(--text-bright);text-align:center;margin-bottom:12px;font-size:15px;font-weight:700}.name-input-wrapper{border:2px solid var(--purple);border-radius:var(--radius-full);background:var(--bg-glass);align-items:center;gap:12px;padding:12px 20px;display:flex;box-shadow:0 0 16px #8b5cf633}.name-input{color:var(--text-white);text-align:center;background:0 0;border:none;outline:none;flex:1;font-family:Nunito,sans-serif;font-size:22px;font-weight:800}.name-input::placeholder{color:var(--text-muted)}.name-edit-icon{cursor:pointer;color:var(--gold);font-size:18px}.profile-btn-wrapper{padding:0 0 8px}.map-content{flex-direction:column;align-items:center;gap:0;padding:24px 24px 40px;display:flex}.map-level-connector{background:linear-gradient(180deg, var(--border-strong), var(--border));border-radius:var(--radius-full);width:3px;height:36px;margin:4px 0}.map-level-node{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.level-circle{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .2s;display:flex;position:relative}.level-circle:active{transform:scale(.92)}.level-circle.locked{background:var(--bg-card);border:2px solid var(--border);cursor:not-allowed}.level-circle.completed{background:linear-gradient(135deg, var(--green), var(--cyan-dark));box-shadow:0 0 20px var(--green-glow)}.level-circle.current{background:linear-gradient(135deg, var(--gold), var(--orange));box-shadow:0 0 0 10px #f59e0b26, var(--shadow-gold);width:96px;height:96px;animation:2.5s ease-in-out infinite currentPulse}@keyframes currentPulse{0%,to{box-shadow:0 0 0 10px #f59e0b26, var(--shadow-gold)}50%{box-shadow:0 0 0 16px #f59e0b14,0 0 40px #f59e0b80}}.level-lock-icon{color:var(--text-muted);font-size:24px}.level-check-icon{color:#fff;font-size:32px}.level-play-icon{color:#fff;filter:drop-shadow(0 2px 4px #0000004d);font-size:38px}.level-stars-decoration{pointer-events:none;position:absolute;inset:-12px}.star-deco{font-size:18px;position:absolute}.star-deco.red{animation:4s linear infinite starSpin;top:0;right:0}.star-deco.blue{animation:5s linear infinite reverse starSpin;bottom:8px;left:0}@keyframes starSpin{0%{transform:rotate(0)translate(8px)rotate(0)}to{transform:rotate(360deg)translate(8px)rotate(-360deg)}}.level-label{color:var(--text-bright);background:var(--bg-card);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);border:1px solid var(--border-strong);padding:4px 14px;font-size:13px;font-weight:800}.level-stars{gap:4px;font-size:18px;display:flex}.map-play-btn{background:linear-gradient(135deg, var(--gold), var(--orange));color:#fff;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 4px 24px var(--gold-glow);border:none;margin-top:16px;padding:14px 48px;font-family:Fredoka One,cursive;font-size:20px;transition:all .2s;animation:1.8s ease-in-out infinite playBtnBounce}.map-play-btn:active{transform:scale(.96)}@keyframes playBtnBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.map-treehouse{background:var(--bg-card);border:3px solid var(--border-strong);width:90px;height:90px;box-shadow:var(--shadow-md);border-radius:50%;margin-top:8px;overflow:hidden}.map-treehouse img{object-fit:cover;width:100%;height:100%}.game-screen-content{flex-direction:column;flex:1;align-items:center;gap:20px;padding:20px;display:flex}.game-progress-bar{background:var(--bg-card);border-radius:var(--radius-full);border:1px solid var(--border);width:100%;height:10px;overflow:hidden}.game-progress-fill{background:linear-gradient(90deg, var(--purple), var(--cyan));border-radius:var(--radius-full);height:100%;transition:width .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px #8b5cf699}.game-question-label{color:var(--text-muted);text-align:center;font-size:13px;font-weight:700}.game-image-card{background:var(--bg-card);border-radius:var(--radius-lg);width:200px;height:200px;box-shadow:var(--shadow-md), 0 0 40px #8b5cf626;border:1px solid var(--border-strong);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.game-image-emoji{font-size:88px;line-height:1;animation:.35s cubic-bezier(.34,1.56,.64,1) popIn}@keyframes popIn{0%{opacity:0;transform:scale(.3)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.game-word-display{color:var(--text-white);letter-spacing:3px;align-items:center;gap:4px;font-family:Fredoka One,cursive;font-size:30px;display:flex}.game-word-blank{border-bottom:4px solid var(--purple-light);min-width:50px;height:46px;color:var(--purple-light);justify-content:center;align-items:center;font-weight:900;display:inline-flex}.game-options{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.option-btn{border:2px solid var(--border-strong);cursor:pointer;width:84px;height:84px;box-shadow:var(--shadow-sm);background:var(--bg-card);color:var(--text-bright);border-radius:50%;font-family:Fredoka One,cursive;font-size:22px;transition:all .18s cubic-bezier(.34,1.56,.64,1)}.option-btn:active{transform:scale(.9)}.option-btn.selected{background:linear-gradient(135deg, var(--purple), var(--cyan-dark));color:#fff;border-color:var(--purple-light);transform:scale(1.06);box-shadow:0 0 24px #8b5cf699}.option-btn.correct{background:linear-gradient(135deg, var(--green), var(--cyan));color:#fff;border-color:var(--green-light);box-shadow:0 0 24px var(--green-glow);animation:.4s correctPulse}.option-btn.wrong{background:linear-gradient(135deg, var(--red), #c2185b);color:#fff;border-color:var(--red-light);animation:.4s shakeBtn}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes shakeBtn{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.game-feedback{text-align:center;min-height:30px;font-family:Fredoka One,cursive;font-size:20px;transition:all .3s}.feedback-correct{color:var(--green-light);text-shadow:0 0 16px var(--green-glow)}.feedback-wrong{color:var(--red-light)}.letras-content{flex-direction:column;gap:20px;padding:20px;display:flex}.letras-section-title{color:var(--gold-light);text-shadow:0 0 12px var(--gold-glow);margin-bottom:12px;font-family:Fredoka One,cursive;font-size:22px}.vocales-grid{justify-content:center;gap:10px;display:flex}.vocal-card{border-radius:var(--radius-md);cursor:pointer;color:#fff;width:58px;height:72px;box-shadow:var(--shadow-md);border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-family:Fredoka One,cursive;font-size:28px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.vocal-card:active{transform:scale(.9)}.vocal-card:hover{transform:translateY(-4px)scale(1.05)}.vocal-card .vocal-emoji{font-size:14px}.vocal-a{background:linear-gradient(135deg,#ff6b6b,#ee4545);box-shadow:0 4px 16px #ff6b6b80}.vocal-e{background:linear-gradient(135deg,#ff9f43,#ee7b20);box-shadow:0 4px 16px #ff9f4380}.vocal-i{background:linear-gradient(135deg,#1dd1a1,#10ac84);box-shadow:0 4px 16px #1dd1a180}.vocal-o{background:linear-gradient(135deg,#54a0ff,#2e86de);box-shadow:0 4px 16px #54a0ff80}.vocal-u{background:linear-gradient(135deg,#a29bfe,#6c5ce7);box-shadow:0 4px 16px #a29bfe80}.silabas-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.silaba-btn{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-bright);cursor:pointer;box-shadow:var(--shadow-sm);font-family:Fredoka One,cursive;font-size:16px;transition:all .15s cubic-bezier(.34,1.56,.64,1)}.silaba-btn:active{background:linear-gradient(135deg, var(--purple), var(--cyan-dark));color:#fff;border-color:var(--purple-light);transform:scale(.93);box-shadow:0 0 16px #8b5cf680}.silaba-btn:hover{border-color:var(--purple-light);transform:scale(1.05)}.consonant-group{margin-bottom:4px}.consonant-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:800;display:flex}.premios-content{flex-direction:column;gap:20px;padding:20px;display:flex}.nivel-card{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px;position:relative;overflow:hidden}.nivel-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#8b5cf614 0%,#0000 60%);position:absolute;inset:0}.nivel-card-star{opacity:.08;filter:blur(1px);font-size:70px;position:absolute;top:-10px;right:-10px}.nivel-card-title{color:var(--text-bright);align-items:center;gap:8px;margin-bottom:6px;font-family:Fredoka One,cursive;font-size:20px;display:flex}.nivel-card-desc{color:var(--text-mid);margin-bottom:14px;font-size:13px;font-weight:600}.xp-bar{background:var(--bg-2);border-radius:var(--radius-full);border:1px solid var(--border);width:100%;height:12px;overflow:hidden}.xp-fill{background:linear-gradient(90deg, var(--purple), var(--cyan));border-radius:var(--radius-full);height:100%;transition:width .7s;box-shadow:0 0 12px #8b5cf680}.medallas-title{color:var(--gold-light);text-align:center;text-shadow:0 0 16px var(--gold-glow);font-family:Fredoka One,cursive;font-size:22px}.medallas-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.medalla-item{flex-direction:column;align-items:center;gap:8px;display:flex}.medalla-circle{width:72px;height:72px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:32px;display:flex}.medalla-circle.earned{background:linear-gradient(135deg,gold,orange);animation:3s ease-in-out infinite medalShine;box-shadow:0 0 24px #ffa50099}.medalla-circle.locked{background:var(--bg-card);border:2px solid var(--border);color:var(--text-muted);font-size:24px}@keyframes medalShine{0%,to{box-shadow:0 0 24px #ffa50080}50%{transform:scale(1.05);box-shadow:0 0 40px #ffa500d9}}.medalla-label{color:var(--text-bright);text-align:center;font-size:11px;font-weight:800;line-height:1.3}.medalla-sub{color:var(--text-muted);font-size:10px;font-weight:600}.volver-btn{background:linear-gradient(135deg, var(--purple-dark), var(--purple));color:#fff;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-purple);border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 32px;font-family:Nunito,sans-serif;font-size:17px;font-weight:800;transition:all .15s;display:flex}.volver-btn:active{transform:scale(.97)}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.settings-sheet{background:var(--bg-2);border:1px solid var(--border-strong);width:100%;max-width:var(--app-width);border-radius:32px 32px 0 0;max-height:85vh;padding:28px 24px 48px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.settings-drag-handle{background:var(--border-strong);border-radius:var(--radius-full);width:48px;height:5px;margin:-8px auto 20px}.settings-title{color:var(--text-bright);text-align:center;margin-bottom:24px;font-family:Fredoka One,cursive;font-size:24px}.settings-section{margin-bottom:20px}.settings-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:11px;font-weight:800}.settings-row{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 16px;display:flex}.settings-row-label{color:var(--text-bright);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.settings-row-value{color:var(--text-mid);font-size:13px;font-weight:600}.voice-type-row{gap:8px;margin-bottom:12px;display:flex}.voice-type-pill{border-radius:var(--radius-md);border:1.5px solid var(--border-strong);background:var(--bg-card);color:var(--text-mid);cursor:pointer;text-align:center;flex:1;padding:10px 6px;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;transition:all .18s}.voice-type-pill.active{background:linear-gradient(135deg, var(--purple-dark), var(--purple));border-color:var(--purple-light);color:#fff;box-shadow:0 0 16px #8b5cf666}.voice-list{scrollbar-width:none;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);flex-direction:column;gap:6px;max-height:200px;margin-bottom:10px;padding:6px;display:flex;overflow-y:auto}.voice-list::-webkit-scrollbar{display:none}.voice-list-item{border-radius:var(--radius-sm);cursor:pointer;border:1.5px solid #0000;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.voice-list-item:hover{background:var(--bg-glass-strong)}.voice-list-item.selected{border-color:var(--purple);background:#8b5cf626}.voice-list-dot{background:var(--border-strong);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .2s}.voice-list-item.selected .voice-list-dot{background:var(--purple-light);box-shadow:0 0 8px var(--purple)}.voice-list-info{flex:1;min-width:0}.voice-list-name{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.voice-list-lang{color:var(--text-muted);font-size:11px;font-weight:600}.voice-list-quality{color:var(--cyan);flex-shrink:0;font-size:10px;font-weight:800}.voice-preview-btn{background:var(--bg-glass-strong);width:28px;height:28px;color:var(--text-mid);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex}.voice-preview-btn:hover{background:var(--purple);color:#fff}.voice-empty{color:var(--text-muted);text-align:center;padding:16px;font-size:13px;font-weight:600}.speed-slider-row{align-items:center;gap:12px;display:flex}.speed-label{color:var(--text-mid);text-align:center;min-width:60px;font-size:13px;font-weight:700}.speed-slider{appearance:none;border-radius:var(--radius-full);background:var(--bg-card);cursor:pointer;outline:none;flex:1;height:6px}.speed-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--purple), var(--cyan-dark));cursor:pointer;border:2px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 12px #8b5cf699}.speed-slider::-moz-range-thumb{background:linear-gradient(135deg, var(--purple), var(--cyan-dark));cursor:pointer;border:2px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 12px #8b5cf699}.logout-btn{color:var(--red-light);border-radius:var(--radius-full);cursor:pointer;background:#f43f5e1f;border:1.5px solid #f43f5e4d;width:100%;margin-top:8px;padding:14px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;transition:all .2s}.logout-btn:active{background:#f43f5e40}.celebration-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);background:#000000bf;flex-direction:column;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.celebration-card{background:linear-gradient(135deg, var(--bg-card-2), var(--bg-card));border:1px solid var(--border-strong);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-purple);margin:24px;padding:40px 32px;animation:.5s cubic-bezier(.34,1.56,.64,1) celebBounce}@keyframes celebBounce{0%{opacity:0;transform:scale(.4)rotate(-5deg)}70%{transform:scale(1.06)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.celebration-emoji{filter:drop-shadow(0 0 20px #ffc80099);margin-bottom:16px;font-size:80px}.celebration-title{color:var(--text-white);margin-bottom:8px;font-family:Fredoka One,cursive;font-size:30px}.celebration-desc{color:var(--text-mid);margin-bottom:24px;font-size:15px;font-weight:600}.star-rain{pointer-events:none;z-index:300;position:fixed;inset:0;overflow:hidden}.star-particle{animation:linear forwards starFall;position:absolute;top:-20px}@keyframes starFall{to{opacity:0;transform:translateY(110vh)rotate(360deg)}}.vocal-detail-card{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:pointer;flex-direction:column;align-items:center;gap:12px;padding:24px;transition:all .2s;display:flex}.vocal-detail-card:active{transform:scale(.98)}.vocal-big-letter{background:linear-gradient(135deg, var(--purple-light), var(--cyan-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Fredoka One,cursive;font-size:80px;line-height:1}.vocal-example{color:var(--text-mid);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.vocal-sound-hint{color:var(--text-muted);font-size:13px;font-weight:600}.speech-mic-container{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.speech-mic-btn{background:linear-gradient(135deg, var(--purple), var(--cyan-dark));cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 0 24px #8b5cf680}.speech-mic-btn:active{transform:scale(.9)}.speech-mic-btn.disabled{background:var(--bg-card);box-shadow:none;cursor:not-allowed;opacity:.5}.speech-mic-btn.listening{background:linear-gradient(135deg, var(--red), #be123c);animation:1s ease-in-out infinite micPulse;box-shadow:0 0 0 6px #f43f5e33,0 0 32px #f43f5e80}@keyframes micPulse{0%,to{box-shadow:0 0 0 6px #f43f5e33,0 0 32px #f43f5e80}50%{box-shadow:0 0 0 14px #f43f5e14,0 0 48px #f43f5e99}}.speech-mic-icon{font-size:30px;line-height:1}.speech-mic-waves{pointer-events:none;border-radius:50%;position:absolute;inset:-6px}.wave{border:2px solid #f43f5e80;border-radius:50%;animation:1.4s ease-out infinite waveExpand;position:absolute;inset:0}.w2{animation-delay:.4s}.w3{animation-delay:.8s}@keyframes waveExpand{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.speech-mic-status{text-align:center;width:100%;max-width:260px}.speech-status-listening{color:var(--red-light);justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.speech-status-text{color:var(--cyan-light);font-size:13px;font-weight:600}.speech-status-prompt{color:var(--text-mid);font-size:13px;font-weight:600}.speech-status-error{color:var(--red-light);margin-top:4px;font-size:12px;font-weight:600}.speech-status-warning{color:var(--gold-light);margin-top:4px;font-size:12px;font-weight:600}.speech-pulse-dot{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.letras-top-nav-wrapper{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;align-items:center;gap:4px;padding:6px 4px;display:flex}.letras-top-nav{scrollbar-width:none;flex:1;gap:6px;padding:2px 4px;display:flex;overflow-x:auto}.letras-top-nav::-webkit-scrollbar{display:none}.letras-nav-btn{border-radius:var(--radius-full);border:1.5px solid var(--border-strong);background:var(--bg-card);color:var(--text-mid);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:8px 14px;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;transition:all .2s}.letras-nav-btn:hover{border-color:var(--purple);color:var(--text-bright)}.letras-nav-btn.active{background:linear-gradient(135deg, var(--purple-dark), var(--purple));border-color:var(--purple-light);color:#fff;box-shadow:0 0 16px #8b5cf673}.nav-scroll-arrow{background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-mid);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;transition:all .15s;display:flex}.nav-scroll-arrow:hover{background:var(--purple);color:#fff;border-color:var(--purple)}.consonant-pill-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}button[id^=consonant-tab-]{cursor:pointer;transition:all .15s;background:var(--bg-card)!important;color:var(--text-mid)!important;border:1.5px solid var(--border-strong)!important;border-radius:var(--radius-full)!important;padding:7px 14px!important;font-family:Fredoka One,cursive!important;font-size:15px!important;font-weight:400!important}button[id^=consonant-tab-]:hover{border-color:var(--cyan)!important;color:var(--text-bright)!important}button[id^=alphabet-]{cursor:pointer;box-shadow:var(--shadow-sm);transition:all .15s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--border-strong)!important;background:var(--bg-card)!important;width:44px!important;height:44px!important;color:var(--text-bright)!important;border-radius:10px!important;font-family:Fredoka One,cursive!important;font-size:18px!important;font-weight:400!important}button[id^=alphabet-]:hover{background:linear-gradient(135deg, var(--purple-dark), var(--purple))!important;border-color:var(--purple-light)!important;color:#fff!important;transform:scale(1.08)!important;box-shadow:0 0 12px #8b5cf666!important}button[id^=alphabet-]:active{transform:scale(.92)!important}.lectura-cuentos-container{background:var(--bg-card)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-xl)!important;padding:20px!important}.cuentos-type-selector{gap:8px;margin-bottom:16px;display:flex}.cuentos-type-btn{border-radius:var(--radius-full);border:1.5px solid var(--border-strong);background:var(--bg-2);color:var(--text-mid);cursor:pointer;text-align:center;white-space:nowrap;flex:1;padding:9px 10px;font-family:Nunito,sans-serif;font-size:12px;font-weight:800;transition:all .18s}.cuentos-type-btn.active{background:linear-gradient(135deg, var(--cyan-dark), var(--purple));border-color:var(--cyan-light);color:#fff;box-shadow:0 0 16px #06b6d466}.reading-frame{flex-direction:column;gap:12px;display:flex}.reading-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reading-emoji{font-size:32px}.reading-title{color:var(--text-white);flex:1;font-family:Fredoka One,cursive;font-size:22px}.reading-badge{color:var(--cyan-light);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;background:#06b6d426;border:1px solid #06b6d44d;padding:3px 10px;font-size:11px;font-weight:800}.reading-instruction{color:var(--text-mid);margin-bottom:4px;font-size:13px;font-weight:700}.reading-words-box{background:var(--bg-2);border-radius:var(--radius-md);border:1px solid var(--border);flex-wrap:wrap;gap:6px;min-height:48px;padding:14px;display:flex}.word-interactive{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-bright);cursor:pointer;padding:6px 10px;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;transition:all .15s cubic-bezier(.34,1.56,.64,1)}.word-interactive:hover{background:var(--bg-glass-strong);border-color:var(--purple-light);transform:translateY(-1px)}.word-interactive.highlighted{background:linear-gradient(135deg, var(--purple), var(--cyan-dark));border-color:var(--purple-light);color:#fff;transform:scale(1.08)translateY(-2px);box-shadow:0 0 16px #8b5cf680}.reading-speed-container{flex-direction:column;gap:8px;display:flex}.speed-title-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.reading-actions{flex-direction:column;gap:8px;display:flex}.btn-speed-turtle{background:linear-gradient(135deg, var(--purple), var(--cyan-dark))!important;padding:14px 20px!important;font-size:15px!important}.btn-speed-turtle.playing{background:linear-gradient(135deg, var(--red), #be123c)!important}.btn-secondary{border-radius:var(--radius-full);border:1.5px solid var(--border-strong);background:var(--bg-card);color:var(--text-bright);cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;transition:all .15s;display:flex}.btn-secondary:hover{border-color:var(--purple);color:var(--purple-light)}.btn-secondary:active{transform:scale(.97)}.btn-secondary.playing{border-color:var(--red);color:var(--red-light);background:#f43f5e26}.silabica-divider{border:none;border-top:1px solid var(--border);margin:12px 0}.reading-mic-challenge{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.mic-challenge-title{color:var(--purple-light);font-family:Fredoka One,cursive;font-size:18px}.mic-challenge-desc{color:var(--text-mid);font-size:13px;font-weight:600}.mic-feedback-banner{border-radius:var(--radius-md);text-align:center;width:100%;padding:12px 16px;font-size:14px;font-weight:800}.mic-feedback-banner.success{color:var(--green-light);background:#10b98126;border:1.5px solid #10b98166}.mic-feedback-banner.error{color:var(--red-light);background:#f43f5e1f;border:1.5px solid #f43f5e4d}.word-nav-controls{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.word-count-label{color:var(--text-muted);white-space:nowrap;text-align:center;flex:1;font-size:12px;font-weight:800}.lectura-silabica-container{flex-direction:column;gap:12px;display:flex}.silabica-tabs{flex-wrap:wrap;gap:6px;display:flex}.silabica-tab-btn{border-radius:var(--radius-md);border:1.5px solid var(--border-strong);background:var(--bg-card);min-width:0;color:var(--text-mid);cursor:pointer;text-align:center;white-space:nowrap;flex:1;padding:9px 8px;font-family:Nunito,sans-serif;font-size:12px;font-weight:800;transition:all .18s}.silabica-tab-btn.active{background:linear-gradient(135deg, var(--gold-dark), var(--orange));border-color:var(--gold-light);color:#fff;box-shadow:0 0 16px var(--gold-glow)}.silabica-tab-btn:hover:not(.active){border-color:var(--gold);color:var(--text-bright)}.silabica-card{background:var(--bg-card)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-xl)!important;padding:20px!important}.silabica-title{color:var(--text-white);margin-bottom:6px;font-family:Fredoka One,cursive;font-size:20px}.silabica-subtitle{color:var(--cyan-light);margin-bottom:6px;font-family:Fredoka One,cursive;font-size:17px}.silabica-desc{color:var(--text-mid);margin-bottom:12px;font-size:13px;font-weight:600;line-height:1.5}.consonant-scroll{scrollbar-width:none;gap:6px;margin-bottom:4px;padding:4px 0 8px;display:flex;overflow-x:auto}.consonant-scroll::-webkit-scrollbar{display:none}.consonant-pill{border-radius:var(--radius-full);border:1.5px solid var(--border-strong);background:var(--bg-2);color:var(--text-mid);cursor:pointer;flex-shrink:0;padding:7px 14px;font-family:Fredoka One,cursive;font-size:16px;transition:all .15s cubic-bezier(.34,1.56,.64,1)}.consonant-pill:hover{border-color:var(--gold);color:var(--text-bright)}.consonant-pill.active{background:linear-gradient(135deg, var(--gold-dark), var(--orange));border-color:var(--gold-light);color:#fff;box-shadow:0 0 14px var(--gold-glow);transform:scale(1.06)}.syllable-combo-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}@media (width>=0){.syllable-combo-grid{grid-template-columns:repeat(2,1fr)}}.syllable-combo-card{border-radius:var(--radius-md);border:1.5px solid var(--border-strong);background:var(--bg-2);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:flex}.syllable-combo-card:hover{border-color:var(--gold);background:#f59e0b1f;transform:translateY(-2px)}.syllable-combo-card:active{transform:scale(.93)}.combo-formula{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.combo-result{color:var(--gold-light);font-family:Fredoka One,cursive;font-size:26px;line-height:1}.combo-speaker{font-size:14px}.word-decom-card{background:var(--bg-2);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;align-items:center;gap:14px;padding:16px;display:flex}.word-decom-emoji{font-size:48px}.syllable-chips-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.syllable-chip{border-radius:var(--radius-md);border:2px solid var(--purple);color:var(--purple-light);cursor:pointer;background:#8b5cf626;padding:12px 20px;font-family:Fredoka One,cursive;font-size:24px;transition:all .15s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px #8b5cf633}.syllable-chip:hover{background:linear-gradient(135deg, var(--purple-dark), var(--purple));color:#fff;transform:scale(1.08)translateY(-2px);box-shadow:0 0 20px #8b5cf680}.syllable-chip:active{transform:scale(.93)}.btn-read-whole{background:linear-gradient(135deg, var(--cyan-dark), var(--purple))!important;padding:14px 20px!important;font-size:14px!important}.build-game-board{flex-direction:column;align-items:center;gap:14px;display:flex}.build-image-frame{flex-direction:column;align-items:center;gap:4px;display:flex}.build-emoji{font-size:52px}.build-hint{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.build-slots-container{justify-content:center;gap:10px;display:flex}.build-slot{border-radius:var(--radius-md);border:2px dashed var(--border-strong);background:var(--bg-2);min-width:52px;height:52px;color:var(--text-muted);justify-content:center;align-items:center;padding:0 8px;font-family:Fredoka One,cursive;font-size:22px;transition:all .2s;display:flex}.build-slot.filled{border-style:solid;border-color:var(--purple);color:var(--purple-light);background:#8b5cf626}.build-slot.correct{border-color:var(--green);color:var(--green-light);box-shadow:0 0 16px var(--green-glow);background:#10b98126}.build-slot.wrong{border-color:var(--red);color:var(--red-light);background:#f43f5e1f;animation:.35s shakeBtn}.build-feedback-msg{border-radius:var(--radius-md);text-align:center;padding:10px 16px;font-size:14px;font-weight:800}.build-feedback-msg.correct{color:var(--green-light);background:#10b98126;border:1.5px solid #10b98166}.build-feedback-msg.wrong{color:var(--red-light);background:#f43f5e1f;border:1.5px solid #f43f5e4d}.build-options-grid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.build-syllable-btn{border-radius:var(--radius-md);border:1.5px solid var(--border-strong);background:var(--bg-card);color:var(--text-bright);cursor:pointer;padding:12px 18px;font-family:Fredoka One,cursive;font-size:20px;transition:all .15s cubic-bezier(.34,1.56,.64,1)}.build-syllable-btn:hover{border-color:var(--purple);background:#8b5cf626;transform:scale(1.06)}.build-syllable-btn:active{transform:scale(.92)}.build-syllable-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-reset-build{border-radius:var(--radius-full);border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;background:0 0;padding:8px 20px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;transition:all .15s}.btn-reset-build:hover{color:var(--text-bright);border-color:var(--text-mid)}.mic-game-board{flex-direction:column;align-items:center;gap:16px;display:flex}.mic-target-card{background:var(--bg-2);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;align-items:center;gap:12px;width:100%;padding:20px 16px;display:flex}.mic-card-emoji{font-size:52px}.mic-syllables-display{justify-content:center;gap:10px;display:flex}.mic-syllable-box{border-radius:var(--radius-md);border:2px solid var(--border-strong);background:var(--bg-card);min-width:52px;height:52px;color:var(--text-mid);justify-content:center;align-items:center;padding:0 10px;font-family:Fredoka One,cursive;font-size:22px;transition:all .2s;display:flex}.mic-syllable-box.active-target{border-color:var(--cyan);color:var(--cyan-light);background:#06b6d426;transform:scale(1.1);box-shadow:0 0 20px #06b6d466}.mic-syllable-box.completed{border-color:var(--green);color:var(--green-light);background:#10b9811f}.mic-instruction-text{color:var(--text-mid);text-align:center;font-size:13px;font-weight:700}@media (width<=390px){:root{--app-width:100vw}}@media (width>=391px){body{background:#06061a}}.name-input{text-align:center}#root.theme-unicorn{--bg:#fff0f5;--bg-2:#ffe4e1;--bg-card:#fff;--bg-card-2:#fff5fa;--bg-glass:#ec48990f;--bg-glass-strong:#ec48991f;--purple:#ec4899;--purple-light:#f472b6;--purple-dark:#db2777;--cyan:#a78bfa;--cyan-light:#c084fc;--cyan-dark:#8b5cf6;--text-white:#4d3e6b;--text-bright:#3b2f54;--text-mid:#7e6e9b;--text-muted:#a293be;--border:#ec489926;--border-strong:#ec489940}#root.theme-unicorn:before{background:radial-gradient(at 20% 10%,#f472b64d 0%,#0000 60%),radial-gradient(at 80% 80%,#a78bfa4d 0%,#0000 60%),radial-gradient(#fde04733 0%,#0000 80%)!important}#root.theme-unicorn .bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border-top:1px solid #ec489933}#root.theme-unicorn .nav-pill svg path,#root.theme-unicorn .nav-pill svg circle,#root.theme-unicorn .nav-pill svg rect{stroke:#7e6e9b}#root.theme-unicorn .nav-item.active .nav-pill{background:linear-gradient(135deg,#ec4899,#8b5cf6)}#root.theme-unicorn .nav-item.active .nav-pill svg path,#root.theme-unicorn .nav-item.active .nav-pill svg circle,#root.theme-unicorn .nav-item.active .nav-pill svg rect{stroke:#fff}#root.theme-unicorn .nav-label{color:#7e6e9b}#root.theme-unicorn .nav-item.active .nav-label{color:#ec4899}#root.theme-unicorn .settings-sheet{background:#fff0f5;border-top:2px solid #ec48994d}#root.theme-unicorn .settings-drag-handle{background:#ec48994d}.juegos-hub-container{flex-direction:column;gap:20px;padding:20px;display:flex}.juegos-hub-header{text-align:center}.juegos-hub-title{color:var(--text-white);margin-bottom:4px;font-family:Fredoka One,cursive;font-size:26px}.juegos-hub-subtitle{color:var(--text-mid);font-size:14px;font-weight:600}.juegos-cards-grid{flex-direction:column;gap:16px;display:flex}.juego-card{background:var(--bg-card);border:1.5px solid var(--border-strong);border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-md);flex-direction:column;gap:12px;padding:20px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.juego-card:hover{box-shadow:var(--shadow-purple);transform:translateY(-3px)scale(1.01)}.rompecabezas-card{background:linear-gradient(135deg, #ec48991a, var(--bg-card));border-color:#ec489966}.silabas-card{background:linear-gradient(135deg, #f59e0b1a, var(--bg-card));border-color:#f59e0b66}.juego-card-badge{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;border-radius:var(--radius-full);letter-spacing:.5px;padding:4px 10px;font-size:11px;font-weight:900;position:absolute;top:14px;right:14px;box-shadow:0 0 10px #ec489966}.juego-card-icon{font-size:44px;line-height:1}.juego-card-title{color:var(--text-white);margin-bottom:4px;font-family:Fredoka One,cursive;font-size:20px}.juego-card-desc{color:var(--text-mid);margin-bottom:8px;font-size:13px;font-weight:600;line-height:1.4}.juego-card-tags{flex-wrap:wrap;gap:6px;display:flex}.tag-pill{color:var(--text-bright);background:var(--bg-glass-strong);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 8px;font-size:11px;font-weight:700}.juego-card-btn{margin-top:4px}.puzzle-screen-content{flex-direction:column;align-items:center;gap:16px;padding:16px;display:flex}.puzzle-top-bar{align-items:center;gap:12px;width:100%;display:flex}.puzzle-screen-title{color:var(--text-white);font-family:Fredoka One,cursive;font-size:22px}.puzzle-selector-row{scrollbar-width:none;gap:10px;width:100%;padding:4px 0;display:flex;overflow-x:auto}.puzzle-selector-row::-webkit-scrollbar{display:none}.puzzle-select-card{border-radius:var(--radius-md);border:2px solid var(--border-strong);background:var(--bg-card);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:100px;padding:10px 8px;transition:all .2s;display:flex}.puzzle-select-card.active{background:var(--bg-card-2);transform:scale(1.05);box-shadow:0 0 16px #ec489966}.puzzle-select-emoji{font-size:26px}.puzzle-select-name{color:var(--text-bright);text-align:center;font-size:11px;font-weight:800}.puzzle-controls-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.difficulty-pills{gap:6px;display:flex}.diff-pill{border-radius:var(--radius-full);border:1.5px solid var(--border-strong);background:var(--bg-card);color:var(--text-mid);cursor:pointer;padding:6px 12px;font-size:12px;font-weight:800;transition:all .15s}.diff-pill.active{background:linear-gradient(135deg, var(--purple-dark), var(--purple));color:#fff;border-color:var(--purple-light);box-shadow:0 0 12px #8b5cf666}.puzzle-hint-btn{border-radius:var(--radius-full);border:1.5px solid var(--cyan-dark);color:var(--cyan-light);cursor:pointer;background:#06b6d426;padding:6px 12px;font-size:12px;font-weight:800;transition:all .15s}.puzzle-hint-btn:hover{background:var(--cyan-dark);color:#fff}.puzzle-preview-modal{z-index:250;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.puzzle-preview-card{background:var(--bg-card);border:2px solid var(--purple-light);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:320px;box-shadow:var(--shadow-purple);flex-direction:column;align-items:center;gap:14px;padding:20px;display:flex}.puzzle-preview-card img{border-radius:var(--radius-lg);object-fit:cover;border:2px solid var(--border);width:220px;height:220px}.puzzle-preview-card p{color:var(--text-mid);font-size:13px;font-weight:600}.puzzle-board-container{flex-direction:column;align-items:center;gap:12px;display:flex}.puzzle-board{background:var(--bg-2);border:3px solid var(--border-strong);border-radius:var(--radius-lg);width:280px;height:280px;box-shadow:var(--shadow-lg);gap:2px;padding:2px;display:grid;position:relative;overflow:hidden}.puzzle-board.completed{border-color:var(--gold);box-shadow:0 0 30px var(--gold-glow)}.puzzle-slot{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px dashed #fff3;border-radius:6px;justify-content:center;align-items:center;transition:all .15s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.puzzle-slot:hover{background:#ffffff1a}.puzzle-slot.filled{border-style:solid;border-color:#ffffff4d;box-shadow:inset 0 0 4px #0006}.puzzle-slot.selected{border-color:var(--purple-light);box-shadow:0 0 16px var(--purple);z-index:10;transform:scale(1.04)}.puzzle-slot.correct{border-color:#10b98180}.slot-number-guide{color:var(--text-muted);opacity:.5;font-size:14px;font-weight:800}.puzzle-victory-banner{background:linear-gradient(135deg, var(--gold), var(--orange));color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-gold);padding:10px 24px;font-family:Fredoka One,cursive;font-size:18px;animation:.5s celebBounce}.puzzle-tray-section{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-xl);flex-direction:column;align-items:center;gap:10px;width:100%;padding:14px;display:flex}.tray-instruction{color:var(--text-mid);text-align:center;font-size:12px;font-weight:700}.puzzle-tray-grid{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;min-height:80px;padding:6px;display:flex}.tray-empty{color:var(--green-light);padding:20px;font-size:13px;font-weight:700}.tray-piece-btn{border:2px solid var(--border-strong);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:10px;transition:all .15s cubic-bezier(.34,1.56,.64,1)}.tray-piece-btn:hover{border-color:var(--purple-light);transform:scale(1.08)translateY(-2px);box-shadow:0 0 12px #8b5cf680}.tray-piece-btn.selected{border-color:var(--gold-light);box-shadow:0 0 20px var(--gold);transform:scale(1.15)translateY(-4px)}.paywall-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f1035d9;justify-content:center;align-items:center;padding:16px;display:flex}.paywall-card{border-radius:var(--radius-xl);color:#fff;background:linear-gradient(165deg,#1e1b4b 0%,#0f1035 100%);border:2.5px solid #f5c80099;width:100%;max-width:460px;max-height:90vh;padding:26px 22px;position:relative;overflow-y:auto;box-shadow:0 20px 50px #000c,0 0 40px #f5c80040}.paywall-close-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;font-weight:800;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.paywall-close-btn:hover{color:#fff;background:#ffffff4d}.paywall-header{text-align:center;margin-bottom:20px}.paywall-mascot-wrap{width:80px;height:80px;margin:0 auto 12px;position:relative}.paywall-mascot-wrap img{object-fit:contain;filter:drop-shadow(0 8px 16px #0000004d);width:100%;height:100%}.paywall-crown-badge{font-size:24px;animation:2.5s ease-in-out infinite float;position:absolute;top:-8px;right:-6px}.paywall-title{color:#fff;letter-spacing:.5px;margin-bottom:6px;font-family:Fredoka One,cursive;font-size:24px}.gold-text{color:#fcd34d;text-shadow:0 0 14px #f5c80099}.paywall-subtitle{color:#cbd5e1;font-size:14px;font-weight:600;line-height:1.45}.paywall-vip-banner{border-radius:var(--radius-md);text-align:center;color:#fff;background:linear-gradient(135deg,#f5c80040,#10b98140);border:1.5px solid #fcd34d;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px;padding:14px;font-size:14px;display:flex}.paywall-features-list{border-radius:var(--radius-md);background:#ffffff12;border:1px solid #ffffff2e;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;display:flex}.feature-item{color:#f8fafc;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.feature-item strong{color:#fff;font-weight:800}.feature-check{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:flex;box-shadow:0 0 10px #10b98180}.paywall-plans-grid{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.paywall-plan-card{border-radius:var(--radius-md);cursor:pointer;background:#ffffff12;border:2px solid #ffffff40;padding:16px;transition:all .2s;position:relative}.paywall-plan-card.selected{background:#f5c80029;border-color:#fcd34d;box-shadow:0 0 20px #f5c80059}.plan-popular-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:12px;padding:3px 10px;font-size:10.5px;font-weight:900;position:absolute;top:-11px;right:14px;box-shadow:0 2px 8px #ef444466}.plan-title{color:#fff;font-size:16px;font-weight:800}.plan-price{color:#fcd34d;text-shadow:0 0 10px #f5c80066;margin:4px 0;font-size:22px;font-weight:900}.plan-period{color:#e2e8f0;font-size:13px;font-weight:700}.plan-sub{color:#94a3b8;font-size:13px;font-weight:600}.paywall-action-btn{border-radius:var(--radius-full);color:#fff;text-shadow:0 1px 2px #0000004d;background:linear-gradient(135deg,#f59e0b,#ec4899);width:100%;padding:16px;font-size:17px;font-weight:900;box-shadow:0 8px 24px #f59e0b80}.paywall-disclaimer{text-align:center;color:#94a3b8;margin-top:12px;font-size:12px;font-weight:600}@media (width>=640px){:root{--app-width:680px;--header-h:74px;--nav-h:76px}#root{border:1px solid var(--border-strong);border-radius:var(--radius-xl);height:calc(100dvh - 40px);margin:20px auto;box-shadow:0 0 60px #000000b3,0 0 30px #8b5cf626}.header-content{padding:0 24px}.mascot-avatar{width:46px;height:46px}.child-name{font-size:16px}.game-card{border-radius:var(--radius-xl);padding:24px}.target-letter-display{font-size:80px}.word-target-display{font-size:40px}.cuentos-list,.story-cards-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.medals-grid{grid-template-columns:repeat(3,1fr);gap:14px}.bottom-nav{border-top:1px solid var(--border-strong);padding:0 20px}.nav-btn-icon{font-size:22px}.nav-btn-label{font-size:12px}}@media (width>=960px){:root{--app-width:960px;--header-h:80px}#root{border-radius:32px;height:calc(100dvh - 48px);margin:24px auto}.puzzle-main-wrapper{flex-direction:row;justify-content:center;align-items:flex-start;gap:32px;width:100%;margin-top:16px;display:flex}.puzzle-board-container{flex:none}.puzzle-tray-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex:1;max-width:420px;padding:16px}.cuentos-list,.story-cards-grid{grid-template-columns:repeat(3,1fr)}.medals-grid{grid-template-columns:repeat(4,1fr)}.login-screen{max-width:500px;margin:0 auto}}@media (width>=1200px){:root{--app-width:1100px}}.ad-banner-container{border-radius:var(--radius-md);box-sizing:border-box;background:#ffffff0d;border:1px dashed #f5c8004d;width:100%;max-width:460px;margin:16px auto 8px;padding:10px 14px;position:relative;overflow:hidden}.ad-banner-badge{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:800;position:absolute;top:4px;right:8px}.ad-banner-demo{align-items:center;gap:12px;padding:6px 2px;display:flex}.ad-demo-icon{font-size:24px}.ad-demo-text{flex-direction:column;gap:2px;font-size:13px;display:flex}.ad-demo-text strong{color:#fcd34d;font-weight:800}.ad-demo-text span{color:#cbd5e1;font-size:12px}.login-mascot-container{justify-content:center;align-items:center;margin-bottom:20px;display:flex}.login-mascot-card{background:#fff;border:4px solid #fcd34d;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;overflow:hidden;box-shadow:0 0 30px #f5c80080}.login-mascot-card img{object-fit:cover;border-radius:50%;width:100%;height:100%}