@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;800;950&display=swap";:root{--font-magic: "Outfit", sans-serif}body{font-family:var(--font-magic);margin:0;-webkit-font-smoothing:antialiased}.avatar-preview{position:relative;width:80px;height:80px}.equipped-items{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.equipped-items .hat{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:2.5rem;z-index:5}.equipped-items .wand{position:absolute;bottom:0;right:-15px;font-size:2.5rem;z-index:5}.equipped-items .pet{position:absolute;bottom:-10px;left:-25px;font-size:2.2rem;z-index:5}.bounce{animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shop-modal{max-width:600px!important;max-height:80vh;overflow-y:auto}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px;margin-top:20px}.node-icon{width:55px;height:55px;border-radius:15px;display:flex;justify-content:center;align-items:center;color:#fff;flex-shrink:0;box-shadow:inset 0 -4px #0000001a}.node-icon svg{width:25px;height:25px}.shop-item{background:#f8f9fa;padding:15px;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:10px;border:2px solid transparent;transition:all .3s}.shop-item.owned{border-color:#4caf50;background:#f1f8e9}.item-icon{font-size:3rem}.item-name{font-weight:800;font-size:.8rem;text-align:center}.btn-small.price{background:#ff9800;color:#fff;width:100%}.btn-small.equipped{background:#4caf50}.shadow-gold{box-shadow:0 0 15px #ffc10766}.math-stack{display:inline-flex;flex-direction:column;align-items:flex-end;font-family:Courier New,Courier,monospace;font-size:3rem;font-weight:900;padding:20px;position:relative}.carry-digit{position:absolute;top:-20px;right:60px;color:#e91e63;font-size:1.5rem}.math-stack .row{line-height:1}.math-stack .unit{color:#9c27b0}.math-stack .line{width:110%;height:4px;background:#333;margin-top:5px}.aid-hint{font-size:1.2rem;font-weight:800;color:#9c27b0;margin-top:15px}.app-container{background:linear-gradient(135deg,#f3e5f5,#e1f5fe)}.glass{background:#ffffffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.main-header{border:1px solid rgba(156,39,176,.2)}.math-question{font-size:4rem;font-weight:950;display:flex;flex-direction:column;align-items:center;gap:30px}.submission-area{display:flex;gap:15px;margin-top:20px}.launch-spell{background:linear-gradient(135deg,#9c27b0,#e91e63)!important;font-size:1.5rem!important;padding:20px 40px!important;box-shadow:0 10px 30px #9c27b066!important}.launch-spell:active{transform:scale(.9) rotate(-2deg)}.instructions-modal{max-width:700px!important;padding:40px}.instructions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin:30px 0;text-align:left}.inst-step{background:#fdf7ff;padding:20px;border-radius:25px;border:2px solid #f3e5f5;transition:transform .3s}.inst-step:hover{transform:translateY(-5px)}.inst-step.highlight{background:linear-gradient(135deg,#fff9c4,#fffde7);border:2px solid #fbc02d}.inst-icon{font-size:2.5rem;margin-bottom:10px}.inst-step h3{margin:0 0 10px;color:#4a148c;font-size:1.1rem}.inst-step p{margin:0;font-size:.95rem;color:#666;line-height:1.4}.music-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;margin-top:20px}.music-track{background:#fff;padding:15px;border-radius:20px;border:2px solid #f3e5f5;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;transition:all .3s}.music-track.active{background:#fdf7ff;border-color:#9c27b0;box-shadow:0 0 15px #9c27b033}.music-track .m-icon{font-size:2rem}.music-track .m-name{font-weight:800;font-size:.85rem}.active-spark{position:absolute;top:5px;right:5px;color:#9c27b0;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mini-player.glass-premium{background:#ffffff80;border:2px solid rgba(156,39,176,.15);border-radius:50px;padding:4px 10px 4px 15px;display:flex;align-items:center;gap:12px;min-width:260px;height:48px;overflow:hidden;box-shadow:0 4px 15px #00000005}.player-info{flex:1;overflow:hidden;position:relative}.scrolling-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;font-size:.9rem;font-weight:800;color:#4a148c;padding-left:5px}.player-controls{display:flex;align-items:center;gap:6px}.player-controls button{background:none;border:none;color:#9c27b0;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.player-controls button:hover{background:#9c27b01a}.player-controls .play-btn{background:#9c27b0!important;color:#fff!important;padding:9px!important;box-shadow:0 4px 10px #9c27b04d}.player-controls .play-btn:hover{background:#7b1fa2!important;transform:scale(1.1)}.header-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.action-group{display:flex;align-items:center;gap:10px}.stat-pill.primary{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff;padding:10px 18px}.journey-board{padding:30px;border-radius:40px;display:grid;grid-template-columns:1fr 280px;gap:30px;align-items:center;border:1px solid rgba(255,255,255,.4)}.journey-header{grid-column:span 2;display:flex;align-items:center;gap:12px;margin-bottom:10px}.journey-header h2{margin:0;font-size:1.4rem;color:#4a148c}.milestones-stack{display:flex;flex-direction:column;gap:20px}.milestone-progress-row{display:flex;flex-direction:column;gap:8px}.milestone-progress-row.mega{background:#ff98000d;padding:15px;border-radius:20px;border:1px dashed rgba(255,152,0,.3)}.m-info{display:flex;align-items:center;gap:10px;font-weight:800;color:#333;font-size:.9rem}.m-bar-container{display:flex;align-items:center;gap:15px}.m-bar-bg{flex:1;height:22px;background:#0000000f;border-radius:50px;overflow:hidden;position:relative}.m-bar-pill{height:100%;border-radius:50px}.m-bar-pill.small{background:linear-gradient(90deg,#9c27b0,#ba68c8)}.m-bar-pill.big{background:linear-gradient(90deg,#e91e63,#f06292)}.m-bar-pill.mega{background:linear-gradient(90deg,#ff9800,#ffb74d)}.m-percent{font-weight:900;color:#9c27b0;font-size:.9rem;min-width:40px}.m-footer-tip{font-size:.8rem;color:#ff9800;font-weight:700;margin-top:5px;font-style:italic}.coins-dashboard{background:linear-gradient(135deg,#fff9c4,#fff176)!important;padding:25px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center;border:2px solid #fbc02d!important;color:#f57f17!important;box-shadow:0 10px 20px #fbc02d26;height:100%}.coins-info{display:flex;flex-direction:column;gap:5px}.coins-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.coins-value{font-size:1.8rem;font-weight:950}.icon-action-btn.logout:hover{background:#fff5f5;box-shadow:0 4px 15px #ff525233}.node-card{border:2px solid transparent!important;padding:20px!important}.node-card.sumas:hover{border-color:#4caf50!important}.node-card.restas:hover{border-color:#2196f3!important}.node-card.multiplicaciones:hover{border-color:#ffc107!important}.node-card.divisiones:hover{border-color:#9c27b0!important}.exercise-screen{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:100;overflow-y:auto;padding:20px 0}.exercise-body{background:#fff;padding:60px;border-radius:50px;box-shadow:0 20px 60px #0000001a;border:10px solid #f3e5f5;text-align:center;max-width:90%;max-height:85vh;overflow-y:auto}.answer-input{background:#f8f9fa;border:4px solid #eee;border-radius:25px;width:15rem;padding:15px;font-size:3.5rem;font-weight:950;text-align:center;color:#4a148c;margin-left:20px;transition:all .3s}.answer-input:focus{outline:none;border-color:#9c27b0;background:#fff;box-shadow:0 0 25px #9c27b033}.answer-input.correct{border-color:#4caf50;background:#f1f8e9;color:#2e7d32;box-shadow:0 0 30px #4caf504d}.answer-input.incorrect{border-color:#e91e63;background:#fce4ec;color:#c2185b;animation:shake .5s}.answer-input::-webkit-outer-spin-button,.answer-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.answer-input{-moz-appearance:textfield;appearance:textfield}.session-progress{width:100%;max-width:700px;margin-bottom:30px;text-align:center}.progress-indicators{display:flex;justify-content:center;gap:8px;margin-bottom:15px}.progress-dot{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:2px solid #e0e0e0;background:#fff;transition:all .3s}.progress-dot.correct{background:#e8f5e9;border-color:#4caf50}.progress-dot.incorrect{background:#ffebee;border-color:#f44336}.progress-dot.pending{background:#f5f5f5;border-color:#bdbdbd}.progress-text{color:#7b1fa2;font-weight:700;font-size:1.1rem}.progress-badges{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.streak-indicator{background:linear-gradient(135deg,#ff6b6b,orange);color:#fff;padding:6px 15px;border-radius:20px;font-weight:900;font-size:.9rem;display:inline-block;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.curriculum-badge{background:#9c27b01a;color:#4a148c;padding:6px 15px;border-radius:15px;font-weight:700;font-size:.9rem;display:inline-block;border:1px solid rgba(156,39,176,.3)}.hint-box{background:#fff9c4;border:2px solid #fbc02d;border-radius:15px;padding:15px 20px;margin:20px 0;font-size:1.2rem;color:#f57f17;font-weight:700;box-shadow:0 5px 15px #fbc02d33}.answer-reveal{background:#e8f5e9;border:2px solid #4caf50;border-radius:20px;padding:20px;margin:20px 0;text-align:center}.answer-reveal strong{color:#2e7d32;font-size:1.5rem}.answer-reveal .explanation{color:#558b2f;font-size:1.1rem;margin-top:10px}.frustration-alert{background:linear-gradient(135deg,#ffe0b2,#ffccbc);border:3px dashed #ff6f00;border-radius:25px;padding:25px;margin:20px 0;text-align:center}.frustration-alert p{font-size:1.3rem;color:#e65100;font-weight:700;margin-bottom:15px}.result-card{text-align:center;padding:40px!important}.result-card h2{font-size:2.5rem;color:#4a148c;margin-bottom:30px}.result-stats{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.stat-box{background:#fff;padding:15px 25px;border-radius:15px;font-size:1.2rem;font-weight:700;color:#555;box-shadow:0 5px 15px #0000000d}.result-msg{font-size:1.5rem;color:#7b1fa2;margin-bottom:40px;font-style:italic}.result-actions{display:flex;flex-direction:column;gap:15px;width:100%;max-width:300px;margin:0 auto}.potion-bg{background:radial-gradient(circle at bottom,#2e003e,#000);overflow:hidden;position:relative}.cauldron-area{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);width:100%;height:150px;background:linear-gradient(to top,#4a148c,transparent);filter:blur(20px);z-index:10}.magic-bubble{position:absolute;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;border:2px solid rgba(255,255,255,.4);animation:wobble 2s infinite ease-in-out;will-change:transform}.bubble-number{font-size:1.8rem;font-weight:900;color:#fff;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 0 8px rgba(0,0,0,.8)}@keyframes wobble{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stars-bg{background:linear-gradient(to bottom,#0d47a1,#1a237e,#311b92);overflow:hidden}.falling-star{z-index:20}.math-star{background:#fffffff2;border-radius:15px;padding:10px;box-shadow:0 5px 20px #ffd70099;border:2px solid gold}.star-content{display:flex;flex-direction:column;align-items:center;gap:5px}.star-icon{font-size:2rem;filter:drop-shadow(0 0 10px gold)}.star-operation{font-size:1.2rem;font-weight:900;color:#000;background:#ffffffe6;padding:5px 10px;border-radius:10px}.criterion-display{position:fixed;top:80px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ffd54f,#ff6f00);color:#fff;padding:15px 40px;border-radius:30px;font-size:1.5rem;font-weight:900;box-shadow:0 10px 30px #ff6f0080;z-index:1000;animation:slideDown .5s ease-out}@keyframes slideDown{0%{top:-50px;opacity:0}to{top:80px;opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.empty-social{padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px;color:#999;font-weight:700;font-style:italic}.unicorn-bg{background:linear-gradient(135deg,#fce4ec,#f3e5f5,#e1f5fe);overflow:hidden}.unicorn-path{width:100%;height:100%;position:relative;background:#fff3}.number-cloud{background:#ffffffd9;border-radius:20px;padding:8px 15px;box-shadow:0 5px 15px #0003}.cloud-content{display:flex;align-items:center;gap:10px}.cloud-icon{font-size:2.5rem}.cloud-number{font-size:2rem;font-weight:900;color:#333;background:#fff;padding:5px 12px;border-radius:10px;border:2px solid #9c27b0}.sky-bg{background:linear-gradient(to bottom,#4fc3f7,#e1f5fe);position:relative;overflow:hidden}.jewel-bg{background:radial-gradient(circle,#2c3e50,#000)}.magic-board{border:4px solid #9c27b0;box-shadow:0 0 30px #9c27b04d;background:#00000080}.active-jewel{border-radius:4px;border:1px solid rgba(255,255,255,.3)}.player-wrapper{filter:drop-shadow(0 0 15px rgba(233,30,99,.5))}.magic-trail{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:40px;height:100px;background:linear-gradient(to top,transparent,rgba(233,30,99,.3));border-radius:50%;filter:blur(10px)}.instruction-tip{position:absolute;bottom:20px;width:100%;text-align:center;color:#0277bd;font-weight:800;font-size:1.2rem;text-shadow:0 2px 4px rgba(255,255,255,.5)}.lesson-card{max-width:600px!important;padding:50px!important;border-color:#9c27b0!important}.lesson-header{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:30px}.lesson-header h1{font-size:2.2rem;color:#4a148c;margin:0;text-shadow:0 0 15px rgba(156,39,176,.2)}.lesson-body-content{text-align:left;margin-bottom:35px}.lesson-concept{font-size:1.2rem;line-height:1.5;color:#555;margin-bottom:25px}.technical-box{background:#fdf7ff;border:2px dashed #9c27b0;padding:20px;border-radius:20px;margin-bottom:20px;position:relative}.tech-label{display:block;font-weight:800;color:#9c27b0;font-size:.9rem;text-transform:uppercase;margin-bottom:8px}.technical-box p{margin:0;font-size:1.1rem;color:#333;font-weight:500}.metaphor-tag{background:#e1f5fe;color:#0277bd;display:inline-block;padding:8px 15px;border-radius:12px;font-size:.95rem}@media(max-width:600px){.math-question{font-size:2.2rem;flex-direction:column;gap:20px}.answer-input{width:140px;font-size:2.5rem;margin-left:0}.equipped-items .hat{font-size:1.5rem;top:-10px}.equipped-items .wand,.equipped-items .pet{font-size:1.5rem}}.game-hud{position:fixed;top:12px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:1100;width:max-content;max-width:96vw}.game-stat{background:#0000008c;color:#fff;font-weight:900;font-size:1.05rem;padding:10px 16px;border-radius:20px;border:2px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}.game-area{position:absolute;inset:0;overflow:hidden}.game-over-container{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#4a148ceb,#000000f2)}.game-over{text-align:center;padding:40px 50px;border-radius:25px;background:#fffffff7;box-shadow:0 0 50px #9c27b099;max-width:90vw}.touch-controls{position:fixed;right:20px;bottom:30px;display:flex;flex-direction:column;gap:16px;z-index:1100}.arrow-btn{width:84px;height:84px;border-radius:50%;border:3px solid rgba(255,255,255,.5);background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #00000059;touch-action:manipulation}.arrow-btn svg{width:42px;height:42px}.arrow-btn:active{transform:scale(.9)}.cauldron-rim{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(70vw,500px);height:60px;background:linear-gradient(to bottom,#4a148c,#12005e);border-radius:50% 50% 0 0;box-shadow:0 -10px 40px #9c27b099}.magic-arch{width:100%;border-radius:0 0 16px 16px;box-shadow:0 0 25px #9c27b073}.tetris-board{position:absolute;top:70px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(16,1fr);gap:2px;width:min(92vw,calc((100vh - 240px)/1.6),360px);aspect-ratio:10 / 16;padding:6px;border-radius:14px}.tetris-controls{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:1100}.ctrl-btn{width:76px;height:76px;font-size:2rem;border-radius:20px;border:3px solid rgba(255,255,255,.4);background:linear-gradient(135deg,#9c27b0,#673ab7);cursor:pointer;box-shadow:0 6px 16px #0006;touch-action:manipulation}.ctrl-btn:active{transform:scale(.9)}.stat-pill.tickets{background:linear-gradient(135deg,#ff6f00,gold);color:#fff;font-weight:900;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:30px;box-shadow:0 4px 12px #ff6f0059}.arcade-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;margin-top:20px;border-radius:24px;background:linear-gradient(135deg,#9c27b01a,#ffc1071f);border:2px dashed rgba(156,39,176,.35);flex-wrap:wrap}.arcade-card h3{margin:0 0 6px;font-size:1.4rem;color:#4a148c}.arcade-card p{margin:0 0 10px;color:#7b1fa2;font-weight:600}.arcade-counters{display:flex;gap:10px;flex-wrap:wrap}.arcade-chip{background:#fff;border:2px solid #FFD700;color:#ff6f00;font-weight:900;border-radius:20px;padding:6px 14px;font-size:.95rem}.arcade-chip.pro{border-color:#e91e63;color:#e91e63}.arcade-btn{display:flex;align-items:center;gap:10px;font-size:1.2rem;padding:18px 30px}.arcade-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.arcade-modal{max-width:680px;width:94vw}.arcade-balance{text-align:center;font-size:1.15rem;color:#4a148c;margin:5px 0 18px}.arcade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.arcade-game-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;border-radius:20px;border:2px solid rgba(156,39,176,.25);background:linear-gradient(180deg,#fff,#f7ecfb);cursor:pointer;transition:transform .15s,box-shadow .15s}.arcade-game-card:not(:disabled):hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #9c27b040}.arcade-game-card:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.arcade-game-card.pro{grid-column:1 / -1;background:linear-gradient(135deg,#4a148c,#e91e63);border:3px solid #FFD700}.arcade-game-card.pro .ag-name,.arcade-game-card.pro .ag-desc{color:#fff}.arcade-game-card.pro .ag-cost{background:gold;color:#4a148c}.ag-icon{font-size:2.6rem}.ag-name{font-weight:900;color:#4a148c;font-size:1.05rem}.ag-desc{font-size:.8rem;color:#8e6aa8;text-align:center;line-height:1.25}.ag-cost{margin-top:4px;background:#f3e5f5;border-radius:14px;padding:4px 12px;font-weight:900;color:#7b1fa2;font-size:.9rem}.arcade-empty{text-align:center;color:#999;font-style:italic;margin-top:16px}.ticket-earned{font-size:1.2rem;font-weight:800;color:#ff6f00;margin-bottom:8px}.mission-banner{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;background:#1e003273;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mission-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 50px;border-radius:28px;color:#fff;text-align:center;box-shadow:0 0 60px #ffd7008c;animation:mission-pop .4s ease-out}.mission-title{font-size:1.3rem;font-weight:900;letter-spacing:1px}.mission-card strong{font-size:2rem;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.35)}@keyframes mission-pop{0%{transform:scale(.6)}70%{transform:scale(1.08)}to{transform:scale(1)}}.crit-color-0{background:linear-gradient(135deg,#ffd54f,#ff6f00)!important}.crit-color-1{background:linear-gradient(135deg,#4fc3f7,#1565c0)!important}.crit-color-2{background:linear-gradient(135deg,#f48fb1,#c2185b)!important}.crit-color-3{background:linear-gradient(135deg,#a5d6a7,#2e7d32)!important}.runner-hint{position:fixed;bottom:18px;left:50%;transform:translate(-50%);color:#ffffffd9;font-weight:700;font-size:1rem;z-index:1100;pointer-events:none;text-shadow:0 2px 6px rgba(0,0,0,.5)}.gate-card{background:#3c0a5af7;border-radius:28px;padding:28px 36px;text-align:center;box-shadow:0 0 50px #e91e63b3;max-width:92vw}.gate-card h3{color:gold;font-size:1.4rem;margin:0 0 6px}.gate-question{color:#fff;font-size:3.2rem;font-weight:900;margin:6px 0}.gate-sub{color:#ce93d8;margin:0 0 16px;font-weight:600}.gate-doors{display:flex;gap:22px;justify-content:center}.gate-door{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 26px;border-radius:20px;border:3px solid #CE93D8;background:linear-gradient(180deg,#7b1fa2,#4a148c);cursor:pointer;transition:transform .15s}.gate-door:not(:disabled):active{transform:scale(.93)}.gate-door.right{border-color:#4caf50;background:linear-gradient(180deg,#2e7d32,#1b5e20)}.gate-door.dim{opacity:.35}.gate-door-icon{font-size:2.4rem}.gate-door-num{font-size:2rem;font-weight:900;color:#fff}.gate-msg{margin:14px 0 0;font-size:1.25rem;font-weight:900}.gate-msg.ok{color:#69f0ae}.gate-msg.bad{color:#ff8a80}.app-container{background:linear-gradient(120deg,#fce4ec,#f3e5f5,#e3f2fd,#fff8e1);background-size:300% 300%;animation:bg-drift 24s ease infinite}@keyframes bg-drift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.dashboard .glass{border-radius:26px;box-shadow:0 14px 40px #6a1b9a1f;border:1px solid rgba(255,255,255,.65)}.mascot-frame .mascot-img{animation:mascot-float 3.5s ease-in-out infinite}@keyframes mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.node-card{transition:transform .18s,box-shadow .18s}.node-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 28px #6a1b9a38}.node-card .node-icon{transition:transform .18s}.node-card:hover .node-icon{transform:rotate(-8deg) scale(1.15)}.mission-day{display:flex;align-items:center;gap:20px;padding:18px 24px;margin-bottom:20px;border-radius:22px;border:2px solid rgba(255,111,0,.25);background:linear-gradient(135deg,#ffd54f29,#fffc)}.mission-day.done{border-color:#4caf5073;background:linear-gradient(135deg,#a5d6a740,#ffffffd9)}.md-flame{display:flex;align-items:center;gap:10px;min-width:110px}.md-fire{font-size:2.4rem;filter:drop-shadow(0 0 8px rgba(255,111,0,.5))}.md-flame strong{display:block;font-size:1.25rem;color:#e65100}.md-sub{font-size:.8rem;color:#bf360c;font-weight:700}.md-mission{flex:1}.md-title{font-weight:800;color:#4a148c;margin-bottom:8px;font-size:.98rem}.md-bar-bg{height:14px;border-radius:10px;background:#00000014;overflow:hidden}.md-bar{height:100%;border-radius:10px;background:linear-gradient(90deg,#ffd54f,#ff6f00)}.md-warn{margin-top:8px;font-size:.85rem;font-weight:800;color:#d84315}.chest-card{background:linear-gradient(160deg,#fff8e1,#ffe082);border:4px solid #FFB300;border-radius:30px;padding:34px 46px;text-align:center;box-shadow:0 0 60px #ffb300a6;max-width:90vw}.chest-icon{font-size:4.5rem;animation:chest-bounce .8s ease infinite alternate}@keyframes chest-bounce{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-10px) rotate(3deg)}}.chest-card h3{color:#e65100;font-size:2rem;margin:8px 0}.chest-rewards{font-size:1.4rem;font-weight:900;color:#4a148c;margin:6px 0}.chest-rewards.pro{color:#c2185b}.chest-streak{font-size:1.1rem;font-weight:800;color:#bf360c;margin:10px 0 16px}.avatar-hero{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 10px 20px;margin-bottom:18px;border-bottom:2px dashed rgba(156,39,176,.2)}.hero-frame{position:relative;width:140px;height:140px}.hero-img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #9C27B0;box-shadow:0 0 25px #9c27b059}.hero-hat{position:absolute;top:-34px;left:50%;transform:translate(-50%) rotate(-8deg);font-size:3.4rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}.hero-wand{position:absolute;bottom:-4px;right:-22px;font-size:3rem;transform:rotate(20deg);filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}.hero-pet{position:absolute;bottom:-10px;left:-30px;font-size:2.8rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}.hero-bonuses{display:flex;flex-direction:column;gap:6px;align-items:center}.hero-chip{background:linear-gradient(135deg,#f3e5f5,#fff);border:1.5px solid rgba(156,39,176,.35);color:#6a1b9a;font-weight:800;font-size:.82rem;padding:5px 12px;border-radius:16px;white-space:nowrap}.hero-chip.muted{color:#999;border-color:#0000001f;font-style:italic;white-space:normal;text-align:center}.item-effect{font-size:.72rem;font-weight:700;color:#7b1fa2;background:#9c27b014;border-radius:10px;padding:4px 8px;text-align:center;line-height:1.25;min-height:32px;display:flex;align-items:center}.shield-badge{background:linear-gradient(135deg,#b3e5fc,#4fc3f7);color:#01579b;font-weight:900;border-radius:16px;padding:5px 12px;font-size:.9rem}.hint-box.shield-box{background:linear-gradient(135deg,#e1f5fe,#b3e5fc);border:2px solid #4FC3F7;color:#01579b;font-weight:800}.app-container{max-width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:10px;box-sizing:border-box}.dashboard{width:100%;max-width:1000px;display:flex;flex-direction:column;gap:20px}.main-header{padding:20px;display:flex;justify-content:space-between;align-items:center;background:#fffc!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;flex-wrap:wrap;gap:15px}.user-profile{display:flex;align-items:center;gap:15px}.mascot-frame{width:70px;height:70px;background:#fff;border-radius:50%;box-shadow:0 0 25px #9c27b066;border:3px solid #9C27B0;overflow:hidden}.mascot-img{width:100%;height:100%;object-fit:cover}.milestone-tracker{display:flex;flex-direction:column;gap:15px;padding:20px;background:#fff9;border-radius:30px;border:2px solid rgba(156,39,176,.1)}.milestone-row{display:flex;gap:15px;width:100%;flex-wrap:wrap}.milestone-item{display:flex;flex-direction:column;gap:10px;flex:1;min-width:200px}.milestone-item.mega{background:#ff98000d;padding:15px;border-radius:20px;border:2px solid rgba(255,152,0,.2);width:100%}.milestone-label{display:flex;align-items:center;gap:10px;font-weight:700;color:#333;font-size:.95rem}.m-progress-bg{width:100%;height:14px;background:#00000014;border-radius:50px;overflow:hidden}.m-progress-fill{height:100%;border-radius:50px}.m-progress-fill.small{background:linear-gradient(90deg,#9c27b0,#673ab7)}.m-progress-fill.big{background:linear-gradient(90deg,#e91e63,#ffc107)}.m-progress-fill.mega{background:linear-gradient(90deg,#ff9800,#ff5722)}.login-screen{padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:450px;width:90%}.login-form{width:100%;display:flex;flex-direction:column;gap:20px}.login-screen h1{color:#4a148c;font-size:2rem;margin:0}.login-screen p{color:#666;font-weight:700}.input-with-icon{position:relative;width:100%}.i-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#9c27b0;opacity:.6}.login-screen input{padding:15px 15px 15px 45px;border-radius:20px;border:2px solid rgba(156,39,176,.2);font-size:1.1rem;width:100%;box-sizing:border-box;background:#fff;transition:all .3s}.login-screen input:focus{border-color:#9c27b0;outline:none;box-shadow:0 0 15px #9c27b033}.input-group{display:flex;gap:15px}.back-link{background:none;border:none;color:#9c27b0;font-size:.9rem;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:5px;align-self:flex-start}.error-msg{color:#e91e63;background:#fce4ec;padding:10px;border-radius:12px;font-size:.9rem;margin:0}.mascot-frame.login-v{width:110px;height:110px;margin-bottom:5px}.header-actions{display:flex;align-items:center;gap:15px}.icon-action-btn{background:#fff;border:none;width:45px;height:45px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 10px #0000001a;transition:transform .2s}.icon-action-btn:hover{transform:scale(1.1)}.leaderboard-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;display:flex;justify-content:center;align-items:center;background:#0000004d}.leaderboard-modal{width:90%;max-width:450px;padding:30px;border-radius:30px;max-height:80vh;display:flex;flex-direction:column}.lb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.lb-header h2{margin:0;color:#4a148c}.lb-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto}.lb-item{display:flex;align-items:center;padding:15px;background:#fff;border-radius:20px;gap:15px}.lb-item.is-me{background:#f3e5f5;border:2px solid #9c27b0}.lb-rank{font-weight:900;color:#9c27b0;font-size:1.2rem;min-width:25px}.lb-name{flex-grow:1;font-weight:700}.lb-pts{font-weight:900;color:#4caf50}.close-btn{background:none;border:none;cursor:pointer;color:#666}.m-hint{font-size:.8rem;color:#666;font-style:italic;text-align:right;margin-top:-5px}.dashboard-content{display:flex;gap:20px;width:100%}.hero-journey{flex-grow:1;display:flex;flex-direction:column;gap:20px}.social-side{width:300px;background:#fff6;padding:20px;border-radius:30px;display:flex;flex-direction:column;gap:15px}.side-header{display:flex;justify-content:space-between;align-items:center}.side-header h3{margin:0;color:#4a148c;font-size:1.2rem}.add-f{background:#9c27b0;color:#fff;border:none;padding:8px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center}.friends-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto}.f-card{background:#fff;padding:12px;border-radius:15px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .2s}.f-card:hover{transform:scale(1.02)}.f-status{width:12px;height:12px;border-radius:50%;background:#ccc}.f-status.online{background:#4caf50;box-shadow:0 0 10px #4caf50}.f-info{flex-grow:1;display:flex;flex-direction:column}.f-name{font-weight:800;font-size:.95rem}.f-lvl{font-size:.8rem;color:#666}.duel-btn{background:#e91e63;color:#fff;border:none;padding:8px;border-radius:10px;cursor:pointer}.duel-alert{position:absolute;top:100px;left:50%;transform:translate(-50%);z-index:1000;background:#fff;padding:15px 25px;border-radius:50px;display:flex;align-items:center;gap:15px;box-shadow:0 10px 30px #e91e634d;border:2px solid #e91e63;font-weight:800}.btn-small{padding:5px 12px;border-radius:15px;border:none;font-weight:800;cursor:pointer}.btn-small.accept{background:#4caf50;color:#fff}.btn-small.reject{background:#eee;color:#666}.friend-popover{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2500;display:flex;justify-content:center;align-items:center;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.popover-content{background:#fff;padding:30px;border-radius:40px;width:90%;max-width:400px;text-align:center}.milestone-tracker.compact{padding:10px;gap:10px}.duel-screen{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.duel-header{text-align:center;margin-bottom:30px}.duel-header h2{font-size:2.5rem;text-shadow:0 0 20px #e91e63}@media(max-width:850px){.dashboard-content{flex-direction:column}.social-side{width:100%;order:2}}.world-map{padding:25px;background:#fff6;border-radius:40px;border:1px solid rgba(255,255,255,.5)}.world-map h3{margin-bottom:20px;text-align:center;font-size:1.6rem;color:#4a148c;font-weight:900}.modules-grid.mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.node-card{background:#fff;border:none;padding:15px;border-radius:20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 15px #0000000d}.node-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #9c27b026}.node-icon{width:50px;height:50px;border-radius:12px;display:flex;justify-content:center;align-items:center;color:#fff;flex-shrink:0}.sumas .node-icon{background:#4caf50}.restas .node-icon{background:#2196f3}.multiplicaciones .node-icon{background:#ffc107}.divisiones .node-icon{background:#9c27b0}.node-info{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}.node-info .lbl{font-weight:800;font-size:.85rem;text-transform:uppercase;white-space:nowrap}.node-info .lvl{font-size:.8rem;opacity:.6}.lesson-card{padding:40px 20px;text-align:center;border-radius:40px;border:4px solid #9c27b0;max-width:90%;margin:0 auto}.lesson-body-content{margin:25px 0;display:flex;flex-direction:column;gap:20px}.technical-box{background:#fff;border:2px dashed #9c27b0;padding:20px;border-radius:20px;margin:10px 0;text-align:left}.tech-label{display:block;font-weight:900;color:#9c27b0;margin-bottom:5px;font-size:1.1rem}.technical-box p{margin:0;font-size:1.1rem;line-height:1.4;color:#444}.milestone-voucher{max-width:100%}@media(max-width:600px){.math-question{font-size:2.8rem}.answer-input{width:120px;font-size:2.5rem}.main-header h1{font-size:1.4rem}.milestone-row{flex-direction:column}.lesson-card h2{font-size:1.8rem}.lesson-concept{font-size:1.1rem}.node-card{padding:12px}}.glass{background:#ffffffb3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4)}.stats-bar{display:flex;gap:10px}.stat-pill{background:#fff;padding:8px 14px;border-radius:50px;display:flex;align-items:center;gap:6px;font-weight:800;box-shadow:0 4px 10px #0000000d}.exercise-header{display:flex;align-items:center;gap:15px}.progress-track{flex-grow:1;height:12px;background:#0000001a;border-radius:50px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#9c27b0,#e91e63)}.futuristic-btn{border:none;border-radius:20px;padding:15px 30px;font-size:1.2rem;font-weight:900;cursor:pointer;transition:all .3s}.futuristic-btn.primary{background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff}.futuristic-btn.secondary{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff}.futuristic-btn:active{transform:scale(.95)}.mini-game-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;overflow:hidden}.bubbles-bg{background:radial-gradient(circle,#673ab7,#311b92)}.stars-bg{background:radial-gradient(circle,#1a237e,#000)}.ocean-bg{background:linear-gradient(to bottom,#4fc3f7,#01579b)}.race-bg{background:#263238}.tetris-bg{background:#000}