@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Outfit:wght@400;600;700;800;900&display=swap";:root{--purple:#7c3aed;--purple-light:#a78bfa;--purple-dark:#5b21b6;--blue:#3b82f6;--blue-light:#93c5fd;--cyan:#06b6d4;--green:#10b981;--green-light:#6ee7b7;--yellow:#f59e0b;--yellow-light:#fcd34d;--orange:#f97316;--pink:#ec4899;--pink-light:#f9a8d4;--red:#ef4444;--red-light:#fca5a5;--bg-main:#f0f4ff;--bg-card:#ffffffeb;--text-primary:#1e293b;--text-secondary:#64748b;--text-white:#fff;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 24px #0000001a;--shadow-lg:0 16px 40px #0000001f;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}body{background:var(--bg-main);color:var(--text-primary);font-family:Nunito,sans-serif;overflow-x:hidden}.bg-decoration{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-blob{filter:blur(80px);opacity:.3;border-radius:50%;animation:20s ease-in-out infinite blobFloat;position:absolute}.bg-blob:first-child{background:var(--purple-light);width:500px;height:500px;top:-100px;left:-100px}.bg-blob:nth-child(2){background:var(--cyan);width:400px;height:400px;animation-delay:-7s;top:50%;right:-80px}.bg-blob:nth-child(3){background:var(--pink-light);width:350px;height:350px;animation-delay:-14s;bottom:-80px;left:30%}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}.app-wrapper{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.top-bar{-webkit-backdrop-filter:blur(16px);z-index:100;background:#ffffffb3;border-bottom:1px solid #ffffff80;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.top-bar-logo{cursor:pointer;align-items:center;gap:12px;display:flex}.top-bar-logo .logo-icon{font-size:2rem;animation:2s ease-in-out infinite bounce-gentle}.top-bar-logo h2{background:linear-gradient(135deg, var(--purple), var(--pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900}.top-bar-stats{align-items:center;gap:12px;display:flex}.stat-badge{background:var(--bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:8px 16px;font-size:1rem;font-weight:800;display:flex}.stat-badge .stat-icon{font-size:1.3rem}.stat-badge .stat-value{color:var(--purple)}.main-content{border-radius:var(--radius-xl);width:100%;max-width:1100px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:4px solid #fff;flex:1;margin:20px auto;padding:32px}.login-screen{flex-direction:column;justify-content:center;align-items:center;min-height:80vh;animation:.6s ease-out fadeSlideUp;display:flex;position:relative;overflow:hidden}.login-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;width:100%;max-width:450px;padding:40px;position:relative}.login-animals{justify-content:center;gap:20px;margin-top:-80px;margin-bottom:20px;font-size:4.5rem;display:flex}.login-animals span{filter:drop-shadow(0 10px 10px #00000026);animation:2s ease-in-out infinite bounce-gentle}.login-animals span:nth-child(2){font-size:5rem;animation-delay:.5s}.login-animals span:nth-child(3){animation-delay:1s}.login-title{color:var(--purple-dark);margin-bottom:8px;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:900}.login-subtitle{color:var(--text-secondary);margin-bottom:32px;font-weight:600}.login-form{flex-direction:column;gap:16px;display:flex}.login-input{border-radius:var(--radius-md);text-align:center;border:3px solid #0000000f;outline:none;padding:16px 20px;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:700;transition:all .3s}.login-input:focus{border-color:var(--purple);box-shadow:0 0 15px #7c3aed33}.login-btn{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--purple), var(--pink));color:#fff;cursor:pointer;box-shadow:0 6px 0 var(--purple-dark);border:none;margin-top:8px;padding:16px;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800;transition:all .2s}.login-btn:active{box-shadow:0 2px 0 var(--purple-dark);transform:translateY(4px)}.login-error{color:var(--red);margin-top:16px;font-weight:800;animation:.4s shake}.subject-selection{text-align:center;padding-top:40px;animation:.6s ease-out fadeSlideUp}.subject-title{color:var(--text-primary);margin-bottom:40px;font-family:Outfit,sans-serif;font-size:3rem;font-weight:900}.subject-grid{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.subject-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);cursor:pointer;width:100%;max-width:320px;box-shadow:var(--shadow-md);border:4px solid #0000;padding:40px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.subject-card.math{border-bottom-color:var(--blue)}.subject-card.math:hover{border-color:var(--blue);background:#eff6ff}.subject-card.lang{border-bottom-color:var(--orange)}.subject-card.lang:hover{border-color:var(--orange);background:#fff7ed}.subject-icon{margin-bottom:20px;font-size:5rem;animation:4s ease-in-out infinite float;display:block}.subject-name{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:2rem;font-weight:900}.home-hero{text-align:center;margin-bottom:40px;animation:.6s ease-out fadeSlideUp}.home-hero h1{margin-bottom:12px;font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:900}.home-hero h1 .gradient-text{background:linear-gradient(135deg, var(--purple), var(--blue), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.category-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:40px;display:grid}.category-card{background:var(--bg-card);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-md);border:2px solid #0000;padding:28px 24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.category-card:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:5px;position:absolute;top:0;left:0;right:0}.category-card.cat-numeros:before{background:var(--purple)}.category-card.cat-operaciones:before{background:var(--cyan)}.category-card.cat-patrones:before{background:var(--yellow)}.category-card.cat-geometria:before{background:var(--pink)}.category-card.cat-medicion:before{background:var(--green)}.category-card.cat-datos:before{background:var(--blue)}.category-card.cat-lectura:before{background:var(--orange)}.category-card.cat-escritura:before{background:var(--red)}.category-card.cat-oralidad:before{background:var(--purple-light)}.category-card.cat-ensayo:before{background:linear-gradient(90deg, var(--purple), var(--pink))}.card-icon{margin-bottom:12px;font-size:3rem;display:block}.card-title{margin-bottom:8px;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800}.card-desc{color:var(--text-secondary);font-size:.95rem;font-weight:600;line-height:1.4}.card-badge{color:#fff;background:var(--text-secondary);border-radius:20px;margin-top:12px;padding:4px 14px;font-size:.8rem;font-weight:800;display:inline-block}.study-screen{max-width:800px;margin:0 auto;animation:.5s ease-out fadeSlideUp}.study-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-top:20px;padding:40px}.study-content{color:var(--text-primary);font-size:1.3rem;font-weight:600;line-height:1.6}.study-content ul{margin-top:16px;padding-left:20px}.study-content li{margin-bottom:12px}.study-content strong{color:var(--purple-dark)}.study-content h3{color:var(--purple-dark);margin-top:24px;margin-bottom:12px;font-size:1.8rem}.study-content h3:first-child{margin-top:0}.study-content h4{color:var(--blue);margin-top:20px;margin-bottom:8px;font-size:1.4rem}.study-content blockquote{border-left:5px solid var(--purple);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);background:#f8fafc;margin-top:20px;padding:16px 20px;font-style:italic}.btn-start-practice{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--green), var(--cyan));color:#fff;cursor:pointer;border:none;width:100%;margin-top:32px;padding:16px 32px;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800;transition:all .2s;box-shadow:0 6px #059669}.btn-start-practice:active{transform:translateY(4px);box-shadow:0 2px #059669}.exercise-screen,.ensayo-selector{animation:.5s ease-out fadeSlideUp}.exercise-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.btn-back{background:var(--bg-card);border-radius:var(--radius-sm);cursor:pointer;width:48px;height:48px;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex}.btn-back:hover{background:var(--purple-light);color:#fff;transform:scale(1.05)}.exercise-title{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.progress-container{margin-bottom:28px}.progress-info{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:.95rem;font-weight:700;display:flex}.progress-bar-bg{background:#0000000f;border-radius:10px;height:14px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--purple), var(--blue));border-radius:10px;height:100%;transition:width .5s}.question-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:36px}.question-label{color:var(--purple);text-transform:uppercase;margin-bottom:16px;font-size:.9rem;font-weight:800}.question-text{margin-bottom:8px;font-size:1.3rem;font-weight:700;line-height:1.5}.question-visual{text-align:center;letter-spacing:2px;padding:20px 0;font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:900}.options-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.option-btn{border-radius:var(--radius-md);cursor:pointer;background:#fff;border:3px solid #0000000f;padding:18px 20px;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:800;transition:all .2s}.option-btn:hover{border-color:var(--purple-light);background:#f5f0ff;transform:scale(1.03)}.option-btn.correct{border-color:var(--green);background:linear-gradient(135deg,#d1fae5,#a7f3d0);animation:.5s pulse-correct}.option-btn.wrong{border-color:var(--red);background:linear-gradient(135deg,#fee2e2,#fecaca);animation:.4s shake}.option-btn.reveal-correct{border-color:var(--green);background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.input-answer-container{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.answer-input{text-align:center;border:4px solid var(--purple-light);border-radius:var(--radius-md);width:160px;padding:12px;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800}.btn-check{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--purple), var(--blue));color:#fff;cursor:pointer;box-shadow:0 6px 0 var(--purple-dark);border:none;padding:16px 28px;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:800}.feedback-banner{border-radius:var(--radius-md);text-align:center;margin-top:24px;padding:18px 24px;font-size:1.2rem;font-weight:800}.feedback-banner.correct{color:#065f46;background:#d1fae5;animation:.5s pulse-correct}.feedback-banner.wrong{color:#991b1b;background:#fee2e2;animation:.4s shake}.btn-next{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--green), var(--cyan));color:#fff;cursor:pointer;border:none;margin-top:20px;padding:14px 32px;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:800;box-shadow:0 5px #059669}.results-screen{text-align:center}.results-card{background:var(--bg-card);border-radius:var(--radius-xl);max-width:550px;margin:0 auto;padding:48px 36px}.results-emoji{margin-bottom:16px;font-size:5rem;animation:1.5s infinite bounce-gentle}.results-score-circle{background:linear-gradient(135deg, var(--purple), var(--blue));color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto 28px;display:flex}.results-score-circle .score-number{font-size:3rem;font-weight:900}.results-stats{justify-content:center;gap:28px;margin-bottom:32px;display:flex}.result-stat .stat-num{font-size:2rem;font-weight:900}.result-stat.good .stat-num{color:var(--green)}.result-stat.bad .stat-num{color:var(--red)}.results-buttons{justify-content:center;gap:16px;display:flex}.btn-primary{border-radius:var(--radius-md);cursor:pointer;border:none;padding:14px 32px;font-size:1.1rem;font-weight:800}.btn-primary.purple{background:linear-gradient(135deg, var(--purple), var(--blue));color:#fff}.btn-primary.outline{color:var(--purple);border:3px solid var(--purple-light);background:#fff}.ensayo-list{flex-direction:column;gap:16px;display:flex}.ensayo-item{background:var(--bg-card);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:20px;padding:24px;transition:all .3s;display:flex}.ensayo-item:hover{box-shadow:var(--shadow-md);transform:translate(8px)}.ensayo-number{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--purple), var(--blue));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:900;display:flex}.ensayo-badge{background:#e2e8f0;border-radius:20px;margin-top:6px;padding:4px 12px;font-size:.75rem;font-weight:800;display:inline-block}.confetti-piece{z-index:9999;border-radius:2px;width:10px;height:10px;animation:linear forwards confetti-fall;position:fixed}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes pulse-correct{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.shop-screen{animation:.5s ease-out fadeSlideUp}.shop-layout{align-items:flex-start;gap:40px;margin-top:20px;display:flex}@media (width<=800px){.shop-layout{flex-direction:column}}.avatar-preview-card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;flex:1;min-width:300px;padding:40px;position:relative}.avatar-character{z-index:1;font-size:8rem;line-height:1;animation:2s infinite bounce-gentle;display:inline-block;position:relative}.avatar-character.mini{font-size:3rem;animation:none}.accessory-layer{pointer-events:none;position:absolute;inset:0}.accessory-layer span{position:absolute}.acc-glasses{font-size:.6em;top:41%;left:50%;transform:translate(-50%,-50%)}.acc-hat,.acc-crown{font-size:.55em;top:2%;left:50%;transform:translate(-50%,-85%)}.acc-star{font-size:.3em;top:8%;left:82%;transform:translate(-50%,-50%)}.acc-headphones{font-size:.78em;top:42%;left:50%;transform:translate(-50%,-50%)}.acc-backpack{z-index:-1;font-size:.55em;top:55%;left:-8%;transform:translate(-50%,-50%)}.acc-cape{z-index:-1;font-size:.85em;top:62%;left:50%;transform:translate(-50%,-50%)}.acc-bow{font-size:.38em;top:12%;left:72%;transform:translate(-50%,-50%)rotate(15deg)}.acc-scarf{z-index:2;font-size:.45em;top:86%;left:50%;transform:translate(-50%,-50%)}.acc-wand{z-index:1;font-size:.45em;top:55%;left:92%;transform:translate(-50%,-50%)rotate(15deg)}.acc-sunglasses{font-size:.6em;top:41%;left:50%;transform:translate(-50%,-50%)}.acc-aura-fire{z-index:-1;opacity:.7;font-size:1.35em;animation:1s infinite pulse-correct;top:50%;left:50%;transform:translate(-50%,-50%)}.acc-aura-ice{z-index:-1;opacity:.7;font-size:1.35em;animation:2s infinite pulse-correct;top:50%;left:50%;transform:translate(-50%,-50%)}.acc-pet-bird{z-index:2;font-size:.32em;top:-6%;left:8%;transform:translate(-50%,-50%)}.acc-mask{z-index:2;font-size:.5em;top:58%;left:50%;transform:translate(-50%,-50%)}.acc-mustache{z-index:2;font-size:.38em;top:54%;left:50%;transform:translate(-50%,-50%)}.acc-graduation{font-size:.58em;top:2%;left:50%;transform:translate(-50%,-85%)}.acc-tie{z-index:2;font-size:.42em;top:85%;left:50%;transform:translate(-50%,-50%)}.acc-medal{z-index:2;font-size:.42em;top:78%;left:50%;transform:translate(-50%,-50%)}.acc-flower{font-size:.34em;top:14%;left:74%;transform:translate(-50%,-50%)rotate(20deg)}.acc-balloon{z-index:1;font-size:.6em;animation:2.5s infinite bounce-gentle;top:-2%;left:88%;transform:translate(-50%,-50%)}.acc-guitar{z-index:1;font-size:.55em;top:62%;left:90%;transform:translate(-50%,-50%)rotate(20deg)}.acc-butterfly{z-index:2;font-size:.32em;animation:2s infinite bounce-gentle;top:-4%;left:14%;transform:translate(-50%,-50%)}.acc-aura-rainbow{z-index:-1;opacity:.65;font-size:1.4em;animation:2.5s infinite pulse-correct;top:50%;left:50%;transform:translate(-50%,-50%)}.acc-sword{z-index:1;font-size:.55em;top:55%;left:92%;transform:translate(-50%,-50%)rotate(35deg)}.acc-party{z-index:1;font-size:.45em;top:12%;left:86%;transform:translate(-50%,-50%)}.shop-catalog{flex:2;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.shop-item{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);padding:20px;transition:all .2s}.shop-item:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.shop-item-icon{margin-bottom:10px;font-size:3.5rem}.shop-item-name{margin-bottom:8px;font-family:Outfit,sans-serif;font-weight:800}.shop-item-price{color:var(--yellow);justify-content:center;align-items:center;gap:6px;font-weight:900;display:flex}.btn-buy{background:var(--yellow);color:#fff;cursor:pointer;border:none;border-radius:20px;width:100%;margin-top:12px;padding:8px 16px;font-weight:800;transition:transform .1s}.btn-buy:hover{background:#d97706}.btn-buy:active{transform:scale(.95)}.btn-buy.equipped{background:var(--green)}.btn-buy.owned{background:var(--purple-light)}.minigame-screen{text-align:center;max-width:700px;margin:0 auto;animation:.5s ease-out fadeSlideUp}.minigame-hud{justify-content:space-between;margin-bottom:20px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900;display:flex}.mg-streak{color:var(--orange);animation:.5s pulse-correct}.mg-score{color:var(--purple)}.mg-lives{letter-spacing:2px}.timer-bar-bg{background:#0000001a;border-radius:10px;height:20px;margin-bottom:30px;overflow:hidden}.timer-bar-fill{background:linear-gradient(90deg, var(--red), var(--yellow));height:100%;transition:width .1s linear}.mg-gameover{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;padding:50px}.mg-gameover h2{color:var(--red);margin-bottom:10px;font-family:Outfit,sans-serif;font-size:3rem}.mg-rewards{color:var(--yellow);margin:20px 0;font-size:2rem;font-weight:900}.arcade-menu{max-width:900px;margin:0 auto;animation:.5s ease-out fadeSlideUp}.arcade-menu h1{color:var(--purple-dark);font-family:Outfit,sans-serif;font-size:2.5rem}.arcade-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.arcade-game-card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;cursor:pointer;border:4px solid #0000;padding:36px 28px;transition:transform .2s,box-shadow .2s}.arcade-game-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)scale(1.02)}.arcade-game-card.time{border-color:var(--blue)}.arcade-game-card.survival{border-color:var(--red)}.arcade-game-icon{margin-bottom:12px;font-size:3.5rem;display:block}.arcade-game-card h2{color:var(--text-primary);margin-bottom:12px;font-family:Outfit,sans-serif;font-size:1.8rem}.arcade-game-card.time h2{color:var(--blue)}.arcade-game-card.survival h2{color:var(--red)}.arcade-game-card p{color:var(--text-secondary);margin-bottom:20px;font-weight:600;line-height:1.5}.arcade-play-btn{background:linear-gradient(135deg, var(--purple), var(--pink));color:#fff;box-shadow:var(--shadow-sm);border-radius:30px;padding:12px 30px;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:800;display:inline-block}.arcade-card{position:relative;overflow:hidden}.arcade-card:after{content:"✨";font-size:1.4rem;animation:2s infinite bounce-gentle;position:absolute;top:10px;right:14px}.admin-dashboard{animation:.5s ease-out fadeSlideUp}.admin-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.admin-header h1{color:var(--purple-dark);font-family:Outfit,sans-serif;font-size:2.5rem}.admin-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:30px;padding:30px}.admin-card h2{color:var(--text-primary);margin-bottom:20px;font-family:Outfit,sans-serif}.user-table{border-collapse:collapse;text-align:left;width:100%}.user-table th{color:var(--text-secondary);background:#0000000a;border-radius:8px;padding:12px 16px;font-weight:800}.user-table td{color:var(--text-primary);border-bottom:1px solid #0000000f;padding:16px;font-weight:700}.user-table tr:last-child td{border-bottom:none}.user-avatar-cell{align-items:center;gap:10px;font-size:1.2rem;display:flex}.add-user-form{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.form-group{flex-direction:column;flex:1;gap:8px;min-width:200px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;font-size:.9rem;font-weight:800}.form-group input{border-radius:var(--radius-md);border:2px solid #0000001a;outline:none;padding:12px 16px;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:700}.form-group input:focus{border-color:var(--blue)}.login-floaters{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.login-floater{transform:translate(var(--rx,0px), var(--ry,0px));will-change:transform;transition:transform .45s cubic-bezier(.22,.61,.36,1);position:absolute}.login-floater-inner{opacity:.92;filter:drop-shadow(0 6px 12px #00000024);line-height:1;animation:5s ease-in-out infinite login-float;display:inline-block}@keyframes login-float{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-16px)rotate(5deg)}}.login-card{z-index:2;position:relative}.login-mascot{filter:drop-shadow(0 8px 12px #0000001f);margin-top:-70px;margin-bottom:12px;font-size:4rem;animation:2s infinite bounce-gentle}@media (width<=820px){.login-floater-inner{font-size:2.4rem!important}.login-floater:nth-child(odd){display:none}}@media (width<=540px){.login-floater-inner{font-size:2rem!important}.login-floater:nth-child(n+7){display:none}.login-mascot{margin-top:-50px;font-size:3rem}}.shop-tabs{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.shop-tab{background:var(--bg-card);border-radius:var(--radius-md);cursor:pointer;min-width:130px;color:var(--text-secondary);border:2px solid #00000014;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;transition:all .15s;display:flex}.shop-tab:hover{transform:translateY(-2px)}.shop-tab.active{background:linear-gradient(135deg, var(--purple), var(--pink));color:#fff;box-shadow:var(--shadow-sm);border-color:#0000}.shop-tab-count{background:#00000014;border-radius:12px;padding:2px 8px;font-size:.78rem}.shop-tab.active .shop-tab-count{background:#ffffff40}.shop-group{animation:.3s ease-out fadeSlideUp}.shop-item.is-equipped{outline:3px solid var(--green);outline-offset:2px}.btn-buy.locked{color:#fff;cursor:not-allowed;background:#cbd5e1}.acc-preview{margin-bottom:8px;font-size:3.2rem;line-height:1;display:inline-block;position:relative}.acc-preview-base{position:relative}.simce-screen{max-width:900px;margin:0 auto;animation:.5s ease-out fadeSlideUp}.simce-screen h1{color:var(--purple-dark);font-family:Outfit,sans-serif;font-size:2.4rem}.simce-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.simce-test-card{background:var(--bg-card);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);border:3px solid #0000;border-left-width:8px;align-items:center;gap:16px;padding:20px;transition:transform .15s,box-shadow .15s;display:flex}.simce-test-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)scale(1.01)}.simce-test-icon{font-size:2.6rem}.simce-test-info h3{margin-bottom:4px;font-family:Outfit,sans-serif;font-size:1.15rem}.simce-test-info p{color:var(--text-secondary);margin-bottom:8px;font-size:.92rem}.simce-card:after{content:"🏆"}.simce-note{border-radius:var(--radius-md);color:#1e3a8a;background:#eff6ff;border:2px solid #bfdbfe;margin-bottom:24px;padding:14px 18px;font-size:.95rem;font-weight:600;line-height:1.5}.simce-section-title{color:var(--text-primary);margin:8px 0 14px;font-family:Outfit,sans-serif;font-size:1.3rem}.simce-badge{border-radius:12px;padding:3px 10px;font-size:.75rem;font-weight:800}.simce-badge.oficial{color:#166534;background:#dcfce7}.simce-badge.practica{color:var(--text-secondary);background:#f1f5f9}.btn-audio{background:linear-gradient(135deg, var(--blue), #0ea5e9);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:24px;align-items:center;gap:8px;margin:0 auto 18px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;transition:transform .1s;display:inline-flex}.btn-audio:hover{transform:scale(1.05)}.btn-audio:active{transform:scale(.96)}.admin-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:30px;display:grid}.metric-card{background:var(--bg-card);border-radius:var(--radius-lg);border-top:5px solid var(--purple);text-align:center;box-shadow:var(--shadow-sm);padding:20px}.metric-icon{font-size:1.8rem;display:block}.metric-num{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:900;line-height:1.1}.metric-lbl{color:var(--text-secondary);font-size:.9rem;font-weight:700}.subject-card{transition:transform .2s,box-shadow .2s}.subject-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)rotate(-1deg)}.subject-card .subject-icon{transition:transform .2s;display:inline-block}.subject-card:hover .subject-icon{transform:scale(1.18)rotate(6deg)}.simce-card{position:relative;overflow:hidden}.simce-card:after{font-size:1.3rem;animation:2s infinite bounce-gentle;position:absolute;top:10px;right:14px}.category-card{transition:transform .2s,box-shadow .2s}.category-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)scale(1.02)}.category-card .card-icon{transition:transform .2s;display:inline-block}.category-card:hover .card-icon{transform:scale(1.2)rotate(-6deg)}@media (width<=600px){.shop-tab{min-width:100px;padding:10px;font-size:.85rem}.simce-test-card{flex-direction:row}}html,body{max-width:100%;overflow-x:hidden}@media (width<=900px){.main-content{border-width:3px;margin:10px auto;padding:20px}.top-bar{flex-wrap:wrap;gap:10px}.shop-layout{gap:20px}.admin-card{padding:20px}.admin-card div[style*="grid-template-columns: 1fr 1fr 1fr"]{grid-template-columns:1fr!important}}@media (width<=640px){.main-content{border-radius:var(--radius-lg);padding:14px}.subject-grid{grid-template-columns:1fr 1fr;gap:14px}.subject-icon{font-size:2.4rem}.subject-name{font-size:1rem}.category-grid,.arcade-grid,.simce-grid{grid-template-columns:1fr}.admin-metrics{grid-template-columns:1fr 1fr}.options-grid{grid-template-columns:1fr}.question-text{font-size:1.2rem}.login-title{font-size:1.8rem}.results-card,.mg-gameover{padding:28px 20px}.exercise-title{font-size:1.1rem}.add-user-form{flex-direction:column;align-items:stretch}}@media (width<=400px){.subject-grid{grid-template-columns:1fr}}