@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&family=Fredoka:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow-x:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8fafc;color:#2d3748;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}#root{width:100%;min-height:100vh}a{color:#6366f1;text-decoration:none}a:hover{text-decoration:underline}button:focus,button:focus-visible{outline:2px solid #6366f1;outline-offset:2px}html,body,#root{margin:0;padding:0;min-height:100vh;position:relative}#root{max-width:100%!important;margin:0!important;padding:0!important;text-align:left!important}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.bg-stars:before{content:"";position:fixed;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-global" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="white" opacity="0.3"/><circle cx="5" cy="5" r="0.5" fill="white" opacity="0.5"/><circle cx="15" cy="15" r="0.8" fill="white" opacity="0.4"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-global)"/></svg>');pointer-events:none;z-index:0;animation:twinkle 8s ease-in-out infinite}.bg-stars-docente:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-docente" x="0" y="0" width="25" height="25" patternUnits="userSpaceOnUse"><circle cx="12" cy="12" r="1.5" fill="%2359a5fa" opacity="0.4"/><circle cx="6" cy="6" r="0.8" fill="%233b82f6" opacity="0.6"/><circle cx="18" cy="18" r="1.2" fill="%2393c5fd" opacity="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-docente)"/></svg>');pointer-events:none;z-index:0;animation:twinkleDocente 10s ease-in-out infinite}.bg-stars-admin:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-admin" x="0" y="0" width="25" height="25" patternUnits="userSpaceOnUse"><circle cx="12" cy="12" r="1.5" fill="%23ffffff" opacity="0.6"/><circle cx="6" cy="6" r="0.8" fill="%23ffffff" opacity="0.8"/><circle cx="18" cy="18" r="1.2" fill="%23ffffff" opacity="0.7"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-admin)"/></svg>');pointer-events:none;z-index:1;animation:twinkleAdmin 12s ease-in-out infinite}.main-title{font-size:1.8rem;font-weight:600;font-family:Fredoka,cursive;color:#fff;margin-bottom:1px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.subtitle{color:#ffffffe6;font-size:1rem;font-family:Fredoka,cursive;font-weight:400}.role-selection-container{min-height:100vh;max-width:100%;width:100%;display:flex;align-items:center;justify-content:center;font-family:Fredoka,cursive;box-sizing:border-box}.role-selection-content{display:flex;flex-direction:column;width:100%;max-width:50rem;height:100%;justify-content:center;position:relative;z-index:1}.header-section{text-align:center;margin-bottom:1.5rem}.logo-image{max-width:40%;height:auto;align-items:center;cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:auto}.cards-container{display:flex;flex-direction:row;gap:3rem;justify-content:center;align-items:center}.role-card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:50px;margin-bottom:30px;box-shadow:0 20px 60px #0000004d;transition:all .1s;cursor:pointer;flex:1}.role-card:hover{transform:scale(1.05)}.card-header{text-align:center;margin-bottom:1rem}.card-emoji{font-size:2.5rem;margin-bottom:.5rem}.card-title{font-size:1.25rem;font-weight:600;font-family:Fredoka,cursive;margin-bottom:.5rem}.card-title.student,.card-title.teacher{color:#fff}.card-description{margin-bottom:1rem;font-size:.95rem;font-family:Fredoka,cursive;font-weight:400}.card-description.student,.card-description.teacher{color:#fff}.role-button{width:100%;color:#fff;font-size:1.125rem;padding:.75rem 1.5rem;border-radius:.75rem;border:none;cursor:pointer;font-weight:600;transition:background-color .2s ease-in-out}.role-button.student{background-color:#10b981}.role-button.student:hover{background-color:#059669}.role-button.teacher{background-color:#10b981}.role-button.teacher:hover{background-color:#059669}.admin-access-btn{position:absolute;background:#0003;border:1px solid rgba(255,255,255,.2);color:#fff9;font-size:1.2rem;padding:8px;border-radius:50%;cursor:pointer;transition:all .3s ease;opacity:.7;z-index:10;bottom:20px;right:20px}.admin-access-btn:hover{opacity:1;color:#ffffffe6;background:#0006;border-color:#fff6;transform:scale(1.1)}@media(max-width:768px){.role-selection-content{padding:1rem;justify-content:center;height:auto}.logo-image{max-width:300px}.cards-container{flex-direction:column;gap:1.5rem}.role-card{width:100%;max-width:none}}.bg-stars:before{content:"";position:fixed;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-global" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="white" opacity="0.3"/><circle cx="5" cy="5" r="0.5" fill="white" opacity="0.5"/><circle cx="15" cy="15" r="0.8" fill="white" opacity="0.4"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-global)"/></svg>');pointer-events:none;z-index:0;animation:twinkle 8s ease-in-out infinite}.bg-stars-docente:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-docente" x="0" y="0" width="25" height="25" patternUnits="userSpaceOnUse"><circle cx="12" cy="12" r="1.5" fill="%2359a5fa" opacity="0.4"/><circle cx="6" cy="6" r="0.8" fill="%233b82f6" opacity="0.6"/><circle cx="18" cy="18" r="1.2" fill="%2393c5fd" opacity="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-docente)"/></svg>');pointer-events:none;z-index:0;animation:twinkleDocente 10s ease-in-out infinite}.bg-stars-admin:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-admin" x="0" y="0" width="25" height="25" patternUnits="userSpaceOnUse"><circle cx="12" cy="12" r="1.5" fill="%23ffffff" opacity="0.6"/><circle cx="6" cy="6" r="0.8" fill="%23ffffff" opacity="0.8"/><circle cx="18" cy="18" r="1.2" fill="%23ffffff" opacity="0.7"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-admin)"/></svg>');pointer-events:none;z-index:1;animation:twinkleAdmin 12s ease-in-out infinite}.login-form-container{height:100vh;display:flex;align-items:center;justify-content:center;font-family:Fredoka,cursive;overflow:hidden}.login-form-content{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:50px;margin-bottom:30px;box-shadow:0 20px 60px #0000004d;transition:all .1s;width:100%;max-width:28rem;margin:1rem;position:relative;z-index:1}.header-section{text-align:center;margin-bottom:2rem}.imagen-logo{max-width:50%;cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:auto}.titulo{font-size:2rem;font-weight:600;font-family:Fredoka,cursive;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.subtitulo{color:#ffffffe6;font-size:1rem;font-family:Fredoka,cursive;font-weight:400}.tabs-container{display:flex;background:#f3f4f6;border-radius:.75rem;padding:.25rem;margin-bottom:2rem}.tab-button{flex:1;padding:.75rem 1rem;border:none;background:transparent;border-radius:.5rem;cursor:pointer;font-weight:600;color:#6b7280;transition:all .2s ease-in-out;font-size:.875rem}.tab-button.active{background:#fff;color:#1f2937;box-shadow:0 1px 3px #0000001a}.tab-button:hover:not(.active){color:#374151}.login-form{display:flex;flex-direction:column;gap:1.5rem}.error-messages{background:#fef2f2;border:1px solid #fecaca;color:#e74c3c;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;text-align:center;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:700;color:#fff!important;font-size:.875rem;font-family:Fredoka,cursive}.form-input{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:border-color .2s ease-in-out;background:#fff!important;color:#1f2937!important;-webkit-text-fill-color:#1f2937!important}.form-input::placeholder{color:#9ca3af!important;-webkit-text-fill-color:#9ca3af!important}.form-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container .form-input{padding-right:3rem}.password-toggle-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;outline:none;cursor:pointer;color:#6b7280;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease-in-out}.password-toggle-btn:focus{outline:none}.password-toggle-btn:hover{color:#374151}.password-icon{width:1.25rem;height:1.25rem;stroke-width:2}.login-button{padding:.875rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;margin-top:.5rem}.login-button.alumno,.login-button.docente,.login-button.admin{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px -5px #0000001a}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.forgot-password{text-align:center;margin-top:1.5rem}.forgot-link{color:#fff;text-decoration:none;font-size:.875rem;font-weight:500}.forgot-link:hover{text-decoration:underline}.back-button{position:absolute;top:20px;left:20px;background:#0003;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;font-size:1.2rem;padding:10px 12px;border-radius:50%;cursor:pointer;transition:all .3s ease;opacity:.8;z-index:10;display:flex;align-items:center;justify-content:center}.back-button:hover{opacity:1;background:#0006;border-color:#fff6;transform:scale(1.1)}.back-button svg{width:24px;height:24px}@media(max-width:768px){.login-form-content{margin:.5rem;padding:2rem}.imagen-logo{width:6rem;height:6rem}.titulo{font-size:1.75rem}}.main{position:relative;z-index:10;max-width:1200px;margin:40px auto;padding:0 40px;font-family:Fredoka,cursive}.welcome-card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:50px;margin-bottom:30px;box-shadow:0 20px 60px #0000004d;transition:all .1s}.welcome-card h1{font-size:60px;color:#fff;margin-bottom:25px;text-align:center;text-shadow:-2px -2px 0 #7c3aed,2px -2px 0 #7c3aed,-2px 2px 0 #7c3aed,2px 2px 0 #7c3aed,-2px 0 0 #7c3aed,2px 0 0 #7c3aed,0 -2px 0 #7c3aed,0 2px 0 #7c3aed}.welcome-card p{font-size:20px;line-height:2.5;margin-top:8px;margin-bottom:12px;text-align:center;color:#ffffffe6}.jugar-button{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fdf5e6;border:none;padding:14px;border-radius:12px;font-family:Fredoka,cursive;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;display:block;margin:20px auto 0}.jugar-button:hover{background:linear-gradient(135deg,#4caf50,#8bc34a);transform:translateY(-2px) scale(1.05);box-shadow:0 0 20px #8a2be299}.jugar-button:active{transform:translateY(0) scale(1.02)}.welcome-card h2{font-size:30px;color:#fff;margin-top:30px;margin-bottom:25px;text-align:center;text-shadow:-1.5px -1.5px 0 #7c3aed,1.5px -1.5px 0 #7c3aed,-1.5px 1.5px 0 #7c3aed,1.5px 1.5px 0 #7c3aed,-1.5px 0 0 #7c3aed,1.5px 0 0 #7c3aed,0 -1.5px 0 #7c3aed,0 1.5px 0 #7c3aed}.welcome-card h3{font-size:24px;text-align:center;color:#fff;text-shadow:-1.5px -1.5px 0 #7c3aed,1.5px -1.5px 0 #7c3aed,-1.5px 1.5px 0 #7c3aed,1.5px 1.5px 0 #7c3aed,-1.5px 0 0 #7c3aed,1.5px 0 0 #7c3aed,0 -1.5px 0 #7c3aed,0 1.5px 0 #7c3aed}.bg-stars:before{content:"";position:fixed;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-global" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="white" opacity="0.3"/><circle cx="5" cy="5" r="0.5" fill="white" opacity="0.5"/><circle cx="15" cy="15" r="0.8" fill="white" opacity="0.4"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-global)"/></svg>');pointer-events:none;z-index:0;animation:twinkle 8s ease-in-out infinite}.bg-stars-docente:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-docente" x="0" y="0" width="25" height="25" patternUnits="userSpaceOnUse"><circle cx="12" cy="12" r="1.5" fill="%2359a5fa" opacity="0.4"/><circle cx="6" cy="6" r="0.8" fill="%233b82f6" opacity="0.6"/><circle cx="18" cy="18" r="1.2" fill="%2393c5fd" opacity="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-docente)"/></svg>');pointer-events:none;z-index:0;animation:twinkleDocente 10s ease-in-out infinite}.bg-stars-admin:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-admin" x="0" y="0" width="25" height="25" patternUnits="userSpaceOnUse"><circle cx="12" cy="12" r="1.5" fill="%23ffffff" opacity="0.6"/><circle cx="6" cy="6" r="0.8" fill="%23ffffff" opacity="0.8"/><circle cx="18" cy="18" r="1.2" fill="%23ffffff" opacity="0.7"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-admin)"/></svg>');pointer-events:none;z-index:1;animation:twinkleAdmin 12s ease-in-out infinite}.curso-selector-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;font-family:Fredoka,sans-serif;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:linear-gradient(135deg,#1e3a8a,#3b82f6,#6366f1,#8b5cf6,#7c3aed,#5b21b6)}.curso-selector-container:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="white" opacity="0.3"/><circle cx="5" cy="5" r="0.5" fill="white" opacity="0.5"/><circle cx="15" cy="15" r="0.8" fill="white" opacity="0.4"/></pattern></defs><rect width="100" height="100" fill="url(%23stars)"/></svg>');pointer-events:none;z-index:0;animation:twinkle 8s ease-in-out infinite}.curso-selector-header{text-align:center;margin-bottom:3rem;z-index:1;position:relative}.curso-selector-header h1{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 4px 20px rgba(59,130,246,.6);animation:fadeInDown 1s ease-out}.curso-selector-header p{font-size:1.3rem;color:#ffffffe6;font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,.3);animation:fadeInUp 1s ease-out .2s both}.cursos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:800px;width:100%;z-index:5;position:relative;animation:fadeInUp 1s ease-out .4s both}.curso-card{background:linear-gradient(135deg,#1e3a8a,#3b82f6,#6366f1,#8b5cf6,#7c3aed,#5b21b6);border:2px solid #ffffff;border-radius:20px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;box-shadow:0 15px 35px #0003;z-index:10;pointer-events:auto}.curso-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--curso-color);border-radius:25px 25px 0 0}.curso-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--curso-color);box-shadow:0 25px 50px #0000004d;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.curso-card.selected{border-color:var(--curso-color);background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.curso-icono{font-size:3rem;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.curso-nombre{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.curso-descripcion{font-size:1.1rem;color:#fffc;font-weight:500;line-height:1.5;margin-bottom:0}.curso-selector-footer{margin-top:3rem;text-align:center;z-index:1;position:relative;animation:fadeInUp 1s ease-out .6s both}.curso-selector-footer p{color:#ffffffb3;font-size:1rem;font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,.3)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.curso-selector-container{padding:1.5rem}.curso-selector-header h1{font-size:2.5rem}.curso-selector-header p{font-size:1.1rem}.cursos-grid{grid-template-columns:1fr;gap:1.5rem}.curso-card{padding:2rem}.curso-icono{font-size:3rem}.curso-nombre{font-size:1.5rem}}@media(max-width:480px){.curso-selector-header h1{font-size:2rem}.curso-card{padding:1.5rem}.curso-icono{font-size:2.5rem}}.home-admin{padding:2rem;font-family:Fredoka,cursive;background:#e7edef;min-height:100vh;color:#333}.admin-welcome{text-align:center;margin-bottom:3rem;padding:2rem}.admin-welcome h1{margin:0 0 .5rem;color:#5137adc9;font-size:2.5rem;font-weight:700}.admin-welcome p{margin:0;color:#4a5568;font-size:1.2rem;font-weight:500}.admin-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.admin-card-modern{position:relative;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 40px #00000026;overflow:hidden;cursor:pointer;transition:all .3s ease}.admin-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 50px #00000040}.card-gradient-bg{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;z-index:0}.admin-card-modern:hover .card-gradient-bg{opacity:1}.card-content-modern{position:relative;padding:2rem;z-index:1}.card-icon-container{display:inline-flex;padding:.75rem;border-radius:.75rem;border:1px solid;margin-bottom:1.5rem;transition:all .3s ease}.admin-card-modern:hover .card-icon-container{transform:scale(1.1) rotate(5deg)}.card-icon-modern{font-size:2rem;display:block}.card-title-modern{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0 0 .75rem;transition:color .3s ease}.admin-card-modern:hover .card-title-modern{color:#2d3748}.card-description-modern{font-size:.95rem;color:#4a5568;margin:0 0 1.5rem;line-height:1.6}.card-action{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#718096;transition:all .3s ease}.admin-card-modern:hover .card-action{color:#4a5568}.card-arrow{width:1rem;height:1rem;transition:transform .3s ease}.admin-card-modern:hover .card-arrow{transform:translate(4px)}.card-decorative-corner{position:absolute;top:0;right:0;width:5rem;height:5rem;opacity:.05;font-size:4rem;display:flex;align-items:center;justify-content:center;transform:rotate(12deg);color:#1a202c;z-index:0}@media(max-width:768px){.home-admin{padding:2rem 1rem}.admin-welcome h1{font-size:2rem}.admin-welcome p{font-size:1.1rem}.admin-cards-grid{grid-template-columns:1fr;gap:1.5rem}}@media(min-width:769px)and (max-width:1024px){.admin-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.admin-cards-grid{grid-template-columns:repeat(4,1fr)}}.action-card-admin{background:linear-gradient(80deg,#1e3a8acc,#3b82f6cc 40%,#6366f1cc 60%,#7c3aedcc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #0000004d;color:#0c0c0c;border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:transform .2s ease;font-family:Fredoka,cursive;font-weight:600}.action-card-admin:hover{transform:translateY(-3px)}.action-icon{font-size:2rem}.action-text{font-size:1rem;text-align:center;color:#fff}.admin-activity{background:#fffffff2;border-radius:1rem;padding:2rem;box-shadow:0 4px 15px #0000001a}.admin-activity h2{margin:0 0 1.5rem;color:#2d3748;font-size:1.5rem;font-weight:600}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f7fafc;border-radius:.75rem;border:1px solid #e2e8f0}.activity-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#4facfe1a;border-radius:50%}.activity-content{flex:1}.activity-content p{margin:0 0 .25rem;color:#2d3748;font-size:.95rem}.activity-time{font-size:.875rem;color:#718096}@media(max-width:768px){.home-admin{padding:1rem}.admin-welcome{padding:1.5rem}.admin-welcome h1{font-size:2rem}.admin-overview{grid-template-columns:1fr}.overview-card{flex-direction:column;text-align:center}.actions-grid{grid-template-columns:1fr}.activity-item{flex-direction:column;text-align:center}}.add-user-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;font-family:Fredoka,cursive}.add-user-modal{background:#fff;border-radius:1rem;padding:0;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem 1rem 0 0}.modal-header h2{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.close-btn{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.close-btn:hover{background:#fff3}.user-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#2d3748;font-weight:600;font-size:.95rem}.form-group input{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;font-family:Fredoka,cursive;transition:border-color .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error{border-color:#e53e3e}.form-group input.error:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.error-message{display:block;color:#e74c3c;font-size:.875rem;margin-top:.25rem;font-weight:500}.form-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid #e2e8f0}.cancel-btn,.submit-btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Fredoka,cursive;font-size:1rem}.cancel-btn{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0}.cancel-btn:hover{background:#edf2f7;border-color:#cbd5e0}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}.submit-btn:disabled{background:#cbd5e0;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:768px){.add-user-modal{margin:1rem;max-width:none}.modal-header{padding:1rem 1.5rem}.user-form{padding:1.5rem}.form-buttons{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.form-group select{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;font-family:Fredoka,cursive;transition:border-color .2s ease;box-sizing:border-box;background:#fff;cursor:pointer}.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.courses-checkbox-list{display:flex;flex-direction:column;gap:.75rem;max-height:200px;overflow-y:auto;padding:.5rem;border:2px solid #e2e8f0;border-radius:.5rem;background:#f7fafc}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:background .2s ease}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.checkbox-label input[type=checkbox]:checked{accent-color:#667eea}.selected-count{margin-top:.5rem;color:#667eea;font-size:.875rem;font-weight:500}.bulk-upload-modal{max-width:900px;width:95vw;max-height:95vh;overflow:hidden;display:flex;flex-direction:column}.bulk-upload-form{display:flex;flex-direction:column;gap:10px;height:100%;overflow:hidden}.upload-section{display:flex;flex-direction:column;padding:18px}.upload-instructions{margin-bottom:15px}.upload-instructions h3{margin-bottom:10px;color:#333}.upload-instructions ul{margin:10px 0;padding-left:20px}.upload-instructions li{margin-bottom:5px;color:#666}.download-template-btn{background:#4caf50;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:14px;margin-top:10px}.download-template-btn:hover{background:#45a049}.file-upload-area{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.file-input{display:none}.file-upload-label{display:inline-block;padding:13px 15px;background:#2196f3;color:#fff;border-radius:8px;cursor:pointer;border:2px dashed #2196F3;text-align:center;transition:all .3s ease;min-width:200px}.file-upload-label:hover{background:#1976d2;border-color:#1976d2}.reset-file-btn{background:#f44336;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:12px}.reset-file-btn:hover{background:#d32f2f}.preview-section{padding:15px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;flex:1;min-height:0;display:flex;flex-direction:column}.preview-section h3{margin-bottom:15px;color:#333;flex-shrink:0}.preview-table-container{flex:1;overflow:auto;border:1px solid #ddd;border-radius:4px;min-height:200px;max-height:400px}.preview-table{width:100%;border-collapse:collapse;font-size:14px}.preview-table th,.preview-table td{padding:8px;text-align:left;border-bottom:1px solid #ddd;white-space:nowrap}.preview-table th{background-color:#f5f5f5;font-weight:700;position:sticky;top:0}.preview-table tr.valid{background-color:#f9fff9}.preview-table tr.invalid{background-color:#fff9f9}.status-valid{color:#4caf50;font-weight:700}.status-invalid{color:#f44336;font-weight:700}.upload-summary{margin-top:15px;padding:10px;background:#f0f8ff;border-radius:4px;border-left:4px solid #2196F3;flex-shrink:0}.upload-summary p{margin:5px 0;color:#333}.form-actions{display:flex;justify-content:center;gap:30px;margin-bottom:10px;padding:15px;flex-shrink:0}.cancel-btn{background:#9e9e9e;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.cancel-btn:hover{background:#757575}.submit-btn{background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.submit-btn:hover:not(:disabled){background:#45a049}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.error-message-admin{background:#ffebee;color:#c62828;padding:12px;border-radius:4px;border-left:4px solid #f44336;margin-bottom:15px}.error-message-admin pre{white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:inherit}@media(max-width:768px){.bulk-upload-modal{width:95vw;margin:10px}.preview-table-container{max-height:250px}.preview-table{font-size:12px}.preview-table th,.preview-table td{padding:6px 4px}.form-actions{flex-direction:column}.form-actions button{width:100%}}.admin-users{padding:2rem;font-family:Fredoka,cursive;background:#e7edef;min-height:100vh;color:#5236b6}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fffffff2;padding:1.5rem;border-radius:1rem;box-shadow:0 4px 15px #0000001a}.users-header h1{margin:0;color:#5137adc9;font-size:2rem;font-weight:700}.header-actions{display:flex;gap:.75rem;align-items:center}.add-user-btn{background:#348267;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:transform .2s ease;font-family:Fredoka,cursive}.add-user-btn:hover{transform:translateY(-2px)}.bulk-upload-btn{background:#ff9800;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:transform .2s ease;font-family:Fredoka,cursive;font-size:14px}.bulk-upload-btn:hover{background:#f57c00;transform:translateY(-2px)}.bulk-upload-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.users-tabs{display:flex;gap:.5rem;margin-bottom:10px;background:#fffffff2;padding:10px;border-radius:1rem;box-shadow:0 4px 15px #0000001a}.tab-btn{padding:.75rem 1.5rem;border:none;background:transparent;border-radius:.5rem;cursor:pointer;font-weight:600;color:#1e3a8a;transition:all .2s ease;font-family:Fredoka,cursive;flex:1}.tab-btn:hover{background:#4facfe1a;color:#1e3a8a}.tab-btn.active{background:#348267;color:#fff;font-weight:600;font-size:1rem}.users-table{background:#fffffff2;border-radius:1rem;padding:2rem;box-shadow:0 4px 15px #0000001a}.users-table h2{margin:0 0 1.5rem;color:#5137adc9;font-size:1.5rem;font-weight:600}.users-table table{width:100%;border-collapse:collapse;border-radius:.5rem;overflow:hidden;box-shadow:0 2px 10px #0000001a}.users-table th,.users-table td{padding:1rem;text-align:left;color:#000;border-bottom:1px solid #e2e8f0}.users-table th{background:#f7fafc;font-weight:600;color:#348267;text-transform:uppercase;font-size:.875rem;letter-spacing:.5px}.users-table tr:hover{background:#f7fafc}.status{padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600;text-transform:uppercase}.status.activo{background:#c6f6d5;color:#22543d}.status.inactivo{background:#fed7d7;color:#742a2a}.edit-botn,.delete-botn,.activate-botn{padding:.5rem 1rem;border:none;border-radius:.25rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Fredoka,cursive;font-size:.875rem;margin-right:.5rem}.edit-botn{background:#348267;color:#fff}.delete-botn,.activate-botn{background:#594a8f8a;color:#fff}.edit-botn:hover,.delete-botn:hover,.activate-botn:hover{transform:translateY(-1px)}@media(max-width:768px){.admin-users{padding:1rem}.users-header{flex-direction:column;gap:1rem;text-align:center}.users-tabs{flex-direction:column}.users-table{overflow-x:auto}.users-table table{min-width:600px}.edit-btn,.delete-btn{margin-bottom:.5rem;width:100%}}.admin-teachers{padding:2rem;font-family:Fredoka,cursive;background:#e7edef;min-height:100vh;color:#333}.teachers-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.cartas-docente{background:#594a8f8a;padding:2rem;box-shadow:0 4px 15px #0000001a;transition:transform .2s ease;border:2px solid rgba(255,255,255,.15);border-radius:2rem;display:flex;align-items:center;gap:8rem}.cartas-docente:hover{transform:translateY(-3px)}.cartas-docente h3{margin:0 0 1rem;color:#fff;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.docente-numeros{font-size:2.5rem;font-weight:700;color:#348267}.teachers-content{background:#fffffff2;border-radius:1rem;padding:2rem;box-shadow:0 4px 15px #0000001a}.teachers-filters{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.teachers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.teacher-card{background:#f7fafc;border-radius:1rem;padding:1.5rem;border:1px solid #e2e8f0;transition:transform .2s ease}.teacher-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.teacher-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.teacher-header h3{margin:0;color:#2d3748;font-size:1.25rem;font-weight:600}.teacher-status{padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600;text-transform:uppercase}.teacher-status.activo{background:#c6f6d5;color:#22543d}.teacher-status.inactivo{background:#fed7d7;color:#742a2a}.teacher-info{margin-bottom:1.5rem}.teacher-info p{margin:.5rem 0;color:#4a5568}.teacher-metrics{display:flex;gap:1rem;margin-top:1rem}.metric{text-align:center;flex:1;background:#594a8f21;padding:.75rem;border-radius:.5rem}.metric-value{display:block;font-size:1.5rem;font-weight:700;color:#000}.metric-label{font-size:.875rem;color:#2d3748;font-weight:600}.teacher-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.view-boton,.edit-boton,.courses-boton,.delete-boton,.activate-boton{padding:.5rem 1rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Fredoka,cursive;font-size:.875rem}.view-boton{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-boton{background:#348267;color:#fff}.courses-boton{background:linear-gradient(135deg,#a8e6cf,#7fcdcd);color:#2d3748}.delete-boton,.activate-boton{background:#594a8f8a;color:#fff}.view-btn:hover,.edit-btn:hover,.courses-btn:hover,.delete-btn:hover,.activate-boton:hover{transform:translateY(-1px)}@media(max-width:768px){.admin-teachers{padding:1rem}.teachers-header{flex-direction:column;gap:1rem;text-align:center}.teachers-filters{flex-direction:column}.teachers-grid,.teacher-actions{grid-template-columns:1fr}}.admin-courses{padding:2rem;font-family:Fredoka,cursive;background:#e7edef;min-height:100vh;color:#333}.courses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fffffff2;padding:1.5rem;border-radius:1rem;box-shadow:0 4px 15px #0000001a}.courses-header h1{margin:0;color:#5137adc9;font-size:2rem;font-weight:700}.add-course-btn{background:#348267;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:transform .2s ease;font-family:Fredoka,cursive}.add-course-btn:hover{transform:translateY(-2px)}.courses-filters{display:flex;gap:1.5rem;margin-bottom:2rem;background:#34826744;padding:1.5rem;border-radius:1rem;box-shadow:0 4px 15px #0000001a}.filter-group{display:flex;flex-direction:column;gap:.5rem}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.course-card{background:#fffffff2;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 15px #0000001a;transition:transform .2s ease}.course-card:hover{transform:translateY(-5px)}.course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.course-header h3{margin:0;color:#2d3748;font-size:1.25rem}.course-status{padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600;text-transform:uppercase}.course-status.activo{background:#c6f6d5;color:#22543d}.course-status.inactivo{background:#fed7d7;color:#742a2a}.course-info{margin-bottom:1.5rem}.course-info p{margin:.5rem 0;color:#4a5568}.course-actions{display:flex;gap:.5rem;flex-wrap:wrap}.view-btn,.edit-btn-cursos,.delete-btn-cursos{padding:.5rem 1rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Fredoka,cursive;font-size:.875rem}.view-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-btn-cursos{background:#348267;color:#fff}.delete-btn-cursos{background:#594a8f96;color:#fff}.view-btn:hover,.edit-btn-cursos:hover,.delete-btn-cursos:hover{transform:translateY(-1px)}.courses-summary{display:flex;justify-content:space-around;background:linear-gradient(135deg,#1e3a8acc,#3b82f6cc 40%,#6366f1cc 60%,#5b21b6cc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #0000004d;padding:2rem;border-radius:1rem;box-shadow:0 4px 15px #0000001a}.summary-item{text-align:center;display:flex;flex-direction:column;gap:.5rem}.summary-number{font-size:2.5rem;font-weight:700;color:#fff}.summary-label{font-weight:600;color:#fff;text-transform:uppercase;font-size:.875rem}@media(max-width:768px){.admin-courses{padding:1rem}.courses-header{flex-direction:column;gap:1rem;text-align:center}.courses-filters{flex-direction:column}.courses-grid{grid-template-columns:1fr}.courses-summary{flex-direction:column;gap:1rem}}.admin-assignments{padding:2rem;font-family:Fredoka,cursive;background:#e7edef;min-height:100vh;color:#333}.assignments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fffffff2;padding:1.5rem;border-radius:1rem;box-shadow:0 4px 15px #0000001a}.assignments-header h1{margin:0;color:#5137adc9;font-size:2rem;font-weight:700}.assignment-buttons{display:flex;gap:1rem}.add-assignment-btn{color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:transform .2s ease;font-family:Fredoka,cursive;font-size:1rem}.add-assignment-btn.student-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.add-assignment-btn.student-btn:hover{background:linear-gradient(135deg,#5568d3,#6a4190);transform:translateY(-2px)}.add-assignment-btn.teacher-btn{background:#348267}.add-assignment-btn.teacher-btn:hover{background:#2a6b54;transform:translateY(-2px)}.add-assignment-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.assignments-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card-assignments{background:linear-gradient(135deg,#667eea,#a27cc9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:1rem;text-align:center;box-shadow:5px 20px 15px #8cb7a895;transition:transform .2s ease;border-color:#10b98166}.stat-card-assignments h3{margin:0 0 1rem;color:#fff;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-numbers{font-size:2.5rem;font-weight:700;color:#fff}.assignments-content{background:#fffffff2;border-radius:1rem;padding:2rem;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.assignments-filters{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:180px}.filter-group label{font-weight:600;color:#2d3748}.filter-group select,.filter-group input{padding:.5rem;border:2px solid #e2e8f0;border-radius:.5rem;font-family:Fredoka,cursive;transition:border-color .2s ease}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#4facfe}.assignments-table{overflow-x:auto;border-radius:.75rem;box-shadow:0 4px 15px #0000001a}.assignments-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:.75rem;overflow:hidden}.assignments-table th,.assignments-table td{padding:1rem;text-align:left;border-bottom:1px solid #e2e8f0}.assignments-table th{background:#f7fafc;font-weight:600;color:#2d3748;text-transform:uppercase;font-size:.875rem;letter-spacing:.5px}.assignments-table tr:hover{background:#f7fafc}.course-info strong{color:#2d3748;font-size:1rem}.students-count{background:#4facfe1a;color:#4facfe;padding:.25rem .75rem;border-radius:1rem;font-weight:600;font-size:.875rem}.assignment-status{padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600;text-transform:uppercase}.assignment-status.activa{background:#c6f6d5;color:#22543d}.assignment-status.finalizada{background:#fed7d7;color:#742a2a}.assignment-status.pendiente{background:#fef5e7;color:#c05621}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.view-btn-asig,.edit-btn-asig,.students-btn-asig,.delete-btn-asig{padding:.4rem .8rem;border:none;border-radius:.25rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Fredoka,cursive;font-size:.75rem}.view-btn-asig{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-btn-asig{background:#348267;color:#fff}.students-btn-asig{background:#116d2f;color:#fff}.delete-btn-asig{background:#594a8f8a;color:#fff}.view-btn-asig:hover,.edit-btn-asig:hover,.students-btn-asig:hover,.delete-btn-asig:hover{transform:translateY(-1px)}.courses-checkbox-list{max-height:200px;overflow-y:auto;border:2px solid #e2e8f0;border-radius:.5rem;padding:1rem;background:#f7fafc}.checkbox-label{display:flex;align-items:center;padding:.75rem;cursor:pointer;border-radius:.25rem;margin-bottom:.5rem;transition:background .2s ease}.checkbox-label:hover{background:#edf2f7}.checkbox-label input[type=checkbox]{margin-right:.75rem;width:18px;height:18px;cursor:pointer;accent-color:#667eea}.user-form select{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;font-family:Fredoka,cursive;transition:border-color .2s ease;box-sizing:border-box;background:#fff;cursor:pointer}.user-form select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.user-form select.error{border-color:#e53e3e}.user-form select.error:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.error-message-admin{background:#fee;color:#e74c3c;padding:1rem;border-radius:.5rem;margin-bottom:1rem;border:1px solid #fcc}.selected-count{margin-top:.5rem;color:#348267;font-weight:600;font-size:.9rem}.admin-game-levels{padding:2rem;margin:0;background:#e7edef;min-height:100vh;font-family:Fredoka,cursive;width:100%}.page-header{margin-bottom:2rem;background:#fffffff2;padding:1.5rem;border-radius:1rem;box-shadow:0 4px 15px #0000001a}.page-header-top{margin-bottom:1rem;display:flex;align-items:center}.page-header h1{font-size:2rem;color:#5137adc9;margin-bottom:.5rem;font-weight:700}.page-header p{color:#7f8c8d;font-size:1rem}.loading,.error-message,.no-games{text-align:center;padding:3rem;font-size:1.2rem;color:#e74c3c}.error-message{color:#e74c3c}.games-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;padding:1.5rem}.game-card-v0{position:relative;background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;cursor:pointer;transition:all .3s ease;overflow:hidden;min-height:220px}.game-card-v0:hover{box-shadow:0 10px 40px #00000026;border-color:#d1d5db}.game-card-gradient{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;border-radius:1rem}.game-card-v0:hover .game-card-gradient{opacity:1}.from-blue-500\/10{background:linear-gradient(135deg,#3b82f61a,#2563eb1a)}.from-purple-500\/10{background:linear-gradient(135deg,#a855f71a,#9333ea1a)}.from-green-500\/10{background:linear-gradient(135deg,#22c55e1a,#16a34a1a)}.from-orange-500\/10{background:linear-gradient(135deg,#f973161a,#ea580c1a)}.from-pink-500\/10{background:linear-gradient(135deg,#ec48991a,#db27771a)}.from-gray-500\/10{background:linear-gradient(135deg,#6b72801a,#4b55631a)}.game-card-content{position:relative;z-index:10}.game-card-header-v0{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.game-icon-wrapper-v0{display:flex;align-items:center;gap:1rem}.game-icon-bg{padding:1rem;border-radius:.75rem;transition:transform .3s ease}.game-card-v0:hover .game-icon-bg{transform:scale(1.1)}.bg-blue-100{background-color:#dbeafe}.bg-purple-100{background-color:#f3e8ff}.bg-green-100{background-color:#dcfce7}.bg-orange-100{background-color:#ffedd5}.bg-pink-100{background-color:#fce7f3}.bg-gray-100{background-color:#f3f4f6}.game-icon-svg{width:2rem;height:2rem}.text-purple-600{color:#9333ea}.text-green-600{color:#16a34a}.text-orange-600{color:#ea580c}.text-pink-600{color:#db2777}.text-gray-600{color:#4b5563}.game-title-v0{font-size:1.3rem;font-weight:600;color:#000;margin:0}.game-stats-v0{display:flex;gap:1rem;margin-bottom:1.5rem}.game-stat-col{display:flex;flex-direction:column;align-items:center;background:#f8f9fa;padding:1rem 1.5rem;border-radius:.75rem;border:1px solid #e5e7eb;flex:1;transition:all .3s ease}.game-card-v0:hover .game-stat-col{background:#f3f4f6;border-color:#d1d5db}.stat-number-v0{font-size:1.75rem;font-weight:600;color:#000;line-height:1;margin-bottom:.25rem}.stat-label-v0{font-size:.85rem;color:#4b5563;font-weight:500;margin-top:0;text-align:center}.game-action-v0{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#fff;background:#348267;padding:.6rem 1.2rem;border-radius:.5rem;opacity:1;transition:all .3s ease;box-shadow:0 2px 4px #34826733}.game-card-v0:hover .game-action-v0{background:#2d6f58;box-shadow:0 4px 8px #3482674d;transform:translateY(-2px)}.arrow-icon-v0{width:1rem;height:1rem;transition:transform .3s ease}.game-card-v0:hover .arrow-icon-v0{transform:translate(.25rem)}.btn-back-v0{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#9333ea;color:#fff;border:none;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-back-v0:hover{background:#7c3aed}.btn-back-v0 .w-4{width:1rem;height:1rem}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.game-card{background:linear-gradient(135deg,#667eea,#a27cc9)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1rem;padding:1.5rem;box-shadow:5px 20px 15px #8cb7a895;transition:transform .2s ease;display:flex;flex-direction:column;cursor:pointer;aspect-ratio:1 / 1;border-color:#10b98166;justify-content:space-between}.game-card:hover{transform:translateY(-5px)}.game-card-header{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem;flex-shrink:0;text-align:center}.game-card-header h2{margin:0;color:#fff;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600}.game-stats{display:flex;gap:.5rem;flex-wrap:wrap}.stat-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600;background:#ffffff4d;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-badge.active{background:#fff6;color:#fff}.game-levels{display:flex;flex-direction:column;gap:1rem}.no-levels{text-align:center;color:#95a5a6;padding:1rem;font-style:italic}.level-item{background:#f8f9fa;border-radius:8px;padding:1rem;border-left:4px solid #3498db;transition:background .2s}.level-item:hover{background:#ecf0f1}.level-item.inactive{opacity:.6;border-left-color:#95a5a6}.level-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.level-info{flex:1}.level-info h3{font-size:1.1rem;color:#2c3e50;margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}.inactive-badge{background:#e74c3c;color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600}.level-description{color:#7f8c8d;font-size:.9rem;margin:0}.level-meta{display:flex;flex-direction:column;gap:.4rem;align-items:flex-end}.difficulty-badge{background:#3498db;color:#fff;padding:.3rem .6rem;border-radius:15px;font-size:.75rem;font-weight:600;text-transform:capitalize}.activities-badge{background:#9b59b6;color:#fff;padding:.3rem .6rem;border-radius:15px;font-size:.75rem;font-weight:600}.level-config{background:#fff;padding:.75rem;border-radius:6px;margin-top:.5rem;font-size:.85rem}.level-config strong{color:#2c3e50;display:block;margin-bottom:.25rem}.level-config p{margin:.25rem 0;color:#34495e;word-break:break-word}.level-actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e0e0e0}.btn-edit{background:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background .2s}.btn-edit:hover{background:#2980b9}.level-edit-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-weight:600;color:#2c3e50;font-size:.9rem}.form-input,.form-textarea,.form-select{padding:.6rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;font-family:inherit;transition:border-color .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.form-textarea{resize:vertical;min-height:60px}.config-json{font-family:Courier New,monospace;font-size:.85rem;background:#f8f9fa}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-actions{display:flex;gap:.75rem;margin-top:.5rem}.btn-save,.btn-cancel{padding:.6rem 1.5rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-save{background:#27ae60;color:#fff}.btn-save:hover:not(:disabled){background:#229954}.btn-save:disabled{background:#95a5a6;cursor:not-allowed}.btn-cancel{background:#e74c3c;color:#fff}.btn-cancel:hover:not(:disabled){background:#c0392b}.btn-cancel:disabled{background:#95a5a6;cursor:not-allowed}.game-card.clickable{cursor:pointer;background:linear-gradient(135deg,#667eea,#a27cc9)!important}.game-card.clickable:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0003}.game-icon{font-size:1.75rem}.game-info{margin:1rem 0;display:flex;justify-content:space-around;align-items:center;gap:1rem;flex:1;padding:0}.game-stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.game-stat-number{font-size:2.5rem;font-weight:700;color:#fff;line-height:1}.game-stat-label{font-size:.9rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.game-card-footer{margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.3);text-align:center;flex-shrink:0}.game-card-footer p{margin:0;color:#ffffffe6;font-size:.875rem;font-weight:500}.btn-back{background:#5137adc9!important;color:#fff!important;border:none!important;padding:.6rem 1.2rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #5137ad4d}.btn-back:hover{background:#5137ade6!important;transform:translate(-2px);box-shadow:0 4px 12px #5137ad66}.levels-table-container{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:2rem}.levels-table{width:100%;border-collapse:collapse}.levels-table thead{background:#34495e;color:#fff}.levels-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;border-bottom:2px solid #2c3e50}.levels-table td{padding:1rem;border-bottom:1px solid #ecf0f1;vertical-align:top}.levels-table tbody tr:hover{background:#f8f9fa}.levels-table tbody tr.inactive-row{opacity:.6;background:#f5f5f5}.table-input,.table-textarea,.table-select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;font-family:inherit}.table-input:focus,.table-textarea:focus,.table-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.table-textarea{resize:vertical;min-height:60px}.config-editor{min-width:300px}.config-row{display:flex;flex-direction:column;gap:.5rem}.config-field{display:flex;flex-direction:column;gap:.25rem}.config-field label{font-size:.8rem;font-weight:600;color:#2c3e50}.config-input{padding:.4rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem;font-family:inherit}.config-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.config-preview{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#34495e}.config-preview span{padding:.2rem .4rem;background:#ecf0f1;border-radius:4px;display:inline-block;margin-right:.5rem;margin-bottom:.25rem}.status-active{color:#27ae60;font-weight:600}.status-inactive{color:#e74c3c;font-weight:600}.btn-edit-small,.btn-save-small,.btn-cancel-small{background:#3498db;color:#fff;border:none;padding:.4rem .6rem;border-radius:4px;cursor:pointer;font-size:.85rem;margin-right:.5rem;transition:background .2s}.btn-edit-small:hover{background:#2980b9}.btn-save-small{background:#27ae60}.btn-save-small:hover:not(:disabled){background:#229954}.btn-save-small:disabled{background:#95a5a6;cursor:not-allowed}.btn-cancel-small{background:#e74c3c}.btn-cancel-small:hover:not(:disabled){background:#c0392b}.btn-cancel-small:disabled{background:#95a5a6;cursor:not-allowed}@media(max-width:1400px){.games-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.games-grid{grid-template-columns:1fr}.level-header{flex-direction:column;gap:.5rem}.level-meta{align-items:flex-start;flex-direction:row}.form-row{grid-template-columns:1fr}.levels-table-container{overflow-x:scroll}.levels-table{min-width:800px}.config-row{flex-direction:column}}.docente-dashboard{padding:2rem;font-family:Fredoka,sans-serif;min-height:100vh;position:relative}.docente-dashboard>*{position:relative;z-index:1}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.15);border-radius:25px;padding:2rem;margin-bottom:2rem;box-shadow:0 15px 35px #0003}.curso-info{display:flex;align-items:center;gap:1.5rem}.curso-badge{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 8px 25px #0000004d}.curso-details h1{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.curso-details p{font-size:1.2rem;color:#fffc;margin:0;font-weight:500}.cambiar-curso-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:1rem 2rem;border-radius:15px;font-family:Fredoka,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #3b82f64d}.cambiar-curso-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #3b82f680}.estadisticas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.inicio{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.15);border-radius:20px;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;box-shadow:0 15px 35px #0003}.inicio:hover{transform:translateY(-5px);border-color:#7ced76e0;box-shadow:0 20px 40px #3b82f64d}.inicio.estudiantes:hover,.inicio.juegos:hover{border-color:#7ced76e0;box-shadow:0 20px 40px #3b82f64d}.inicio.progreso:hover{border-color:#7ced76e0;box-shadow:0 10px 20px #3b82f64d}.stat-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:15px}.stat-info h3{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.stat-info p{font-size:1.1rem;color:#ffffffe6;margin:0;font-weight:500}.acciones-rapidas{margin-top:3rem}.acciones-rapidas h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:2rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.acciones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.accion-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.15);border-radius:20px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 15px 35px #0003}.accion-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.accion-card:hover{transform:translateY(-8px);border-color:#7ced76e0;box-shadow:0 25px 50px #3b82f64d}.accion-icon{font-size:3.5rem;margin-bottom:1.5rem}.accion-card h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.accion-card p{font-size:1rem;color:#fffc;font-weight:500;line-height:1.5}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:2rem;color:#fff;font-family:Fredoka,sans-serif}@media(max-width:768px){.docente-dashboard{padding:1rem}.dashboard-header{flex-direction:column;gap:1.5rem;text-align:center}.curso-info{flex-direction:column;text-align:center}.curso-details h1{font-size:2rem}.estadisticas-grid,.acciones-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:480px){.curso-badge{width:60px;height:60px;font-size:2rem}.curso-details h1{font-size:1.8rem}.stat-card{padding:1.5rem}.stat-icon{font-size:2.5rem;width:60px;height:60px}.accion-card{padding:1.5rem}}.student-list{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.student-list.loading,.student-list.error{display:flex;align-items:center;justify-content:center;min-height:400px}.list-header{text-align:center;margin-bottom:2rem}.list-header h2{font-size:2.5rem;color:#fff;margin-bottom:.5rem;font-weight:700}.list-header p{color:#fff;font-size:1.125rem}.quick-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1.5rem;border-radius:1rem;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18)}.stat-value{display:block;font-size:2rem;font-weight:700;color:#fff}.stat-label{color:#f5f5f5;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.students-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.no-students{grid-column:1 / -1;text-align:center;background:#fff;padding:3rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb}.student-card{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1rem;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18);padding:1rem;cursor:pointer;transition:all .3s ease}.student-card:hover{box-shadow:0 25px 70px #10b98199;border-color:#10b98180}.student-card:active{box-shadow:0 25px 70px #10b98199}.student-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;position:relative}.student-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem}.student-info{flex:1}.student-name{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.student-email,.student-username{color:#fff;font-size:.875rem;margin:0 0 .25rem}.enrollment-date{color:#fff;font-size:.75rem;margin:0}.status-indicator{position:absolute;right:0;top:0;padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-indicator.active{background:#dcfce7;color:#166534}.status-indicator.warning{background:#fef3c7;color:#92400e}.status-indicator.inactive{background:#fecaca;color:#991b1b}.student-stats{margin-bottom:1rem}.stat-group{display:flex;justify-content:space-around;background:#ffffff0d;padding:1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1)}.stat .stat-value{display:block;font-size:1.5rem;font-weight:700;color:#fff}.score-excellent{color:#10b981!important}.games-progress,.game-progress{margin-bottom:1rem}.game-progress:last-child{margin-bottom:0}.game-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.game-name,.game-score{font-size:.875rem;font-weight:600;color:#fff}.game-progress-bar{background:#ffffff1a;height:8px;border-radius:4px;overflow:hidden;margin-bottom:.5rem;border:1px solid rgba(255,255,255,.1)}.name-games{height:100%;transition:width .3s ease}.name-games.ordenamiento{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.name-games.escritura{background:linear-gradient(90deg,#10b981,#059669)}.name-games.descomposicion{background:linear-gradient(90deg,#f59e0b,#d97706)}.name-games.escala{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.name-games.calculos{background:linear-gradient(90deg,#ef4444,#dc2626);min-width:2px}.game-details{display:flex;justify-content:space-between;font-size:.75rem;color:#fff}.student-actions{display:flex;gap:.75rem;justify-content:center}.action-btn{padding:.4rem 1rem;max-width:120px;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:#ffffff0d;color:#1b1a1a;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:#10b98170;border-color:#10b98180;box-shadow:0 10px 30px #10b9814d}.action-btn.view-profile{border-color:#fff3;background:#10b98133;color:#fff}.action-btn.view-profile:hover{background:#10b98133;border-color:#10b98180;color:#fff}.action-btn.send-message{border-color:#fff3;color:#fff}.action-btn.send-message:hover{background:#10b98133;border-color:#10b98180;color:#fff}@media(max-width:768px){.student-list{padding:1rem}.students-grid{grid-template-columns:1fr}.quick-stats{gap:1rem;padding:1rem}.stat-value{font-size:1.5rem}.student-header{flex-direction:column;align-items:center;text-align:center}.status-indicator{position:static;margin-top:.5rem}.stat-group{flex-direction:column;gap:1rem}.action-btn{font-size:.75rem;padding:.75rem}}.teacher-students{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.contenido-alumno{width:100%;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1rem;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18);padding:1.5rem}.detalle-header{background:transparent;color:#fff;padding:2rem;display:flex;justify-content:center;align-items:center;gap:1rem;position:relative}.detalle-header h2{margin:0;font-size:30px;text-align:center;flex:1;text-shadow:0 0 10px rgb(136,239,179),0 0 30px rgb(136,239,179)}.back-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;position:absolute;left:2rem}.detail-header h2{margin:0;font-size:1.5rem}.student-profile-placeholder{padding:2rem}.profile-card{background:#cbd7e444;border-radius:2rem;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 4px -1px #0000001a}.profile-card h3{color:#fff;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{display:flex;justify-content:space-evenly;align-items:center;padding:.75rem;background:#fff;border-radius:5rem}.info-item label{font-weight:600;color:#374151}.info-item span{color:#1f2937}.games-detail h3{color:#fff;margin-bottom:1.5rem;font-size:1.55rem;font-weight:600;text-shadow:0 0 10px rgb(136,239,179),0 0 20px rgb(136,239,179),0 0 30px rgb(136,239,179),0 0 40px rgb(136,239,179)}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.game-detail-card{background:#cbd7e444;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 4px -1px #0000001a}.game-detail-card h4{color:#83ff8ec3;margin-bottom:2rem;font-size:20px;font-weight:700;text-shadow:-1px -2px 20px #000000}.game-estadisticas{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat{text-align:center}.labels{display:block;color:#f8fafc;font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.values{display:block;font-size:1.25rem;font-weight:700;color:#fff}@media(max-width:768px){.teacher-students{padding:1rem}.students-header h1{font-size:2rem}.view-controls{flex-direction:column;align-items:center}.view-btn{width:100%;max-width:300px}.info-grid,.games-grid{grid-template-columns:1fr}.game-stats{flex-direction:column;gap:1rem}.detail-header{flex-direction:column;align-items:flex-start;gap:1rem}}.teacher-games{padding:2rem 10rem;min-height:100vh}.games-headers{margin-bottom:2rem;align-items:center;text-align:center}.games-headers h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.games-headers p{font-size:1rem;color:#fff}.games-content .games-header{margin-bottom:2rem}.games-content .games-header h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.games-content .games-header p{font-size:1rem;color:#a0aec0}.view-controls{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.view-btn{padding:.75rem 1.5rem;border:2px solid #e5e7eb;border-radius:.75rem;background:#fff;color:#374151;font-weight:600;cursor:pointer;transition:all .2s ease}.view-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px -2px #0000001a}.view-btn.active{border-color:#3b82f6;background:#3b82f6;color:#fff}.games-content{width:100%;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1rem;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18);padding:2rem}.games-overview{width:100%}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card,.stat-cards{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);padding:1rem;border-radius:1rem;box-shadow:0 8px 32px #1f26875e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.stats-content{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stats-content h2{color:#fff;font-size:1.5rem;margin:0;text-shadow:0 1px 5px rgba(0,0,0,.2)}.stats-content h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3);text-align:center}.stat-icon{font-size:2rem;padding:.75rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;order:-1}.stat-card.total-games .stat-icon,.stat-cards.total-games .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card.avg-score .stat-icon,.stat-cards.avg-score .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.active-games .stat-icon,.stat-cards.active-games .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content p{color:#fff;font-size:1rem;margin:0;text-shadow:0 1px 5px rgba(0,0,0,.2);display:inline}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.game-cards{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18);padding:20px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between}.game-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;position:relative}.game-icons{font-size:3rem;padding-top:3rem;border-radius:.75rem;background:transparent;display:flex;align-items:right;justify-content:flex-start}.game-info{flex:1;margin-top:30px}.game-info h3{color:#fff;font-size:1.45rem;font-weight:600;margin-top:25px}.game-info p{color:#fff;font-size:.875rem;margin-top:10px;line-height:1.4}.game-cards .game-status-row{display:flex;flex-direction:row;gap:.5rem;position:absolute;right:1rem;top:1rem}.game-cards .game-status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.game-cards .game-status.active{background:#dcfce7;color:#166534}.game-cards .game-status.inactive{background:#fecaca;color:#991b1b}.game-cards .game-difficulty{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.game-cards .game-difficulty.easy{background:#dcfce7;color:#166534}.game-cards .game-difficulty.medium{background:#fef3c7;color:#92400e}.game-cards .game-difficulty.hard{background:#fecaca;color:#991b1b}.game-stats{margin-bottom:1.5rem}.stat-row{display:flex;justify-content:space-between;margin-bottom:1rem}.stat-row:last-child{margin-bottom:0}.stat{text-align:center;flex:1}.stat .stat-label{display:block;color:#d1d5db;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat .stat-value{display:block;font-size:1.125rem;font-weight:700;color:#fff}.score-excellent{color:#059669!important}.score-good{color:#3b82f6!important}.score-average{color:#f59e0b!important}.score-needs-improvement{color:#ef4444!important}.difficulty-easy{color:#059669!important}.difficulty-medium{color:#f59e0b!important}.difficulty-hard{color:#ef4444!important}.game-actions{display:flex;justify-content:center;gap:.75rem}.action-btn-games{background:#fefefecc;border:1px solid rgba(255,255,255,.2);flex:1;padding:1rem;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;width:100%}.action-btn-games:hover{transform:translateY(-1px);box-shadow:0 2px 8px -2px #0000001a}.action-btn-games.view-details{border-color:#3b82f6;color:#3b82f6}.action-btn-games.view-details:hover{background:#3b82f6;color:#fff}.action-btn-games.configure{border-color:#10b981;color:#10b981}.action-btn-games.configure:hover{background:#10b981;color:#fff}.action-btn-games.enable-game{border-color:#10b981;color:#10b981}.action-btn-games.enable-game:hover{background:#10b981;color:#fff}.action-btn-games.disable-game{border-color:#ef4444;color:#ef4444}.action-btn-games.disable-game:hover{background:#ef4444;color:#fff}.game-detail{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.detail-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:2rem;display:flex;align-items:center;gap:1rem}.back-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#ffffff4d}.game-title{display:flex;align-items:center;gap:1rem;flex:1}.game-icon-large{font-size:3rem;padding:1rem;border-radius:1rem;background:#fff3;display:flex;align-items:center;justify-content:center}.game-title h2{margin:0;font-size:1.75rem}.game-title p{margin:.25rem 0 0;opacity:.9}.game-reports-placeholder{padding:2rem}.report-section{margin-bottom:3rem}.report-section h3{color:#1f2937;font-size:1.5rem;margin-bottom:1.5rem;font-weight:600}.detailed-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.detail-card{background:#f9fafb;border-radius:1rem;padding:1.5rem;border:1px solid #e5e7eb}.detail-card h4{color:#1f2937;margin-bottom:1rem;font-weight:600}.metrics .metric{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.metrics .metric:last-child{border-bottom:none}.trend-info p{margin:.5rem 0;color:#374151}.student-performance{background:#f9fafb;border-radius:1rem;padding:2rem;text-align:center;border:1px solid #e5e7eb}.btn-placeholder{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;margin-top:1rem;transition:background .2s ease}.btn-placeholder:hover{background:#1d4ed8}.games-config{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb}.games-config h3{color:#1f2937;font-size:1.5rem;margin-bottom:2rem;font-weight:600}.config-placeholder{display:flex;flex-direction:column;gap:2rem}.config-section{background:#f9fafb;border-radius:1rem;padding:1.5rem;border:1px solid #e5e7eb}.config-section h4{color:#1f2937;margin-bottom:1rem;font-weight:600}.config-options{display:flex;flex-direction:column;gap:.75rem}.config-item label{display:flex;align-items:center;gap:.5rem;color:#374151;font-weight:500;cursor:pointer}.config-item select{margin-left:.5rem;padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem}.games-toggle{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.game-toggle label{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.game-toggle label:hover{border-color:#3b82f6;background:#f8fafc}.game-toggle .game-icon{font-size:1.5rem}.config-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-save{background:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:600;transition:background .2s ease}.btn-save:hover{background:#059669}.btn-reset{background:#6b7280;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:600;transition:background .2s ease}.btn-reset:hover{background:#4b5563}@media(max-width:768px){.teacher-games{padding:1rem}.games-header h1{font-size:2rem}.view-controls{flex-direction:column;align-items:center}.view-btn{width:100%;max-width:300px}.overview-stats{grid-template-columns:1fr;gap:1rem}.games-grid{grid-template-columns:1fr}.stat-row{flex-direction:column;gap:1rem;align-items:center}.game-actions{flex-direction:column}.detailed-stats,.games-toggle{grid-template-columns:1fr}.config-actions{flex-direction:column;align-items:center}.detail-header{flex-direction:column;align-items:flex-start;gap:1rem}.game-title{flex-direction:column;align-items:center;text-align:center}}.teacher-reports-container{width:100vw;max-width:none;margin:0;padding:0;min-height:100vh;position:relative;background:linear-gradient(135deg,#1e3a8a,#3b82f6,#6366f1,#8b5cf6,#7c3aed,#5b21b6);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.reports-back-button{position:absolute;top:0;left:0;z-index:10;background:linear-gradient(135deg,#7c3aedcc,#6d28d9cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 10px #0000004d;font-size:.8rem;text-shadow:0 1px 2px rgba(0,0,0,.5);margin:2rem}.reports-back-button:hover{background:linear-gradient(135deg,#6d28d9e6,#5b21b6e6);transform:translateY(-1px);box-shadow:0 4px 15px #7c3aed66}.teacher-reports-wrapper{max-width:1200px;margin:0 auto;padding:2rem;position:relative}.teacher-reports-container:before{content:"";position:fixed;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-reports" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="white" opacity="0.3"/><circle cx="5" cy="5" r="0.5" fill="white" opacity="0.5"/><circle cx="15" cy="15" r="0.8" fill="white" opacity="0.4"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-reports)"/></svg>');pointer-events:none;z-index:0;animation:twinkle 8s ease-in-out infinite}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:linear-gradient(135deg,#1e3a8acc,#3b82f6cc,#6366f1cc,#8b5cf6cc,#7c3aedcc,#5b21b6cc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 30px #0000001a;border-radius:16px;margin-top:2rem;position:relative;z-index:1}.teacher-reports-header{text-align:center;margin-bottom:3rem;position:relative;z-index:1}.teacher-reports-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 4px 8px rgba(0,0,0,.3);background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.teacher-reports-header p{color:#ffffffe6;font-size:1.1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.alumnos-table-container{background:linear-gradient(135deg,#1e3a8acc,#3b82f6cc,#6366f1cc,#8b5cf6cc,#7c3aedcc,#5b21b6cc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 30px #0000001a;border-radius:16px;overflow:hidden;margin-bottom:2rem;position:relative;z-index:1}.alumnos-table{width:100%;border-collapse:collapse}.alumnos-table th{background:linear-gradient(135deg,#0000004d,#00000080);color:#fff;padding:1.25rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.5)}.alumnos-table td{padding:1.25rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:.95rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.alumnos-table tr:hover{background-color:#ffffff1a;transform:translateY(-1px);transition:all .2s ease}.alumnos-table tr:last-child td{border-bottom:none}.btn-ver-reporte{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #10b98166;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn-ver-reporte:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 20px #10b98180}.btn-ver-reporte:active{transform:translateY(0);box-shadow:0 4px 15px #10b98166}.no-alumnos{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#1e3a8acc,#3b82f6cc,#6366f1cc,#8b5cf6cc,#7c3aedcc,#5b21b6cc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 30px #0000001a;border-radius:16px;position:relative;z-index:1}.no-alumnos p{color:#ffffffe6;font-size:1.1rem;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media(max-width:768px){.teacher-reports-wrapper{padding:3rem 1rem 1rem}.reports-back-button{top:1rem;left:1rem;padding:.5rem .75rem;font-size:.75rem}.teacher-reports-header h1{font-size:2rem}.alumnos-table-container{overflow-x:auto;border-radius:12px}.alumnos-table th,.alumnos-table td{padding:1rem .75rem;font-size:.875rem}.btn-ver-reporte{padding:.5rem 1rem;font-size:.8rem}.no-alumnos{padding:2rem 1rem}}@media(max-width:480px){.reports-back-button{position:static;margin-bottom:1rem;align-self:flex-start}.teacher-reports-wrapper{padding-top:1rem}.teacher-reports-header h1{font-size:1.5rem}.alumnos-table th,.alumnos-table td{padding:.75rem .5rem;font-size:.8rem}.btn-ver-reporte{padding:.5rem .75rem;font-size:.75rem}}.dashboard-stats{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.dashboard-stats.loading,.dashboard-stats.error{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner{text-align:center}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.error-message{text-align:center;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #fecaca;color:#e74c3c}.error-icon{font-size:3rem;display:block;margin-bottom:1rem}.error-message button{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;margin-top:1rem}.stats-header{text-align:center;margin-bottom:3rem}.stats-header h2{font-size:2.5rem;color:#fff;margin-bottom:.5rem;font-weight:700}.stats-header p{color:#fff;font-size:1.125rem}.main-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.metric-card{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:2rem;border-radius:1rem;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;gap:1.5rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.metric-card:hover{box-shadow:0 25px 70px #10b98199;border-color:#10b98180}.metric-icon{font-size:3rem;padding:1rem;border-radius:1rem;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.metric-card.students .metric-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.metric-card.average-score .metric-icon{background:linear-gradient(135deg,#10b981,#059669)}.metric-card.time .metric-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.metric-content h3{font-size:2.5rem;font-weight:700;color:#fff;margin:0}.metric-content p{color:#fff;font-size:1.125rem;margin:.25rem 0}.metric-detail{color:#d1d5db;font-size:.875rem}.games-distribution,.difficulty-analysis,.weekly-progress,.top-students-section,.support-needed-section,.difficulty-section,.time-metrics-section{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:2rem;border-radius:1rem;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18);margin-bottom:2rem}.games-distribution h3,.difficulty-analysis h3,.weekly-progress h3,.top-students-section h3,.support-needed-section h3,.difficulty-section h3,.time-metrics-section h3{color:#fff;font-size:1.5rem;margin-bottom:1.5rem;font-weight:600}.section-description{color:#d1d5db;font-size:.875rem;margin-bottom:1.5rem}.game-bar{display:grid;grid-template-columns:200px 1fr 140px;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 0}.game-info{display:flex;flex-direction:column}.game-name{font-weight:600;color:#fff}.game-count{color:#d1d5db;font-size:.875rem}.progress-bar{background:#f3f4f6;height:12px;border-radius:6px;overflow:hidden}.progress-fill{height:100%;border-radius:6px;transition:width .3s ease}.progress-fill.ordenamiento{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.progress-fill.escritura{background:linear-gradient(90deg,#10b981,#059669)}.progress-fill.descomposicion{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-fill.escala{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.progress-fill.calculos{background:linear-gradient(90deg,#ec4899,#db2777)}.progress-fill.estudiante{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.percentage{font-weight:600;color:#fff;text-align:right;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-students-chart{display:flex;justify-content:space-around;align-items:flex-end;gap:1rem;min-height:300px;padding:2rem 1rem 1rem}.top-student-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;max-width:150px}.student-bar-info{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem;text-align:center}.student-rank-number{font-size:1.5rem;font-weight:700;color:#fbbf24;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.student-rank-number.support{color:#ef4444}.student-name-info{display:flex;flex-direction:column;gap:.25rem}.student-full-name{font-weight:600;color:#fff;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.student-username{color:#d1d5db;font-size:.75rem}.vertical-bar-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;height:200px;position:relative}.vertical-bar-container{width:60px;height:100%;background:#ffffff1a;border-radius:8px 8px 0 0;position:relative;display:flex;align-items:flex-end;overflow:hidden}.vertical-bar-fill{width:100%;border-radius:8px 8px 0 0;transition:height .5s ease;position:relative;min-height:4px}.vertical-bar-fill.estudiante{background:linear-gradient(180deg,#fbbf24,#f59e0b);box-shadow:0 -4px 12px #fbbf2466}.vertical-bar-fill.estudiante:after{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 100%);border-radius:8px 8px 0 0}.vertical-bar-fill.support-needed{background:linear-gradient(180deg,#ef4444,#dc2626);box-shadow:0 -4px 12px #ef444466}.vertical-bar-fill.support-needed:after{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 100%);border-radius:8px 8px 0 0}.vertical-bar-percentage{margin-top:.5rem;font-weight:700;color:#fff;font-size:1rem;text-align:center}.difficulty-badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;padding:1rem 0}.difficulty-badge-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;transition:transform .2s ease,box-shadow .2s ease;position:relative}.difficulty-badge-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #ef44444d;border-color:#ef444466}.badge-rank{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:700;font-size:.875rem;padding:.25rem .5rem;border-radius:.5rem;box-shadow:0 2px 8px #ef444466}.difficulty-badge-circle{width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1rem 0;box-shadow:0 8px 24px #0000004d;transition:transform .3s ease;position:relative;overflow:hidden}.difficulty-badge-circle:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:.5}.difficulty-badge-circle:hover{transform:scale(1.1)}.difficulty-badge-circle.ordenamiento{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.difficulty-badge-circle.escritura{background:linear-gradient(135deg,#10b981,#059669)}.difficulty-badge-circle.descomposicion{background:linear-gradient(135deg,#f59e0b,#d97706)}.difficulty-badge-circle.escala{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.difficulty-badge-circle.calculos{background:linear-gradient(135deg,#ec4899,#db2777)}.badge-value{font-size:1.75rem;font-weight:700;color:#fff;line-height:1;margin-bottom:.25rem;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:1}.badge-label{font-size:.625rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;position:relative;z-index:1}.badge-game-info{margin-top:.5rem}.badge-game-name{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .5rem}.badge-game-stats{font-size:.75rem;color:#d1d5db;margin:0;line-height:1.4}.time-gauge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;padding:2rem 1rem}.time-gauge-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;transition:transform .2s ease,box-shadow .2s ease}.time-gauge-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #3b82f64d;border-color:#3b82f666}.gauge-container{position:relative;width:100%;max-width:200px;height:120px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}.gauge-svg{width:100%;height:100%;position:absolute;top:0;left:0}.gauge-stroke.ordenamiento{stroke:url(#gauge-gradient-ordenamiento)}.gauge-stroke.escritura{stroke:url(#gauge-gradient-escritura)}.gauge-stroke.descomposicion{stroke:url(#gauge-gradient-descomposicion)}.gauge-stroke.escala{stroke:url(#gauge-gradient-escala)}.gauge-stroke.calculos{stroke:url(#gauge-gradient-calculos)}.gauge-content{position:absolute;bottom:10px;display:flex;flex-direction:column;align-items:center;z-index:2}.gauge-value{font-size:2rem;font-weight:700;color:#fff;line-height:1;margin-bottom:.25rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.gauge-label{font-size:.75rem;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.05em}.gauge-game-info{width:100%}.gauge-game-name{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 1rem}.gauge-stats{display:flex;justify-content:space-around;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.gauge-stat-item{display:flex;flex-direction:column;gap:.25rem}.gauge-stat-item .stat-label{font-size:.75rem;color:#d1d5db;font-weight:500}.gauge-stat-item .stat-value{font-size:1rem;font-weight:700;color:#fff}.game-details-right{display:flex;flex-direction:column;align-items:flex-end;min-width:120px}.difficulty-value,.time-value{font-weight:600;color:#fff;font-size:.875rem}.difficulty-details,.time-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.75rem}.difficulty-detail-item,.time-detail-item{display:flex;justify-content:space-between;padding:.5rem 0;color:#d1d5db;font-size:.875rem}.detail-label{font-weight:600;color:#fff}.detail-value{color:#d1d5db}.difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.difficulty-card{border:1px solid rgba(255,255,255,.18);border-radius:.75rem;padding:1.5rem;background:#ffffff0d}.difficulty-card h4{color:#fff;margin-bottom:1rem;font-weight:600}.difficulty-levels .level{display:grid;grid-template-columns:60px 1fr 50px;align-items:center;gap:.75rem;margin-bottom:.75rem}.level span:first-child{font-size:.875rem;color:#d1d5db;font-weight:500}.level-bar{background:#f3f4f6;height:8px;border-radius:4px;overflow:hidden}.level-fill{height:100%;border-radius:4px;transition:width .3s ease}.level span:last-child{font-weight:600;color:#fff;font-size:.875rem;text-align:right}.progress-chart{display:flex;flex-direction:column;gap:1rem}.week-bar{display:grid;grid-template-columns:120px 1fr 60px;align-items:center;gap:1rem}.week-info{display:flex;flex-direction:column}.week-label{font-weight:600;color:#fff;font-size:.875rem}.week-games{color:#d1d5db;font-size:.75rem}.week-score-bar{background:#f3f4f6;height:12px;border-radius:6px;overflow:hidden}.week-score-fill{height:100%;border-radius:6px;transition:width .3s ease}.week-score{font-weight:600;color:#fff;text-align:right;font-size:.875rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);padding:1rem;border-radius:.75rem;cursor:pointer;transition:all .2s ease;font-weight:600;color:#fff}.action-btn:hover{background:#10b98133;border-color:#10b98180;box-shadow:0 10px 30px #10b9814d}.action-btn.export{border-color:#3b82f6;color:#3b82f6}.action-btn.export:hover{background:#3b82f6;color:#fff}.action-btn.refresh{border-color:#10b981;color:#10b981}.action-btn.refresh:hover{background:#10b981;color:#fff}.action-btn.settings{border-color:#f59e0b;color:#f59e0b}.action-btn.settings:hover{background:#f59e0b;color:#fff}.action-btn.report{border-color:#8b5cf6;color:#8b5cf6}.action-btn.report:hover{background:#8b5cf6;color:#fff}.quick-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}@media(max-width:768px){.dashboard-stats{padding:1rem}.main-metrics{grid-template-columns:1fr;gap:1rem}.metric-card{padding:1.5rem}.game-bar,.week-bar{grid-template-columns:1fr;gap:.5rem;text-align:center}.difficulty-grid{grid-template-columns:1fr}.difficulty-badges-grid{grid-template-columns:1fr;gap:1.5rem}.difficulty-badge-circle{width:80px!important;height:80px!important;font-size:14px!important}.badge-value{font-size:1.5rem!important}.time-gauge-grid{grid-template-columns:1fr;gap:1.5rem}.gauge-container{max-width:150px;height:100px}.gauge-value{font-size:1.5rem!important}.gauge-stats{flex-direction:column;gap:.75rem}.actions-grid{grid-template-columns:1fr}.quick-actions{flex-direction:column}.top-students-chart{flex-direction:column;align-items:center;min-height:auto;gap:2rem}.top-student-bar-container{max-width:100%;width:100%}.vertical-bar-wrapper{height:150px}.vertical-bar-container{width:80px}}.teacher-statistics{padding:2rem 10rem;min-height:100vh}.statistics-header{margin-bottom:2rem}.statistics-header h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.statistics-header p{font-size:1rem;color:#a0aec0}.statistics-content{width:100%;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1rem;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18);padding:1.5rem .1rem}@media(max-width:768px){.teacher-statistics,.statistics-content{padding:1rem}}.reporte-detalle-container{width:100vw;max-width:none;margin:0;padding:0;min-height:100vh;position:relative;background:linear-gradient(135deg,#1e3a8a,#3b82f6,#6366f1,#8b5cf6,#7c3aed,#5b21b6);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.reporte-detalle-wrapper{max-width:1000px;margin:0 auto;padding:2rem;position:relative}.reporte-detalle-container:before{content:"";position:fixed;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-detalle" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="white" opacity="0.3"/><circle cx="5" cy="5" r="0.5" fill="white" opacity="0.5"/><circle cx="15" cy="15" r="0.8" fill="white" opacity="0.4"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-detalle)"/></svg>');pointer-events:none;z-index:0;animation:twinkle 8s ease-in-out infinite}.reporte-actions{position:static;display:contents;pointer-events:all}.reporte-actions>*{pointer-events:all}.reporte-header{text-align:center;margin-bottom:3rem;position:relative;z-index:1}.reporte-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 4px 8px rgba(0,0,0,.3);background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-volver{position:absolute;top:0;left:0;z-index:10;background:linear-gradient(135deg,#7c3aedcc,#6d28d9cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 10px #0000004d;font-size:.8rem;text-shadow:0 1px 2px rgba(0,0,0,.5);margin:2rem}.btn-volver:hover{background:linear-gradient(135deg,#6d28d9e6,#5b21b6e6);transform:translateY(-1px);box-shadow:0 4px 15px #7c3aed66}.btn-regenerar{position:absolute;top:0;right:0;z-index:10;background:linear-gradient(135deg,#7c3aedcc,#6d28d9cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 10px #0000004d;font-size:.8rem;text-shadow:0 1px 2px rgba(0,0,0,.5);margin:2rem}.btn-regenerar:hover{background:linear-gradient(135deg,#6d28d9e6,#5b21b6e6);transform:translateY(-1px);box-shadow:0 4px 15px #7c3aed66}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:linear-gradient(135deg,#1e3a8acc,#3b82f6cc,#6366f1cc,#8b5cf6cc,#7c3aedcc,#5b21b6cc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 30px #0000001a;border-radius:16px;position:relative;z-index:1}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top:4px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:#fff;font-size:1.1rem;margin:0;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3)}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:linear-gradient(135deg,#dc2626cc,#b91c1ccc,#991b1bcc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 30px #0000001a;border-radius:16px;text-align:center;position:relative;z-index:1}.error-message{color:#e74c3c;font-size:1.1rem;margin-bottom:2rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3)}.btn-reintentar{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #dc262666;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn-reintentar:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 8px 20px #dc262680}.reporte-content{background:linear-gradient(135deg,#1e3a8acc,#3b82f6cc,#6366f1cc,#8b5cf6cc,#7c3aedcc,#5b21b6cc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 30px #0000001a;padding:2.5rem;border-radius:16px;line-height:1.8;position:relative;z-index:1}.reporte-texto{font-size:1.05rem;color:#fff}.reporte-parrafo{margin-bottom:1.75rem;text-align:justify;line-height:1.8;position:relative;padding-left:1rem;border-left:3px solid rgba(255,255,255,.3);transition:border-color .3s ease;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.3)}.reporte-parrafo:hover{border-left-color:#fffc}.reporte-parrafo:last-child{margin-bottom:0}.reporte-parrafo:first-child{border-left-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.2),transparent);padding:1rem;border-radius:8px;border-left-width:4px;box-shadow:0 2px 8px #10b98133}.bg-stars:before{content:"";position:fixed;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-global" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="white" opacity="0.3"/><circle cx="5" cy="5" r="0.5" fill="white" opacity="0.5"/><circle cx="15" cy="15" r="0.8" fill="white" opacity="0.4"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-global)"/></svg>');pointer-events:none;z-index:0;animation:twinkle 8s ease-in-out infinite}.bg-stars-docente:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-docente" x="0" y="0" width="25" height="25" patternUnits="userSpaceOnUse"><circle cx="12" cy="12" r="1.5" fill="%2359a5fa" opacity="0.4"/><circle cx="6" cy="6" r="0.8" fill="%233b82f6" opacity="0.6"/><circle cx="18" cy="18" r="1.2" fill="%2393c5fd" opacity="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-docente)"/></svg>');pointer-events:none;z-index:0;animation:twinkleDocente 10s ease-in-out infinite}.bg-stars-admin:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-admin" x="0" y="0" width="25" height="25" patternUnits="userSpaceOnUse"><circle cx="12" cy="12" r="1.5" fill="%23ffffff" opacity="0.6"/><circle cx="6" cy="6" r="0.8" fill="%23ffffff" opacity="0.8"/><circle cx="18" cy="18" r="1.2" fill="%23ffffff" opacity="0.7"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-admin)"/></svg>');pointer-events:none;z-index:1;animation:twinkleAdmin 12s ease-in-out infinite}.navbar{display:flex;justify-content:center;transition:all .3s ease-in-out;font-family:Fredoka,cursive;position:relative;padding:.3rem 0;overflow:visible}.navbar.admin{position:relative;overflow:visible}.navbar-tabs{display:flex;align-items:center;gap:15rem;z-index:1;position:relative}.tab-button{display:flex;justify-content:center;align-items:center;width:200px;height:50px;padding:0 20px;background:#ffffff1a;border:2px solid rgba(139,92,246,.3);color:#fff;border-radius:1.5rem;cursor:pointer;transition:all .3s ease;font-family:Fredoka,cursive;font-weight:600;text-transform:uppercase;text-align:center;position:relative;z-index:2}.tab-button:hover{border-color:#80f65c99;color:#fff}.tab-button.active{border-color:#80f65c;color:#fff;box-shadow:0 4px 15px #80f65c66}.tab-button:focus{outline:none;border-color:#80f65c;box-shadow:0 4px 15px #80f65c66}.tab-button:active{border-color:#80f65c;box-shadow:0 4px 15px #80f65c66}.tab-button:focus:not(.active){border-color:#80f65c99}.navbar.docente .navbar-tabs{gap:8rem}.navbar.docente .tab-button.active:before{content:"";position:absolute;inset:-2px;border-radius:2rem;z-index:-1;opacity:.8}.navbar.docente .tab-button.active{animation:pulseDocente 3s ease-in-out infinite}@keyframes pulseDocente{0%,to{box-shadow:0 8px 30px #80f65c80}50%{box-shadow:0 12px 40px #80f65cb3}}.navbar.alumno .navbar-tabs{gap:15rem}.navbar.admin .navbar-tabs{gap:5rem}.navbar.alumno .tab-button,.navbar.docente .tab-button,.navbar.admin .tab-button{background:#8469691a;border:2px solid rgba(139,92,246,.3);color:#fff;width:200px;height:50px}.navbar.admin .tab-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,#80f65c4d,transparent);border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease;z-index:-1}.navbar.alumno .tab-button:hover,.navbar.docente .tab-button:hover,.navbar.admin .tab-button:hover{border-color:#80f65c;color:#fff}.navbar.alumno .tab-button.active,.navbar.navbar.docente .tab-button.active,.navbar.admin .tab-button.active{border-color:#80f65c;color:#fff;box-shadow:0 4px 15px #80f65c66}@media(max-width:768px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.navbar-brand{flex-direction:column;gap:.5rem;text-align:center}.navbar-tabs{flex-wrap:wrap;justify-content:center;gap:8rem}.navbar.docente .navbar-tabs,.navbar.alumno .navbar-tabs,.navbar.admin .navbar-tabs{gap:2rem}.tab-button{padding:.5rem 1rem;font-size:.8rem;width:180px;height:45px}}.navbar.admin.bg-space-admin{position:relative;overflow:hidden}.navbar.admin.bg-stars-admin:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-admin-nav" x="0" y="0" width="25" height="25" patternUnits="userSpaceOnUse"><circle cx="12" cy="12" r="1.5" fill="%238b5cf6" opacity="0.4"/><circle cx="6" cy="6" r="0.8" fill="%237c3aed" opacity="0.6"/><circle cx="18" cy="18" r="1.2" fill="%23a855f7" opacity="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-admin-nav)"/></svg>');pointer-events:none;z-index:0;animation:twinkleAdminNav 12s ease-in-out infinite}@keyframes twinkleAdminNav{0%,to{opacity:.6}50%{opacity:1}}.bg-stars:before{content:"";position:fixed;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-global" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="white" opacity="0.3"/><circle cx="5" cy="5" r="0.5" fill="white" opacity="0.5"/><circle cx="15" cy="15" r="0.8" fill="white" opacity="0.4"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-global)"/></svg>');pointer-events:none;z-index:0;animation:twinkle 8s ease-in-out infinite}.bg-stars-docente:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-docente" x="0" y="0" width="25" height="25" patternUnits="userSpaceOnUse"><circle cx="12" cy="12" r="1.5" fill="%2359a5fa" opacity="0.4"/><circle cx="6" cy="6" r="0.8" fill="%233b82f6" opacity="0.6"/><circle cx="18" cy="18" r="1.2" fill="%2393c5fd" opacity="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-docente)"/></svg>');pointer-events:none;z-index:0;animation:twinkleDocente 10s ease-in-out infinite}.bg-stars-admin:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-admin" x="0" y="0" width="25" height="25" patternUnits="userSpaceOnUse"><circle cx="12" cy="12" r="1.5" fill="%23ffffff" opacity="0.6"/><circle cx="6" cy="6" r="0.8" fill="%23ffffff" opacity="0.8"/><circle cx="18" cy="18" r="1.2" fill="%23ffffff" opacity="0.7"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-admin)"/></svg>');pointer-events:none;z-index:1;animation:twinkleAdmin 12s ease-in-out infinite}.app-logo{width:60px;height:60px;object-fit:contain;border-radius:8px}.header{display:flex;justify-content:space-between;align-items:center;font-family:Fredoka,sans-serif;height:70px;padding:0 20px}.logo{display:flex;align-items:center;justify-content:center;width:80px;height:60px;padding:10px}.header-title{position:absolute;left:50%;transform:translate(-50%);z-index:1}.header-title h1{font-family:Fredoka One,cursive;font-size:32px;color:#fff;margin:0;letter-spacing:2px;text-shadow:-1px -1px 0 #7c3aed,1px -1px 0 #7c3aed,-1px 1px 0 #7c3aed,1px 1px 0 #7c3aed,-1px 0 0 #7c3aed,1px 0 0 #7c3aed,0 -1px 0 #7c3aed,0 1px 0 #7c3aed}.search-and-mode{display:flex;margin-right:20px;align-items:center;z-index:1;position:relative}.cerrar-sesion{cursor:pointer;padding:10px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:25px;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 8px 25px #ef44444d;font-family:Fredoka,sans-serif;border:1px solid rgba(255,255,255,.2)}.cerrar-sesion:hover{background:linear-gradient(135deg,#f87171,#ef4444);transform:translateY(-2px);box-shadow:0 12px 35px #ef444466}@media(max-width:768px){.header{height:70px;padding:0 15px}.logo{width:60px;height:50px;padding:5px}.app-logo{width:50px;height:50px}.search-and-mode{margin-right:10px}.header-title h1{font-size:26px;letter-spacing:1px}.cerrar-sesion{padding:8px 16px;font-size:12px}}@media(max-width:480px){.header{height:60px;padding:0 10px}.logo{width:50px;height:40px;padding:5px}.app-logo{width:40px;height:40px}.header-title h1{font-size:20px;letter-spacing:.5px}.cerrar-sesion{padding:6px 12px;font-size:11px}}.bg-space-gradient{background:linear-gradient(135deg,#1e3a8a,#3b82f6,#6366f1,#8b5cf6,#7c3aed,#5b21b6)}.bg-stars:before{content:"";position:fixed;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-global" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="white" opacity="0.3"/><circle cx="5" cy="5" r="0.5" fill="white" opacity="0.5"/><circle cx="15" cy="15" r="0.8" fill="white" opacity="0.4"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-global)"/></svg>');pointer-events:none;z-index:0;animation:twinkle 8s ease-in-out infinite}.bg-space{position:relative}.bg-space-ui{background:linear-gradient(135deg,#1e3a8acc,#3b82f6cc,#6366f1cc,#8b5cf6cc,#7c3aedcc,#5b21b6cc);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 30px #0000001a}.bg-accent-hover{background:linear-gradient(135deg,#8b5cf64d,#7c3aed33)}.bg-accent-active{background:linear-gradient(135deg,#8b5cf666,#7c3aed4d)}.bg-space-docente{background:linear-gradient(135deg,#1e3a8af2,#3b82f6e6,#6366f1f2,#8b5cf6e6,#7c3aedf2,#5b21b6f2);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-top:2px solid rgba(59,130,246,.4);box-shadow:0 -8px 32px #3b82f64d}.bg-stars-docente:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-docente" x="0" y="0" width="25" height="25" patternUnits="userSpaceOnUse"><circle cx="12" cy="12" r="1.5" fill="%2359a5fa" opacity="0.4"/><circle cx="6" cy="6" r="0.8" fill="%233b82f6" opacity="0.6"/><circle cx="18" cy="18" r="1.2" fill="%2393c5fd" opacity="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-docente)"/></svg>');pointer-events:none;z-index:0;animation:twinkleDocente 10s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:1}}@keyframes twinkleDocente{0%,to{opacity:.7}50%{opacity:1}}.scrollbar-space::-webkit-scrollbar{width:8px}.scrollbar-space::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.scrollbar-space::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:10px;box-shadow:0 4px 10px #8b5cf64d}.scrollbar-space::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.bg-space-admin{background:linear-gradient(135deg,#1e3a8af2,#3b82f6e6,#6366f1f2,#8b5cf6e6,#7c3aedf2,#5b21b6f2);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-top:2px solid rgba(139,92,246,.4);box-shadow:0 -8px 32px #8b5cf64d}.bg-stars-admin:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars-admin" x="0" y="0" width="25" height="25" patternUnits="userSpaceOnUse"><circle cx="12" cy="12" r="1.5" fill="%23ffffff" opacity="0.6"/><circle cx="6" cy="6" r="0.8" fill="%23ffffff" opacity="0.8"/><circle cx="18" cy="18" r="1.2" fill="%23ffffff" opacity="0.7"/></pattern></defs><rect width="100" height="100" fill="url(%23stars-admin)"/></svg>');pointer-events:none;z-index:1;animation:twinkleAdmin 12s ease-in-out infinite}@keyframes twinkleAdmin{0%,to{opacity:.6}50%{opacity:1}}.main-layout{height:100vh;display:flex;flex-direction:column;width:100%;overflow:hidden}.main-content{flex:1;width:100%;max-width:100vw;overflow-x:hidden}@media(max-width:768px){.main-content{padding:10px}}:root{--space-blue: #1e3a8a;--space-purple: #7c3aed;--space-pink: #ec4899;--space-yellow: #fbbf24;--space-orange: #f97316;--space-green: #10b981;--space-indigo: #6366f1;--space-violet: #8b5cf6;--main-gradient: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 20%, #6366f1 40%, #8b5cf6 60%, #7c3aed 80%, #5b21b6 100%);--button-gradient: var(--main-gradient);--number-gradient: var(--main-gradient);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-error: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--font-game: "Fredoka", sans-serif;--font-game-alt: "Comic Neue", cursive;--shadow-light: 0 4px 12px rgba(0, 0, 0, .15);--shadow-medium: 0 8px 20px rgba(0, 0, 0, .2);--shadow-heavy: 0 15px 35px rgba(0, 0, 0, .25);--paper-gradient: linear-gradient(135deg, #fffacd 0%, #fef3c7 100%);--hint-gradient: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%)}.game-wrapper{font-family:var(--font-game);min-height:100vh;height:100vh;width:100vw;position:relative;overflow-x:hidden;display:flex;flex-direction:column}.game-scene,.game-container{background:var(--main-gradient);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;min-height:100vh;position:relative}.game-scene:before,.game-container:before{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:radial-gradient(ellipse at center bottom,rgba(139,92,246,.3) 0%,transparent 70%);pointer-events:none}.game-content{width:100%;height:100%;margin:0;padding:0;box-sizing:border-box;display:flex;flex-direction:column;position:relative;z-index:10;background:var(--main-gradient);justify-content:flex-start;border:4px solid var(--space-yellow);border-radius:10px;box-shadow:0 0 30px #667eea80}.start-screen{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;text-align:center;padding:clamp(1rem,3vh,2rem);box-sizing:border-box;border:4px solid var(--space-yellow);border-radius:10px}.start-screen .header-controls{right:auto}.start-content{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,4vh,32px);width:100%}.start-title,.start-screen h1{color:var(--space-yellow);font-size:clamp(2.5rem,5vw,4rem);margin-bottom:clamp(.5rem,2vh,1rem);font-weight:700;text-shadow:3px 3px 0px var(--space-blue)}.start-subtitle,.start-screen p{color:#fff;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:500;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.start-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(12px,2vw,20px);width:100%;margin:clamp(16px,3vh,24px) 0;max-width:600px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.5vh,12px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid var(--space-yellow);border-radius:16px;padding:clamp(16px,3vh,24px);box-shadow:0 4px 16px #1e3a8a33}.feature-icon{font-size:clamp(2rem,4vw,3rem)}.feature-text{font-size:clamp(.9rem,1.8vw,1.2rem);color:#fff;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.level-select-screen{position:relative;width:100%;text-align:center;padding:clamp(1rem,3vh,2rem);min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;border:4px solid var(--space-yellow);border-radius:10px}.level-select-screen .header-controls{right:auto}.level-select-content{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,4vh,32px);max-width:800px;width:100%}.level-select-title,.level-select-screen h1{color:var(--space-yellow);font-size:clamp(2rem,4vw,3rem);margin-bottom:clamp(.5rem,2vh,1rem);text-shadow:3px 3px 0px var(--space-blue);font-weight:700}.level-select-subtitle,.level-select-screen p{color:#fff;font-size:clamp(1rem,2.5vw,1.2rem);margin-bottom:clamp(1rem,3vh,2rem);font-weight:500;opacity:.9}.level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(1rem,3vw,2rem);margin:clamp(1rem,3vh,2rem) 0;max-width:800px;width:100%}.level-btn{background:var(--button-gradient);color:#fff;border:3px solid var(--space-yellow);padding:clamp(1rem,3vw,1.5rem);border-radius:20px;font-size:clamp(1rem,2.5vw,1.1rem);font-weight:700;cursor:pointer;transition:all .3s ease;min-height:clamp(80px,15vh,120px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.level-btn:hover:not(.locked):not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #1e3a8a80}.level-btn.locked{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#64748b,#475569);border-color:#64748b}.level-btn.locked:hover{transform:none;box-shadow:none}.level-number{color:#fff;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700;margin-bottom:clamp(4px,1vh,8px);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.level-range{color:var(--space-yellow);font-size:clamp(.8rem,2vw,1rem);font-weight:600;margin-bottom:clamp(2px,.5vh,4px);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.level-difficulty{color:#fff;font-size:clamp(.75rem,1.8vw,.9rem);font-weight:500;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.level-info{display:flex;flex-direction:column;gap:clamp(4px,.8vh,6px);width:100%}.level-header{display:flex;flex-direction:column;gap:clamp(2px,.5vh,4px);width:100%}.locked-message{color:#fbbf24;font-size:clamp(.65rem,1.3vw,.8rem);font-weight:500;font-style:italic;text-shadow:1px 1px 2px rgba(0,0,0,.5);margin-top:clamp(4px,1vh,8px);text-align:center;opacity:.9}.level-btn.locked .level-number,.level-btn.locked .level-range,.level-btn.locked .level-difficulty{opacity:.7}.btn-start,.btn-check,.btn-hint,.btn-verify,.btn-clear,.btn-secondary{background:var(--button-gradient);color:#fff;border:2px solid var(--space-yellow);padding:clamp(8px,2vw,12px) clamp(16px,4vw,24px);border-radius:15px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:clamp(.9rem,2vw,1rem);text-decoration:none;display:inline-block;text-align:center}.btn-start:hover,.btn-check:hover,.btn-hint:hover,.btn-verify:hover:not(:disabled),.btn-clear:hover:not(:disabled),.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e3a8a66}.btn-start:disabled,.btn-check:disabled,.btn-hint:disabled,.btn-verify:disabled,.btn-clear:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-back-to-levels,.btn-back-to-dashboard{background:#fffffff2;color:#1e40af;border:2px solid #3b82f6;padding:.75rem 1.5rem;border-radius:2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d;font-family:Comic Neue,cursive}.btn-back-to-levels:hover,.btn-back-to-dashboard:hover{transform:translateY(-3px);box-shadow:0 6px 20px #8b5cf666;background:var(--main-gradient);color:#fff}.answer-input{width:100%;padding:clamp(.7rem,1.8vh,1rem);font-size:clamp(.9rem,1.8vw,1.1rem);border:2px solid #c7d2fe;border-radius:.5rem;background:#fffffff2;color:#1e293b;font-weight:600;transition:all .3s ease;text-align:center;font-family:var(--font-game)}.answer-input:focus{outline:none;border-color:var(--space-violet);box-shadow:0 0 0 3px #8b5cf633;background:#fff}.answer-input::placeholder{color:#94a3b8;font-style:italic}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease-out;padding:1rem}.modal,.modal-content{background:var(--main-gradient);border-radius:20px;padding:clamp(1.5rem,4vw,2rem);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .4s ease-out;border:3px solid var(--space-yellow);text-align:center;position:relative}.modal h2,.modal-content h2{color:var(--space-yellow);font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-weight:700}.modal p,.modal-content p{color:#fff;font-size:clamp(1rem,2.5vw,1.1rem);margin-bottom:1rem;line-height:1.5}.modal-content.congrats h2,.modal-content.congrats p{color:#92400e}.header-controls{position:absolute;top:15px;left:15px;right:15px;z-index:100;display:flex;justify-content:space-between;gap:15px}.header-controls .buttons-group{display:flex;gap:10px;flex-shrink:0;height:min-content}.header-controls .game-status{width:25%;display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.5vh,12px) clamp(12px,2vw,16px);background:var(--button-gradient);border-radius:15px;box-shadow:0 4px 15px #1e3a8a4d;border:2px solid var(--space-yellow);max-width:400px;flex-shrink:0;gap:clamp(4px,1vw,15px);flex-wrap:wrap}.header-controls .game-status .status-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;flex:1}.header-controls .game-status .status-icon{font-size:clamp(12px,2.5vw,18px)}.header-controls .game-status .status-label{color:#fff;font-size:clamp(9px,1.5vw,12px);font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.header-controls .game-status .status-value{color:var(--space-yellow);font-weight:700;font-size:clamp(11px,2vw,16px);text-align:center;white-space:nowrap}.game-title{color:var(--space-yellow);font-size:clamp(1.5rem,3.3vw,2.2rem);margin:0 0 clamp(6px,1.5vh,10px) 0;text-shadow:3px 3px 0px var(--space-blue);font-weight:700;text-align:center!important;width:100%;display:block!important;margin-left:auto!important;margin-right:auto!important}.game-instruction{color:#fff;font-size:clamp(1.1rem,2.4vw,1.6rem);margin:clamp(12px,3vh,20px) auto;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);background:#0003;padding:15px 30px;border-radius:20px;border:2px solid var(--space-yellow);max-width:600px;text-align:center;width:fit-content}.paper-note{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);color:#1e3a8a;padding:2rem;border-radius:1rem;box-shadow:0 10px 25px #0000001a,inset 0 1px #fff9;position:relative;max-width:600px;margin:2rem auto;border:3px solid var(--space-yellow)}.question-title{font-family:var(--font-game);font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:700;text-align:center;margin-bottom:clamp(1rem,2.5vh,1.5rem);color:#5b21b6}.question-number{font-size:clamp(2rem,4.5vw,3rem);font-weight:900;text-align:center;color:var(--space-purple);margin:clamp(.6rem,1.5vh,1rem) 0;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.permanent-hint{width:50%;background:var(--hint-gradient);border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:clamp(.5rem,1vh,.75rem);margin:clamp(.5rem,1vh,.75rem) auto 0 auto;margin-bottom:clamp(1rem,2vh,1.5rem);box-shadow:0 4px 12px #fbbf244d;flex-shrink:0}.permanent-hint-header{display:flex;align-items:center;gap:clamp(.3rem,.6vw,.5rem);margin-bottom:clamp(.4rem,.8vh,.5rem);justify-content:center}.permanent-hint-header h4{margin:0;color:var(--space-blue);font-size:clamp(.85rem,1.7vw,1rem);font-weight:700}.hint-icon{font-size:clamp(1rem,2vw,1.2rem);color:var(--space-blue)}.permanent-hint-content{background:#ffffffe6;border-radius:8px;padding:clamp(.4rem,.8vh,.6rem);display:flex;flex-direction:column;gap:clamp(.3rem,.6vh,.4rem);align-items:center}.hint-text{margin:0 0 clamp(.3rem,.6vh,.4rem) 0;color:var(--space-blue);font-weight:600;font-size:clamp(.75rem,1.5vw,.9rem);text-align:center;line-height:1.3;font-style:italic}.hint-label{color:var(--space-purple);font-weight:700;font-size:clamp(.65rem,1.3vw,.75rem);margin-right:.3rem}.hint-numbers{display:flex;flex-wrap:wrap;gap:clamp(.2rem,.4vw,.3rem);align-items:center;justify-content:center}.hint-number{background:var(--space-blue);color:#fff;padding:clamp(.15rem,.3vh,.2rem) clamp(.3rem,.5vw,.4rem);border-radius:4px;font-size:clamp(.65rem,1.3vw,.8rem);font-weight:700;margin:0 2px;display:inline-block}.hint-arrow{color:var(--space-blue);font-size:clamp(.75rem,1.5vw,.9rem);font-weight:700}.game-hud{position:absolute;top:clamp(1rem,2.5vh,1.5rem);right:clamp(1rem,2.5vh,1.5rem);background:#1e3a8ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(.5rem,1.2vh,.75rem) clamp(.7rem,1.5vw,1rem);border-radius:clamp(.7rem,1.5vh,1rem);border:2px solid rgba(251,191,36,.5);color:#fff;font-weight:600;z-index:10;font-size:clamp(.75rem,1.5vw,.9rem)}.game-hud span{color:var(--space-yellow);font-weight:700}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.btn{background:var(--button-gradient);color:#fff;border:3px solid var(--space-yellow);padding:clamp(12px,2vh,15px) clamp(25px,4vw,30px);border-radius:20px;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;cursor:pointer;transition:all .3s ease}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #1e3a8a80}.operation-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(1rem,3vw,2rem);max-width:900px;width:100%}.game-instruction .highlight-text{color:var(--space-yellow);font-weight:900;text-shadow:0 0 10px rgba(251,191,36,.8),0 0 20px rgba(251,191,36,.5),2px 2px 4px rgba(0,0,0,.8);font-size:clamp(1.3rem,2.5vw,1.8rem);letter-spacing:clamp(.5px,.15vw,1px)}.ordenamiento-game-header{text-align:center;margin-bottom:clamp(.5rem,1.5vh,1rem);padding-top:clamp(50px,10vh,80px);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:auto}.ordenamiento-progress-container{height:clamp(15px,2.5vh,20px);min-height:clamp(15px,2.5vh,20px);width:100%;max-width:clamp(400px,80vw,600px);border-radius:clamp(10px,2vh,15px);overflow:hidden;border:clamp(2px,.4vh,3px) solid var(--space-yellow);margin:clamp(1rem,2vh,1.5rem) auto;box-shadow:0 4px 12px #0000004d}.ordenamiento-progress-bar{height:100%;background:linear-gradient(135deg,#10b981,#22c55e,#84cc16,#facc15,#fbbf24);border-radius:clamp(8px,1.8vh,13px);transition:width .8s ease;box-shadow:inset 0 2px 8px #ffffff4d}.ordenamiento-progress-bar[data-progress]{width:var(--progress-width, 0%)}.game-play-area{margin-top:clamp(4px,1vh,8px);margin-bottom:0%;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;gap:clamp(15px,4vh,30px)}.drop-target{height:clamp(80px,15vh,100px);border:clamp(2px,.4vh,3px) dashed var(--space-yellow);border-radius:clamp(12px,2.5vh,20px);padding:clamp(10px,2vh,15px);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;min-width:clamp(300px,60vw,500px);gap:clamp(6px,1.5vh,10px);box-sizing:border-box;background:var(--paper-gradient)}.drop-hint{color:var(--space-blue);font-size:clamp(.9rem,1.8vw,1.2rem);font-weight:600;text-align:center}.numbers-title{color:var(--space-yellow);margin-bottom:clamp(4px,1vh,8px);font-size:clamp(1rem,2vw,1.3rem);font-weight:700;text-shadow:2px 2px 0px var(--space-blue)}.ordenamiento-numbers-container{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(10px,2.5vw,20px);align-items:center;min-height:clamp(50px,10vh,70px);margin-bottom:clamp(4px,1vh,8px);padding:clamp(6px,1.5vh,10px)}.ordenamiento-number-box{background:var(--number-gradient);border:clamp(1.5px,.3vh,2px) solid var(--space-yellow);border-radius:clamp(10px,2vh,15px);padding:clamp(10px,2vh,15px) clamp(15px,3vw,25px);cursor:grab;font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);box-shadow:0 4px 12px #1e3a8a4d;-webkit-user-select:none;user-select:none;min-height:clamp(40px,8vh,50px);display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-sizing:border-box;margin:0}.ordenamiento-number-box:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #1e3a8a80}.ordenamiento-number-box:active{cursor:grabbing}.ordenamiento-number-box.in-target{background:var(--space-green);border-color:var(--space-yellow);align-self:center;margin:0}.modal{background:var(--main-gradient);border-radius:clamp(12px,2.5vh,20px);padding:clamp(1.2rem,3vh,2rem);max-width:clamp(350px,70vw,500px);width:90%;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .4s ease-out;border:clamp(2px,.4vh,3px) solid var(--space-yellow);text-align:center}.modal h2{color:var(--space-yellow);font-size:clamp(1.4rem,3vw,2rem);margin-bottom:clamp(.6rem,1.5vh,1rem);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.modal p{color:#fff;font-size:clamp(.9rem,1.8vw,1.1rem);margin-bottom:clamp(1rem,2vh,1.5rem)}.game-complete{text-align:center;padding:clamp(1.5rem,4vh,3rem)}.complete-title{color:var(--space-yellow);font-size:clamp(2rem,4.5vw,3rem);margin-bottom:clamp(.6rem,1.5vh,1rem);font-weight:700;text-shadow:3px 3px 0px var(--space-blue)}.complete-message,.final-score{color:#fff;font-size:clamp(1.1rem,2.2vw,1.5rem);margin-bottom:clamp(.6rem,1.5vh,1rem);font-weight:500}.complete-buttons{display:flex;gap:clamp(.6rem,1.5vw,1rem);justify-content:center;align-items:center;margin-top:clamp(1.2rem,3vh,2rem)}.restart-button{background:var(--button-gradient);color:#fff;border:clamp(2px,.4vh,3px) solid var(--space-yellow);padding:clamp(10px,2vh,15px) clamp(20px,4vw,30px);border-radius:clamp(12px,2.5vh,20px);font-size:clamp(.9rem,1.8vw,1.2rem);font-weight:700;cursor:pointer;transition:all .3s ease;margin:0}.restart-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #1e3a8a80}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.activity-feedback-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:3000;animation:fadeIn .3s ease-out}.activity-feedback-modal{background:var(--main-gradient);border-radius:clamp(12px,2.5vh,20px);padding:clamp(1.5rem,3.5vh,2.5rem);max-width:clamp(300px,60vw,400px);width:90%;box-shadow:0 20px 60px #0006;animation:modalSlideIn .4s ease-out;text-align:center;border:clamp(2px,.4vh,3px) solid}.activity-feedback-modal.success{border-color:#4caf50}.activity-feedback-modal.error{border-color:#ff6b6b}.activity-feedback-modal h2{font-size:clamp(1.5rem,3.2vw,2.2rem);margin-bottom:clamp(.6rem,1.5vh,1rem);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.activity-feedback-modal.success h2{color:#4caf50}.activity-feedback-modal.error h2{color:#ff6b6b}.activity-feedback-modal p{color:#fff;font-size:clamp(.9rem,1.8vw,1.2rem);margin-bottom:clamp(1.2rem,3vh,2rem);line-height:1.4}.btn-success{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-success{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;padding:clamp(8px,1.8vh,12px) clamp(20px,4vw,30px);border-radius:clamp(15px,3vh,25px);font-size:clamp(.9rem,1.8vw,1.1rem);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d}.btn-success:hover{background:linear-gradient(135deg,#43a047,#5cb860);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}.escritura-game-header{text-align:center;margin-bottom:clamp(1rem,3vh,2rem);padding-top:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:clamp(120px,25vh,200px)}.numbers-section{text-align:center;position:relative;flex-shrink:0}.numbers-title{color:var(--space-yellow);margin-bottom:8px;font-size:1.3rem;font-weight:700;text-shadow:2px 2px 0px var(--space-blue)}.escritura-numbers-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;align-items:center;min-height:70px;margin-bottom:8px;padding:10px}.escritura-number-box{background:var(--number-gradient);border:2px solid var(--space-yellow);border-radius:15px;padding:15px 25px;cursor:grab;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);box-shadow:0 4px 12px #1e3a8a4d;-webkit-user-select:none;user-select:none;min-height:50px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-sizing:border-box;margin:0}.escritura-number-box:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #1e3a8a80}.escritura-number-box:active{cursor:grabbing}.escritura-number-box.in-target{background:var(--space-green);border-color:var(--space-yellow);align-self:center;margin:0}.color-0{background:linear-gradient(135deg,#3b82f6,#2563eb)}.color-1{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.color-2{background:linear-gradient(135deg,#facc15,#eab308)}.color-3{background:linear-gradient(135deg,#f97316,#ea580c)}.color-4{background:linear-gradient(135deg,#a855f7,#9333ea)}.color-5{background:linear-gradient(135deg,#06b6d4,#0891b2)}.color-6{background:linear-gradient(135deg,#84cc16,#65a30d)}.words-section{text-align:center;position:relative;flex:1;display:flex;flex-direction:column;min-height:0;overflow:visible}.escritura-words-container{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(6px,1vw,12px);align-content:start;overflow:visible;width:fit-content}.escritura-word-pair{display:flex;align-items:center;gap:clamp(8px,1.5vw,12px);padding:clamp(8px,1.5vw,12px);background:var(--paper-gradient);border-radius:12px;border:2px dashed #9ca3af;transition:all .3s ease;min-height:clamp(50px,8vh,70px);width:100%;min-width:clamp(180px,25vw,250px);max-width:100%;cursor:pointer}.escritura-word-pair.filled{border-color:#22c55e;border-style:solid}.escritura-number-display{width:clamp(40px,6vw,55px);height:clamp(40px,6vw,55px);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:700;color:#fff;background:var(--space-green);box-shadow:0 2px 8px #3b82f666;flex-shrink:0;transition:all .3s ease}.escritura-word-pair.empty .escritura-number-display{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 8px #9ca3af66;color:#fff9}.escritura-word-text{font-size:clamp(.9rem,1.8vw,1.2rem);font-weight:600;color:#1f2937;flex:1;text-align:left;overflow-wrap:break-word;word-wrap:break-word;min-width:0;line-height:1.4}.hint-word{background:var(--space-green);color:#fff;padding:clamp(.15rem,.3vh,.2rem) clamp(.3rem,.5vw,.4rem);border-radius:4px;font-size:clamp(.65rem,1.3vw,.8rem);font-weight:700;display:inline-block}.error-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease}.error-popup{background:linear-gradient(135deg,#1e293bf2,#334155e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid #ef4444;border-radius:25px;padding:2.5rem;max-width:400px;width:90%;box-shadow:0 25px 50px #ef444480;animation:modalSlideIn .4s ease;text-align:center}.error-icon{font-size:4rem;margin-bottom:1rem;animation:shake .5s ease}.error-popup h3{color:#ef4444;font-size:1.8rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(239,68,68,.5)}.error-popup p{color:#fff;font-size:1.1rem;margin:0}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.escritura-modal-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;width:100%}.escritura-btn-secondary{background:linear-gradient(135deg,#64748b,#475569);border:2px solid #94a3b8;border-radius:12px;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 12px #64748b4d}.escritura-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #64748b80;background:linear-gradient(135deg,#475569,#334155)}.escritura-btn-next-level{background:var(--button-gradient);border:2px solid var(--space-yellow);border-radius:12px;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 12px #fbbf244d}.escritura-btn-next-level:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2480}*{box-sizing:border-box}.contenedor-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:0;max-width:1000px;margin:0 auto;width:100%;min-height:calc(100vh - 200px)}.card{display:flex;flex-direction:row;align-items:center;border-radius:20px;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #0000004d;transition:all .3s;padding:1.5rem;gap:2rem;min-height:100px;max-width:900px;width:100%}.card:hover{transform:translateY(-2px);box-shadow:0 25px 70px #10b98166;border-color:#10b98180}.card:active{box-shadow:0 20px 60px #10b98199;border-color:#10b981b3}.imagegame{display:flex;justify-content:center;align-items:center;width:220px;height:170px;border-radius:15px;flex-shrink:0;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.imagegame img{width:100%;height:100%;object-fit:contain;border-radius:10px;transition:transform .3s ease}.imagegame img:hover{transform:scale(1.05)}.textgame{display:flex;flex-direction:column;gap:1rem;flex:1;text-align:left}.textgame button{margin:1rem 0 0;background:#a764c752;border:2px solid rgba(251,191,36,.3);color:#fff;border-radius:50px;padding:12px 30px;font-size:16px;font-family:Fredoka,cursive;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 15px #0003;align-self:flex-end}.textgame button:hover{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border-color:#fbbf2499;color:#fff}.textgame h2{font-size:28px;margin:0;font-family:Fredoka,cursive;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(138,43,226,.6)}.textgame p{font-size:16px;font-family:Fredoka,cursive;line-height:1.6;color:#ffffffe6;margin:0}@media(max-width:1024px){.contenedor-card{padding:0;gap:1.25rem}.card{padding:1.25rem;gap:1.5rem}.imagegame{width:180px;height:135px}}@media(max-width:768px){.contenedor-card{padding:0;gap:1rem}.card{flex-direction:column;text-align:center;padding:1.5rem;gap:1rem;min-height:auto}.imagegame{width:200px;height:150px;padding:8px}.imagegame img{border-radius:8px}.textgame{text-align:center}.textgame button{align-self:center}.textgame h2{font-size:24px}.textgame p{font-size:14px}}@media(max-width:480px){.contenedor-card{padding:0;gap:.75rem}.card{padding:1rem}.imagegame{width:160px;height:120px;padding:6px}.imagegame img{border-radius:6px}.textgame h2{font-size:20px}.textgame p{font-size:13px}}.dashboard{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:2rem;font-family:Fredoka,sans-serif;gap:2rem;position:relative}.dashboard>*{position:relative;z-index:1;width:100%;max-width:100%}@media(max-width:768px){.dashboard{padding:1.5rem;gap:1.5rem}}.loading-message,.error-message,.no-data-message{text-align:center;padding:3rem;color:#e74c3c;font-family:Fredoka,sans-serif}.loading-message h2,.error-message h2,.no-data-message h2{font-size:2rem;margin-bottom:1rem;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-message p,.error-message p,.no-data-message p{font-size:1.2rem;opacity:.9;margin-bottom:2rem}.error-message button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-family:Fredoka,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.error-message button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.perfil-container{display:flex;flex-direction:column;align-items:center;height:100%;padding:2rem;font-family:Fredoka,sans-serif;gap:2rem;position:relative;overflow-y:auto;overflow-x:hidden}.perfil-header{display:flex;align-items:center;gap:2rem;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:2rem;box-shadow:0 20px 60px #0000004d;width:100%;max-width:800px;position:relative;z-index:1}.avatar-section{position:relative}.perfil-avatar{width:120px;height:120px;border-radius:50%;border:4px solid #fbbf24;background:linear-gradient(135deg,#7c3aed,#1e3a8a);padding:5px}.emoji-avatar{font-size:6rem;line-height:1;padding:1.5rem;border-radius:50%;background:linear-gradient(135deg,#1e3a8a99,#7c3aed66);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.2);transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:120px;height:120px}.profile-name{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-title{font-size:1.3rem;margin:0 0 1rem;color:#ffffffe6;font-weight:500;text-shadow:0 0 10px rgba(59,130,246,.5)}.achievements{display:flex;flex-direction:column;gap:.5rem}.achievement-item{background:#7c3aed33;border:1px solid rgba(251,191,36,.3);border-radius:15px;padding:.8rem;font-size:1.1rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.achievement-item span{font-weight:700;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.6)}.games-stats{width:100%;max-width:1000px}.stats-title{text-align:center;font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.card-game{transition:all .4s ease;position:relative;overflow:hidden;width:100%;background:#36366138;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:2rem;box-shadow:0 20px 60px #0000004d;text-align:center;border-top:4px solid transparent}.card-game:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px #7c3aed66}.game-icon{font-size:3rem;text-align:center;margin-bottom:1.5rem;background:transparent}.card-game .game-title{font-size:1.6rem;font-weight:700;text-align:center;color:#fff;margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(124,58,237,.6)}.stars{display:flex;justify-content:center;gap:.3rem;margin-bottom:1.5rem}.star{font-size:1.5rem;transition:transform .2s ease}.star.filled{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.game-stats{display:flex;flex-direction:column;gap:.8rem;background:transparent;border-radius:0}.stat-row{display:flex;align-items:center;gap:.8rem;padding:.8rem;background:#f8fafc;border-radius:12px;font-weight:500;color:#4271ae}.stat-emoji{font-size:1.3rem}@media(max-width:768px){.perfil-container{padding:1.5rem;gap:1.5rem}.perfil-header{flex-direction:column;text-align:center;gap:1.5rem}.profile-name{font-size:2rem}.games-grid{grid-template-columns:1fr}.achievement-item{text-align:center}.emoji-avatar{font-size:4rem;width:100px;height:100px;padding:1rem}}.perfil-docente{padding:2rem;font-family:Fredoka,cursive;min-height:100vh;color:#fff}.teacher-info{flex:none;margin-bottom:2rem}.teacher-name{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:#fff;text-align:center;text-shadow:0 0 20px rgba(16,185,129,.8),0 0 40px rgba(16,185,129,.5)}.section-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.2rem;text-align:center;text-shadow:0 0 20px rgba(16,185,129,.8),0 0 40px rgba(16,185,129,.5)}.stats-overview,.teaching-analytics{margin-bottom:2rem}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.stat-card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);padding:1.8rem;border-radius:1.2rem;text-align:left;transition:all .3s ease;box-shadow:0 20px 60px #0000004d;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.8rem;cursor:pointer}.stat-card:before{content:"";position:absolute;top:-20px;right:-20px;width:120px;height:120px;background:#ffffff0d;border-radius:50%}.stat-card:hover{transform:translateY(-5px);box-shadow:0 25px 70px #10b98199,0 0 40px #10b98166;border-color:#10b98180}.stat-card:active{box-shadow:0 20px 60px #10b981b3,0 0 50px #10b98180}.stat-icon{font-size:2.5rem;margin-bottom:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));position:relative;z-index:1;background:#fff3;width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-number{font-size:3rem;font-weight:700;color:#fff;margin-bottom:0;position:relative;z-index:1;line-height:1}.stat-label{color:#fffffff2;font-weight:500;font-size:.95rem;position:relative;z-index:1;text-transform:uppercase;letter-spacing:.5px}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem}.analytics-card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);padding:1.5rem;border-radius:1rem;box-shadow:0 20px 60px #0000004d;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.analytics-card:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:#ffffff0d;border-radius:50%;transform:translate(40%,-40%)}.analytics-card:hover{transform:translateY(-5px);box-shadow:0 25px 70px #10b98199,0 0 40px #10b98166;border-color:#10b98180}.analytics-card:active{box-shadow:0 20px 60px #10b981b3,0 0 50px #10b98180}.analytics-card h3{margin:0 0 1rem;color:#fff;font-weight:700;text-align:center;position:relative;z-index:1}.progress-bar{width:100%;height:12px;background:#fff3;border-radius:6px;overflow:hidden;margin-bottom:.5rem;position:relative;z-index:1}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:6px;transition:width .3s ease;box-shadow:0 2px 8px #10b98166}.progress-text{font-size:.9rem;color:#fffffff2;font-weight:600;text-align:center;position:relative;z-index:1}.analytics-number{text-align:center;position:relative;z-index:1}.big-number{display:block;font-size:3rem;font-weight:700;color:#fff;margin-bottom:.5rem}.number-label{color:#ffffffe6;font-weight:600;font-size:.95rem}@media(max-width:768px){.perfil-docente{padding:1rem}.teacher-name{font-size:2rem}.overview-grid,.analytics-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.2rem}.stat-icon{width:50px;height:50px;font-size:2rem}.stat-number{font-size:2.2rem}.big-number{font-size:2.5rem}}@media(min-width:769px)and (max-width:1024px){.overview-grid,.analytics-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.overview-grid{grid-template-columns:repeat(4,1fr)}}.desco-game-header{text-align:center;padding-top:clamp(40px,8vh,60px);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:clamp(120px,25vh,200px)}.game-play-area{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;gap:clamp(15px,4vh,30px)}.desco-question-card{background:var(--paper-gradient);padding:clamp(1rem,2.5vh,1.5rem);border-radius:clamp(12px,2.5vh,20px);border:clamp(2px,.4vh,3px) dashed var(--space-yellow);text-align:center;min-width:clamp(100px,15vw,150px);max-width:clamp(350px,70vw,450px)}.question-number{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;color:#4a148c}.question-decomposition-text{padding:clamp(1rem,3vh,2rem);font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:700;color:#4a148c}.answer-card{background:linear-gradient(135deg,#fff3e0,#ffe0b2);padding:clamp(1rem,2.5vh,1.5rem);border-radius:clamp(12px,2vh,16px);border:clamp(1.5px,.3vh,2px) solid #ffcc02;text-align:center;min-width:clamp(200px,40vw,280px);max-width:clamp(350px,70vw,450px)}.answer-instruction{font-size:clamp(.85rem,1.6vw,1rem);color:#e65100;margin-bottom:clamp(.6rem,1.5vh,1rem);font-weight:600}.answer-form{margin-bottom:clamp(.6rem,1.5vh,1rem)}.answer-input-styled{font-size:clamp(.9rem,1.8vw,1.2rem);font-weight:600;text-align:center;background:#ffffffe6;border:clamp(1.5px,.3vh,2px) solid #ffb74d;border-radius:clamp(6px,1vh,8px);padding:clamp(.5rem,1.2vh,.75rem);width:100%;max-width:clamp(250px,50vw,350px)}.desco-button-group{display:flex;gap:clamp(.6rem,1.5vw,1rem);justify-content:center}.btn-verify{background:#4caf50;color:#fff;border:none;border-radius:clamp(6px,1vh,8px);padding:clamp(.4rem,1vh,.6rem) clamp(.8rem,2vw,1.2rem);cursor:pointer;font-size:clamp(.75rem,1.5vw,.9rem);font-weight:600;transition:all .3s ease}.btn-verify:disabled{background:#e0e0e0;color:#9e9e9e;cursor:not-allowed}.btn-verify:hover:not(:disabled){background:#43a047;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.btn-clear{background:#f44336;color:#fff;border:none;border-radius:clamp(6px,1vh,8px);padding:clamp(.4rem,1vh,.6rem) clamp(.8rem,2vw,1.2rem);cursor:pointer;font-size:clamp(.75rem,1.5vw,.9rem);font-weight:600;transition:all .3s ease}.btn-clear:hover{background:#e53935;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:clamp(.6rem,1.5vh,1rem)}.modal-content{background:linear-gradient(135deg,#fff8e7,#f7f1e3);border-radius:clamp(12px,2vh,16px);padding:clamp(1.2rem,3vh,2rem);max-width:clamp(350px,70vw,500px);width:100%;text-align:center;box-shadow:0 20px 40px #0003;position:relative;border:clamp(.5px,.15vh,1px) solid #e2d5c7}.modal-content.congrats{background:linear-gradient(135deg,#fef3c7,#fcd34d);border-color:#f59e0b}.desco-feedback-icon{font-size:clamp(3rem,6vw,4rem);text-align:center;margin-bottom:clamp(.6rem,1.5vh,1rem)}.desco-feedback-title{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;text-align:center;margin-bottom:clamp(.6rem,1.5vh,1rem);font-family:Playfair Display,serif}.desco-feedback-text{font-size:clamp(.9rem,1.8vw,1.1rem);text-align:center;margin-bottom:clamp(1.2rem,3vh,2rem);color:#4a5568;line-height:1.5}.desco-feedback-button-container{text-align:center}.desco-feedback-button{padding:clamp(.5rem,1.2vh,.75rem) clamp(1.2rem,3vw,2rem);font-size:clamp(.9rem,1.8vw,1.1rem)}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes glow{0%{box-shadow:0 0 5px #8b5e344d}50%{box-shadow:0 0 20px #8b5e3499}to{box-shadow:0 0 5px #8b5e344d}}.slide-in{animation:slideIn .5s ease-out}.glow{animation:glow 2s infinite}.compoydesco-game-modes-container{display:flex;gap:clamp(1rem,3vw,2rem);justify-content:center;align-items:stretch;margin-top:clamp(.6rem,1.5vh,1rem);width:100%;max-width:clamp(600px,90vw,900px);margin-left:auto;margin-right:auto}.compoydesco-mode-card{background:#ffffff1a;border:clamp(1.5px,.3vh,2px) solid var(--space-yellow);border-radius:clamp(12px,2.5vh,20px);padding:clamp(1.2rem,3vh,2rem);flex:1;min-width:clamp(250px,40vw,350px);max-width:clamp(300px,45vw,450px);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.compoydesco-mode-card:hover{transform:translateY(-10px);background:#fff3;box-shadow:0 10px 30px #fbbf244d}.mode-icon{font-size:clamp(3rem,6vw,4rem);margin-bottom:clamp(.6rem,1.5vh,1rem);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.mode-title{color:var(--space-yellow);font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:700;margin-bottom:clamp(.3rem,.8vh,.5rem);font-family:Fredoka,sans-serif;text-shadow:2px 2px 0px var(--space-blue)}.mode-desc{color:#fff;font-size:clamp(.85rem,1.6vw,1rem);line-height:1.4;margin-bottom:clamp(1rem,2.5vh,1.5rem);font-weight:500}.btn-mode-action{margin-top:auto;background:var(--button-gradient);color:#fff;padding:clamp(.5rem,1.2vh,.8rem) clamp(1rem,2.5vw,1.5rem);border-radius:clamp(8px,1.5vh,12px);font-weight:700;font-size:clamp(.85rem,1.6vw,1rem);border:clamp(1.5px,.3vh,2px) solid transparent;transition:all .3s ease}.compoydesco-mode-card:hover .btn-mode-action{border-color:var(--space-yellow);transform:scale(1.05)}@media(max-width:600px){.compoydesco-game-modes-container{flex-direction:column;align-items:center}.compoydesco-mode-card{width:100%;max-width:400px}}.hint-modal-content{background:#fffffffa;border-radius:2rem;padding:2rem;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 50px #0000004d;position:relative;border:3px solid;transition:all .3s ease}.hint-modal-icon{font-size:3rem;margin-bottom:1rem}.hint-modal-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;font-family:inherit}.hint-modal-box{padding:1.5rem;border-radius:1rem;margin:1rem 0;border:3px solid;box-shadow:0 4px 12px #0003}.hint-modal-text{font-size:1.1rem;line-height:1.6;margin:0;font-weight:500}.hint-modal-actions{text-align:center;margin-top:2rem}.hint-modal-button{font-size:1.1rem;font-weight:700;padding:.75rem 1.5rem;border-radius:1rem;cursor:pointer;border:3px solid;transition:all .3s ease;font-family:inherit}.hint-modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.hint-modal-content.escala{border-color:#8b5cf6}.hint-modal-content.escala .hint-modal-title{color:#5b21b6}.hint-modal-content.escala .hint-modal-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.hint-modal-content.escala .hint-modal-text{color:#a16207}.hint-modal-button.escala{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#b45309;color:#fff;box-shadow:0 4px 15px #f59e0b66}.hint-modal-button.escala:hover{box-shadow:0 6px 20px #f59e0b80}.hint-modal-content.descomposicion{border-color:#8b5cf6}.hint-modal-content.descomposicion .hint-modal-title{color:#5b21b6;font-family:Fredoka,sans-serif;font-size:1.8rem;font-weight:700}.hint-modal-content.descomposicion .hint-modal-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.hint-modal-content.descomposicion .hint-modal-text{color:#a16207}.hint-modal-button.descomposicion{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#b45309;color:#fff;box-shadow:0 4px 15px #f59e0b66;padding:.75rem 2rem}.hint-modal-button.descomposicion:hover{box-shadow:0 6px 20px #f59e0b80}.hint-modal-content.default{border-color:#6b7280}.hint-modal-content.default .hint-modal-title{color:#374151}.hint-modal-content.default .hint-modal-box{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#9ca3af;box-shadow:0 4px 12px #9ca3af4d}.hint-modal-content.default .hint-modal-text{color:#4b5563}.hint-modal-button.default{background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#374151;color:#fff;box-shadow:0 4px 15px #6b728066}.hint-modal-button.default:hover{box-shadow:0 6px 20px #6b728080}@media(max-width:768px){.hint-modal-content{margin:1rem;padding:1.5rem}.hint-modal-title{font-size:1.3rem}.hint-modal-text{font-size:1rem}.hint-modal-button{font-size:1rem;padding:.6rem 1.2rem}}:root{--color-primary: var(--space-purple, #7c3aed);--color-secondary: var(--space-blue, #1e3a8a)}*{margin:0;padding:0;box-sizing:border-box}.game-hud{position:absolute;top:clamp(1.2rem,3vh,2rem);right:clamp(1.2rem,3vh,2rem);background:#fffffff2;-webkit-backdrop-filter:blur(clamp(7px,1.5vh,10px));backdrop-filter:blur(clamp(7px,1.5vh,10px));padding:clamp(.6rem,1.5vh,1rem) clamp(.9rem,2.25vh,1.5rem);border-radius:clamp(1.4rem,3vh,2rem);border:clamp(1.4px,.3vh,2px) solid #fbbf24;color:#1e40af;font-weight:700;z-index:10;box-shadow:0 clamp(2.8px,.6vh,4px) clamp(8.4px,1.8vh,12px) #fbbf244d}.game-hud span{color:#f59e0b;font-weight:900}.game-card{background:#fffffff2;color:#1e40af;padding:clamp(1.2rem,3vh,2rem);border-radius:clamp(1.4rem,3vh,2rem);box-shadow:0 clamp(7px,1.5vh,10px) clamp(21px,4.5vh,30px) #0003;position:relative;max-width:clamp(560px,120vw,800px);margin:clamp(1.2rem,3vh,2rem) auto;border:clamp(2.1px,.45vh,3px) solid #3b82f6;z-index:5}.sequence-container{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:clamp(2.1px,.45vh,3px) solid #0ea5e9;border-radius:clamp(1.05rem,2.25vh,1.5rem);padding:clamp(1.2rem,3vh,2rem);margin:clamp(1.2rem,3vh,2rem) 0;position:relative}.sequence-title{font-family:var(--font-fredoka);font-size:clamp(1.05rem,2.1vw,1.5rem);font-weight:600;text-align:center;color:var(--color-secondary);margin-bottom:clamp(1.2rem,3vh,2rem);text-shadow:clamp(1.4px,.3vh,2px) clamp(1.4px,.3vh,2px) clamp(2.8px,.6vh,4px) rgba(0,0,0,.1)}.sequence-numbers{display:flex;justify-content:center;align-items:center;gap:clamp(.6rem,1.5vw,1rem);flex-wrap:wrap;margin-bottom:clamp(1.2rem,3vh,2rem)}.number-box{width:clamp(56px,12vw,80px);height:clamp(56px,12vw,80px);display:flex;align-items:center;justify-content:center;border-radius:clamp(.7rem,1.5vh,1rem);font-size:clamp(1.05rem,2.1vw,1.5rem);font-weight:700;transition:all .3s ease;position:relative;box-shadow:0 clamp(2.8px,.6vh,4px) clamp(8.4px,1.8vh,12px) #00000026}.number-box.filled{color:#fff;border:clamp(2.1px,.45vh,3px) solid #1e3a8a}.number-box.empty{background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a,#5b21b61a);border:clamp(2.1px,.45vh,3px) dashed #8b5cf6;color:#7c3aed}.number-input{width:clamp(56px,12vw,80px);height:clamp(56px,12vw,80px);border:clamp(2.1px,.45vh,3px) solid #8b5cf6;border-radius:clamp(.7rem,1.5vh,1rem);text-align:center;font-size:clamp(1.05rem,2.1vw,1.5rem);font-weight:700;background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a,#5b21b61a);color:#7c3aed;transition:all .3s ease;box-shadow:0 clamp(2.8px,.6vh,4px) clamp(8.4px,1.8vh,12px) #8b5cf64d}.number-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 clamp(2.8px,.6vh,4px) #7c3aed33;background:#fffffff2;color:#1e40af}.number-input.correct{border-color:#10b981;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.number-input.incorrect{border-color:#ef4444;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.anterior-posterior-container{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(1.2rem,3vw,2rem);align-items:center;margin:clamp(1.2rem,3vh,2rem) 0;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:clamp(1.2rem,3vh,2rem);border-radius:clamp(1.05rem,2.25vh,1.5rem);border:clamp(2.1px,.45vh,3px) solid #0ea5e9}.anterior-section,.posterior-section{text-align:center}.section-label{font-size:clamp(.7rem,1.4vw,1rem);font-weight:600;color:#0c4a6e;margin-bottom:clamp(.6rem,1.5vh,1rem);text-transform:uppercase;letter-spacing:clamp(.7px,.15vw,1px)}.base-number{width:clamp(70px,15vw,100px);height:clamp(70px,15vw,100px);background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:clamp(1.05rem,2.25vh,1.5rem);display:flex;align-items:center;justify-content:center;font-size:clamp(1.4rem,2.8vw,2rem);font-weight:900;box-shadow:0 clamp(5.6px,1.2vh,8px) clamp(14px,3vh,20px) #8b5cf666;border:clamp(2.1px,.45vh,3px) solid var(--color-primary);position:relative}.base-number:before{content:"";position:absolute;top:clamp(-3.5px,-.75vh,-5px);left:clamp(-3.5px,-.75vh,-5px);right:clamp(-3.5px,-.75vh,-5px);bottom:clamp(-3.5px,-.75vh,-5px);background:linear-gradient(45deg,#fbbf24,#f59e0b);border-radius:clamp(1.05rem,2.25vh,1.5rem);z-index:-1}.btn-base{padding:clamp(.6rem,1.5vh,1rem) clamp(1.2rem,3vh,2rem);border:none;border-radius:clamp(1.4rem,3vh,2rem);font-weight:700;font-size:clamp(.77rem,1.54vw,1.1rem);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:clamp(.7px,.15vw,1px);position:relative;overflow:hidden;font-family:var(--font-comic);box-shadow:var(--shadow-light)}.btn-base:hover{transform:translateY(-3px);box-shadow:var(--shadow-medium)}.btn-start{background:var(--main-gradient)}.btn-check{background:var(--gradient-success)}.btn-hint{background:var(--gradient-warning)}.level-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(196px,42vw,280px),1fr));max-width:clamp(840px,180vw,1200px);margin:clamp(1.2rem,3vh,2rem) auto;padding:0 clamp(1.2rem,3vh,2rem)}.level-btn .level-operation{font-size:clamp(.63rem,1.26vw,.9rem);font-weight:600;color:var(white);margin-top:clamp(.15rem,.375vh,.25rem);opacity:.9}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:clamp(.6rem,1.5vh,1rem)}.modal-content{background:#fffffffa;border-radius:clamp(1.4rem,3vh,2rem);padding:clamp(1.2rem,3vh,2rem);max-width:clamp(350px,75vw,500px);width:100%;text-align:center;box-shadow:0 clamp(14px,3vh,20px) clamp(35px,7.5vh,50px) #0000004d;position:relative;border:clamp(2.1px,.45vh,3px) solid #3b82f6}.modal-content.congrats{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.feedback-correct{color:#059669}.feedback-incorrect{color:#dc2626}.hint-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:clamp(4.2px,.9vh,6px) solid #f59e0b;padding:clamp(.9rem,2.25vh,1.5rem);border-radius:clamp(.7rem,1.5vh,1rem);margin:clamp(.6rem,1.5vh,1rem) 0;border:clamp(2.1px,.45vh,3px) solid #f3d078;box-shadow:0 clamp(2.8px,.6vh,4px) clamp(8.4px,1.8vh,12px) #f59e0b4d}.hint-title{font-weight:700;color:#92400e;margin-bottom:clamp(.3rem,.75vh,.5rem);font-size:clamp(.77rem,1.54vw,1.1rem)}.hint-text{color:#a16207;line-height:1.6;font-weight:500}.progress-indicator{background:#ffffffe6;border-radius:clamp(1.4rem,3vh,2rem);padding:clamp(.6rem,1.5vh,1rem) clamp(1.2rem,3vh,2rem);margin-bottom:clamp(1.2rem,3vh,2rem);display:inline-block;color:#1e40af;font-weight:700;border:clamp(2.1px,.45vh,3px) solid #3b82f6;box-shadow:0 clamp(2.8px,.6vh,4px) clamp(8.4px,1.8vh,12px) #3b82f64d}.control-buttons{display:flex;justify-content:center;gap:clamp(.6rem,1.5vw,1rem);margin-top:clamp(1.2rem,3vh,2rem);flex-wrap:wrap}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes slideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.float{animation:float 3s ease-in-out infinite}.pulse{animation:pulse 2s infinite}.slide-in{animation:slideIn .6s ease-out}@media(max-width:768px){.game-hud{position:relative;top:auto;right:auto;margin-bottom:clamp(1.2rem,3vh,2rem);font-size:clamp(.63rem,1.26vw,.9rem)}.header-controls{position:relative;top:auto;left:auto;margin-bottom:clamp(1.2rem,3vh,2rem);justify-content:center}.game-card{margin:clamp(.6rem,1.5vh,1rem);padding:clamp(.9rem,2.25vh,1.5rem)}.sequence-numbers{gap:clamp(.3rem,.75vw,.5rem)}.number-box,.number-input{width:clamp(42px,9vw,60px);height:clamp(42px,9vw,60px);font-size:clamp(.84rem,1.68vw,1.2rem)}.base-number{width:clamp(56px,12vw,80px);height:clamp(56px,12vw,80px);font-size:clamp(1.05rem,2.1vw,1.5rem)}.anterior-posterior-container{grid-template-columns:1fr;gap:clamp(.9rem,2.25vw,1.5rem);text-align:center}.level-grid{grid-template-columns:1fr;gap:clamp(.6rem,1.5vw,1rem);padding:0 clamp(.6rem,1.5vh,1rem)}.lighthouse{right:10%;width:clamp(21px,4.5vw,30px);height:clamp(42px,9vh,60px)}.house{left:5%;width:clamp(31.5px,6.75vw,45px);height:clamp(28px,6vh,40px)}}@media(max-width:480px){.btn{padding:clamp(.48rem,1.2vh,.8rem) clamp(.9rem,2.25vh,1.5rem);font-size:clamp(.7rem,1.4vw,1rem)}.sequence-title,.level-title{font-size:clamp(.91rem,1.82vw,1.3rem)}.modal-content{padding:clamp(.9rem,2.25vh,1.5rem);margin:clamp(.6rem,1.5vh,1rem)}.control-buttons{flex-direction:column;align-items:center}}.feedback-icon{font-size:clamp(2.1rem,4.2vw,3rem);margin-bottom:clamp(.6rem,1.5vh,1rem)}.feedback-title{font-size:clamp(1.05rem,2.1vw,1.5rem);font-weight:700;margin-bottom:clamp(.6rem,1.5vh,1rem);color:#1e40af}.feedback-explanation{font-size:clamp(.77rem,1.54vw,1.1rem);margin-bottom:clamp(1.2rem,3vh,2rem);line-height:1.5;color:#374151}.feedback-actions{display:flex;gap:clamp(.6rem,1.5vw,1rem);justify-content:center;flex-wrap:wrap}.btn-main-gradient{color:#fff;border:clamp(2.1px,.45vh,3px) solid #1e3a8a;transition:all .3s ease}.btn-main-gradient:hover{transform:translateY(clamp(-1.4px,-.3vh,-2px));box-shadow:0 clamp(5.6px,1.2vh,8px) clamp(16.8px,3.6vh,24px) #1e3a8a66}.btn-close,.btn-success,.btn-play-again,.btn-back-to-games{font-weight:700;padding:clamp(.6rem,1.5vh,1rem) clamp(1.2rem,3vh,2rem);border-radius:clamp(.7rem,1.5vh,1rem);cursor:pointer;font-family:var(--font-comic);transition:all .3s ease}.congrats-header{text-align:center;margin-bottom:clamp(1.2rem,3vh,2rem)}.congrats-icon{font-size:clamp(2.8rem,5.6vw,4rem);margin-bottom:clamp(.6rem,1.5vh,1rem)}.congrats-title{font-size:clamp(1.4rem,2.8vw,2rem);font-weight:700;color:#1e40af;margin-bottom:clamp(.6rem,1.5vh,1rem);font-family:Fredoka,sans-serif}.congrats-subtitle{font-size:clamp(.84rem,1.68vw,1.2rem);color:#374151;font-weight:600}.score-summary{display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(1.2rem,3vh,2rem)}.score-circle{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;width:clamp(84px,18vw,120px);height:clamp(84px,18vw,120px);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:clamp(1.2rem,3vh,2rem);box-shadow:0 clamp(5.6px,1.2vh,8px) clamp(14px,3vh,20px) #3b82f666}.score-percentage{font-size:clamp(1.4rem,2.8vw,2rem);font-weight:900;line-height:1}.score-fraction{font-size:clamp(.7rem,1.4vw,1rem);font-weight:600;opacity:.9}.level-info{text-align:center;width:100%}.level-info h3{color:#1e40af;font-family:Fredoka,sans-serif;font-size:clamp(1.05rem,2.1vw,1.5rem);font-weight:700;margin-bottom:clamp(.6rem,1.5vh,1rem)}.level-passed-info{background:linear-gradient(135deg,#1e3a8a1a,#3b82f61a);border:clamp(1.4px,.3vh,2px) solid #1e3a8a;border-radius:clamp(.7rem,1.5vh,1rem);padding:clamp(.6rem,1.5vh,1rem);margin-bottom:clamp(.6rem,1.5vh,1rem)}.level-passed-text{color:#1e3a8a;font-weight:700;margin:0}.level-unlocked-text{color:#1e3a8a;font-weight:600;margin:clamp(.3rem,.75vh,.5rem) 0 0 0;font-size:clamp(.63rem,1.26vw,.9rem)}.level-failed-info{background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);border:clamp(1.4px,.3vh,2px) solid #8b5cf6;border-radius:clamp(.7rem,1.5vh,1rem);padding:clamp(.6rem,1.5vh,1rem);margin-bottom:clamp(.6rem,1.5vh,1rem)}.level-failed-text{color:#92400e;font-weight:700;margin:0}.level-retry-text{color:#92400e;font-weight:600;margin:clamp(.3rem,.75vh,.5rem) 0 0 0;font-size:clamp(.63rem,1.26vw,.9rem)}.congrats-actions{display:flex;justify-content:center;gap:clamp(.6rem,1.5vw,1rem);flex-wrap:wrap}.btn-play-again,.btn-back-to-games{box-shadow:0 clamp(4.2px,.9vh,6px) clamp(14px,3vh,20px) #7c3aed66}.header-info{display:flex;flex-direction:column;gap:clamp(.6rem,1.5vw,1rem)}.game-level-title{font-size:clamp(1.4rem,2.8vw,2rem);color:var(--color-primary);font-family:var(--font-fredoka);font-weight:900;text-shadow:clamp(1.4px,.3vh,2px) clamp(1.4px,.3vh,2px) clamp(2.8px,.6vh,4px) rgba(0,0,0,.1);margin:0}.escala-question-card{background:var(--paper-gradient);padding:clamp(1rem,2vw,2rem);border-radius:1rem;border:3px dashed var(--space-yellow);text-align:center;overflow:hidden;display:flex;flex-direction:column;gap:clamp(1rem,2vh,1.5rem)}.question-counter{font-size:clamp(.84rem,1.68vw,1.2rem);color:var(--color-secondary);font-weight:700;background:#ffffffe6;padding:clamp(.3rem,.75vh,.5rem) clamp(.6rem,1.5vh,1rem);border-radius:clamp(.7rem,1.5vh,1rem);border:clamp(1.4px,.3vh,2px) solid #3b82f6;display:inline-block;width:auto}.progress-section{display:flex;flex-direction:column;gap:clamp(.6rem,1.5vw,1rem)}.score-display{font-size:clamp(.77rem,1.54vw,1.1rem);color:#0c4a6e;font-weight:700;background:#ffffffe6;padding:clamp(.3rem,.75vh,.5rem) clamp(.6rem,1.5vh,1rem);border-radius:clamp(.7rem,1.5vh,1rem);border:clamp(1.4px,.3vh,2px) solid #10b981;display:inline-block;width:auto}.btn-back{background:var(--gradient-red);border:clamp(2.1px,.45vh,3px) solid #b91c1c;color:#fff;padding:clamp(.45rem,1.125vh,.75rem) clamp(.9rem,2.25vh,1.5rem);border-radius:clamp(.7rem,1.5vh,1rem);font-size:clamp(.7rem,1.4vw,1rem);font-weight:700;cursor:pointer;transition:all .3s ease}.btn-back:hover{transform:translateY(clamp(-1.4px,-.3vh,-2px));box-shadow:0 clamp(2.8px,.6vh,4px) clamp(8.4px,1.8vh,12px) #ef444466}.question-container{display:flex;justify-content:center;padding:0 clamp(1.2rem,3vh,2rem);position:relative;z-index:5}.question-content{background:#fffffff2;color:#1e40af;padding:clamp(1.2rem,3vh,2rem);border-radius:clamp(1.4rem,3vh,2rem);box-shadow:0 clamp(7px,1.5vh,10px) clamp(21px,4.5vh,30px) #0003;position:relative;max-width:clamp(560px,120vw,800px);width:100%;border:clamp(2.1px,.45vh,3px) solid #3b82f6}.anterior-posterior-question{margin-bottom:clamp(1.2rem,3vh,2rem)}.question-title{font-family:var(--font-fredoka);font-size:clamp(1.26rem,2.52vw,1.8rem);font-weight:600;text-align:center;color:var(--color-secondary);margin-bottom:clamp(1.2rem,3vh,2rem);text-shadow:clamp(1.4px,.3vh,2px) clamp(1.4px,.3vh,2px) clamp(2.8px,.6vh,4px) rgba(0,0,0,.1)}.escala-sequence-visual{display:flex;justify-content:center;align-items:center;gap:clamp(.3rem,1vw,.5rem);flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.context-number{font-size:clamp(.84rem,1.68vw,1.2rem);color:#6b7280;font-weight:600;background:#ffffffb3;padding:clamp(.36rem,.9vh,.6rem) clamp(.48rem,1.2vh,.8rem);border-radius:clamp(.56rem,1.2vh,.8rem);border:clamp(1.4px,.3vh,2px) solid #d1d5db}.missing-anterior{font-size:clamp(1.26rem,2.52vw,1.8rem);color:#dc2626;font-weight:900;background:#ffffffe6;padding:clamp(.18rem,.45vh,.3rem);border-radius:clamp(.7rem,1.5vh,1rem);border:clamp(2.1px,.45vh,3px) dashed #dc2626;min-width:clamp(35px,7.5vw,50px);max-width:clamp(56px,12vw,80px);text-align:center;display:flex;align-items:center;justify-content:center}.missing-anterior .sequence-input{width:100%;max-width:clamp(49px,10.5vw,70px);border:none;background:transparent;font-size:clamp(1.26rem,2.52vw,1.8rem);color:#dc2626;font-weight:900;text-align:center;outline:none;padding:clamp(.12rem,.3vh,.2rem)}.missing-anterior .sequence-input::placeholder{color:#dc2626;opacity:.5}.missing-anterior .sequence-input:focus{background:#dc26261a}.missing-anterior .sequence-input.error{background:#ef444433}.missing-anterior .sequence-input.disabled{opacity:.6;cursor:not-allowed}.central-number{font-size:clamp(1.54rem,3.08vw,2.2rem);color:#1e40af;font-weight:900;background:#ffffffe6;padding:clamp(.72rem,1.8vh,1.2rem) clamp(.9rem,2.25vh,1.5rem);border-radius:clamp(1.05rem,2.25vh,1.5rem);border:clamp(2.1px,.45vh,3px) solid #3b82f6;min-width:clamp(49px,10.5vw,70px);text-align:center}.missing-posterior{font-size:clamp(1.26rem,2.52vw,1.8rem);color:#16a34a;font-weight:900;background:#ffffffe6;padding:clamp(.18rem,.45vh,.3rem);border-radius:clamp(.7rem,1.5vh,1rem);border:clamp(2.1px,.45vh,3px) dashed #16a34a;min-width:clamp(35px,7.5vw,50px);max-width:clamp(56px,12vw,80px);text-align:center;display:flex;align-items:center;justify-content:center}.missing-posterior .sequence-input{width:100%;max-width:clamp(49px,10.5vw,70px);border:none;background:transparent;font-size:clamp(1.26rem,2.52vw,1.8rem);color:#16a34a;font-weight:900;text-align:center;outline:none;padding:clamp(.12rem,.3vh,.2rem)}.missing-posterior .sequence-input::placeholder{color:#16a34a;opacity:.5}.missing-posterior .sequence-input:focus{background:#16a34a1a}.missing-posterior .sequence-input.error{background:#ef444433}.missing-posterior .sequence-input.disabled{opacity:.6;cursor:not-allowed}.anterior-posterior-inputs{display:flex;justify-content:center;gap:clamp(.9rem,4vw,3rem);flex-wrap:nowrap;align-items:center}.input-group{text-align:center}.input-label{font-size:clamp(.84rem,1.68vw,1.2rem);font-weight:700;margin-bottom:clamp(.6rem,1.5vh,1rem);display:block}.input-label.anterior{color:#dc2626}.input-label.posterior{color:#16a34a}.answer-input{font-size:clamp(1.05rem,2.1vw,1.5rem);padding:clamp(.6rem,1.5vh,1rem);border-radius:clamp(.7rem,1.5vh,1rem);text-align:center;width:clamp(84px,18vw,120px);appearance:none;-webkit-appearance:none;-moz-appearance:textfield;transition:all .3s ease}.answer-input.anterior{border:clamp(2.1px,.45vh,3px) solid #dc2626}.answer-input.posterior{border:clamp(2.1px,.45vh,3px) solid #16a34a}.answer-input.error{border-color:#ef4444;background-color:#fef2f2}.answer-input.disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.answer-input:focus{outline:none;box-shadow:0 0 0 clamp(2.8px,.6vh,4px) #7c3aed33;background:#fffffff2;color:#1e40af}.input-error{color:#dc2626;font-size:clamp(.6125rem,1.225vw,.875rem);margin-top:clamp(.15rem,.375vh,.25rem)}.game-instructions{background:linear-gradient(135deg,#e0f2fe,#b3e5fc);border:clamp(2.1px,.45vh,3px) solid #0288d1;border-radius:clamp(.7rem,1.5vh,1rem);padding:clamp(.9rem,2.25vh,1.5rem);margin:clamp(1.2rem,3vh,2rem) auto;max-width:clamp(420px,90vw,600px);text-align:center;box-shadow:0 clamp(2.8px,.6vh,4px) clamp(8.4px,1.8vh,12px) #0000001a}.instructions-title{font-size:clamp(.84rem,1.68vw,1.2rem);font-weight:700;color:#0277bd;margin-bottom:clamp(.3rem,.75vh,.5rem)}.instructions-description{font-size:clamp(.7rem,1.4vw,1rem);color:#01579b;font-weight:600}.instructions-help{font-size:clamp(.6125rem,1.225vw,.875rem);color:#01579b;margin-top:clamp(.3rem,.75vh,.5rem)}.game-actions{text-align:center;margin-top:clamp(1.2rem,3vh,2rem);position:relative;z-index:999}.btn-submit{border:clamp(2.1px,.45vh,3px) solid #047857;color:#fff;padding:clamp(.45rem,1.125vh,.75rem) clamp(1.2rem,3vh,2rem);border-radius:clamp(.7rem,1.5vh,1rem);font-size:clamp(.84rem,1.68vw,1.2rem);font-weight:700;position:relative;z-index:1000;transition:all .3s ease}.btn-submit.enabled{background:var(--gradient-green);cursor:pointer;opacity:1}.btn-submit.disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.6}.btn-submit.enabled:hover{transform:translateY(clamp(-1.4px,-.3vh,-2px));box-shadow:0 clamp(4.2px,.9vh,6px) clamp(14px,3vh,20px) #10b98166}.error-notification{position:fixed;top:clamp(14px,3vh,20px);right:clamp(14px,3vh,20px);background:#fef3c7;border:clamp(1.4px,.3vh,2px) solid #f59e0b;border-radius:clamp(.35rem,.75vh,.5rem);padding:clamp(.6rem,1.5vh,1rem);z-index:9999;max-width:clamp(210px,45vw,300px)}.error-notification-text{color:#92400e;font-weight:600}.error-notification-close{margin-top:clamp(.3rem,.75vh,.5rem);background:#f59e0b;color:#fff;border:none;border-radius:clamp(.175rem,.375vh,.25rem);padding:clamp(.15rem,.375vh,.25rem) clamp(.3rem,.75vh,.5rem);font-size:clamp(.6125rem,1.225vw,.875rem);cursor:pointer;transition:background-color .2s ease}.error-notification-close:hover{background:#d97706}.escala-game-content{min-height:100vh;height:100%}.escala-game-play-area{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:clamp(.6rem,2vh,2rem)}.calculos-root{height:100vh;width:100vw;background:var(--main-gradient);padding:0;font-family:Fredoka,cursive;box-sizing:border-box;overflow:hidden;position:fixed;top:0;left:0;z-index:1000}.juego-calculos-content{width:100%;height:100vh;margin:0;background:var(--main-gradient);padding:12px;box-sizing:border-box;display:flex;flex-direction:column;position:relative;z-index:10;justify-content:flex-start;overflow-y:auto;border-radius:25px;box-shadow:0 0 30px #667eea80}.operation-card{background:var(--button-gradient);color:#fff;border:3px solid var(--space-yellow);padding:clamp(1.5rem,3vw,2rem);border-radius:20px;font-size:clamp(1rem,2.5vw,1.1rem);font-weight:700;cursor:pointer;transition:all .3s ease;min-height:clamp(200px,25vh,280px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.operation-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #1e3a8a80;border-color:#fff}.operation-icon{font-size:clamp(3rem,6vw,4rem);margin-bottom:clamp(.5rem,2vh,1rem);animation:bounce 2s infinite}.operation-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:clamp(.5rem,1vh,.75rem);color:var(--space-yellow)}.operation-description{font-size:clamp(.9rem,2vw,1rem);line-height:1.4;margin-bottom:clamp(.5rem,1vh,.75rem);opacity:.9}.operation-levels{font-size:clamp(.8rem,1.8vw,.9rem);opacity:.8;font-weight:500}.game-screen{height:100%;display:flex;flex-direction:column;padding:0}.calculos-game-header{text-align:center;margin-bottom:clamp(1rem,3vh,2rem);padding-top:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:clamp(120px,25vh,200px)}.calculos-game-play-area{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:clamp(1rem,2vh,2rem)}.calculos-question-card{background:var(--paper-gradient);padding:clamp(1rem,2vw,2rem);border-radius:1rem;border:3px dashed var(--space-yellow);text-align:center;overflow:hidden;display:flex;flex-direction:column;gap:clamp(1rem,2vh,1.5rem)}.question-container{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:3px solid var(--space-yellow);border-radius:25px;padding:clamp(2rem,4vh,3rem);text-align:center;max-width:600px;width:100%;box-shadow:0 8px 25px #1e3a8a4d;display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,2vh,1.5rem)}.calculation-display{width:100%}.question-text{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--space-blue)}.equals-display{padding-top:1px;margin-bottom:clamp(.5rem,1vh,1rem)}.equals-sign{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--space-yellow)}.answer-section{width:100%;margin-bottom:clamp(.5rem,1vh,1rem)}.submit-section{width:100%}.answer-input{width:100%;max-width:300px;font-size:clamp(1.5rem,3vw,2rem);text-align:center;border:3px solid var(--space-purple);background:#ffffffe6;color:var(--space-blue);border-radius:15px;padding:clamp(.75rem,2vh,1rem);font-weight:600;transition:all .3s ease;margin:0 auto}.answer-input::-webkit-outer-spin-button,.answer-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.answer-input[type=number]{-moz-appearance:textfield;appearance:textfield}.answer-input:focus{outline:none;border-color:var(--space-yellow);box-shadow:0 0 15px #fbbf2466;transform:scale(1.02)}.answer-input:disabled{opacity:.6;cursor:not-allowed}.btn-check{background:var(--button-gradient);color:#fff;border:2px solid var(--space-yellow);border-radius:15px;padding:clamp(.75rem,2vh,1rem) clamp(1.5rem,3vw,2rem);font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #1e3a8a4d;width:auto;max-width:200px;margin:0 auto}.btn-check:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1e3a8a66;border-color:#fff}.btn-check:disabled{opacity:.6;cursor:not-allowed;transform:none}.feedback-message{text-align:center;padding:clamp(1rem,2vh,1.5rem);border-radius:15px;margin:clamp(1rem,2vh,1.5rem) auto;max-width:500px;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600;animation:slideIn .3s ease-out}.feedback-success{background:#fff;border:2px solid #10b981;color:#10b981}.feedback-error{background:#fff;border:2px solid #ef4444;color:#ef4444}.help-text{text-align:center;color:#ffffffb3;font-size:clamp(.8rem,1.8vw,.9rem);margin-top:auto;padding:clamp(1rem,2vh,1.5rem)}.level-tips{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid var(--space-yellow);border-radius:20px;padding:clamp(1.5rem,3vh,2rem);margin:clamp(1.5rem,3vh,2rem) auto 0;max-width:800px;width:100%}.level-tips h3{color:var(--space-yellow);font-size:clamp(1.2rem,2.5vw,1.4rem);text-align:center;margin-bottom:clamp(1rem,2vh,1.5rem);font-weight:700}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(1rem,2vw,1.5rem)}.tip-item{text-align:center;padding:clamp(1rem,2vh,1.5rem);background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.2)}.tip-icon{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:clamp(.5rem,1vh,.75rem)}.tip-title{color:var(--space-yellow);font-weight:700;font-size:clamp(1rem,2vw,1.1rem);margin-bottom:clamp(.25rem,.5vh,.5rem)}.tip-text{color:#fff;font-size:clamp(.8rem,1.8vw,.9rem);line-height:1.4;opacity:.9}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}@media(max-width:768px){.juego-calculos-content{padding:8px;border-radius:15px}.operation-selection{grid-template-columns:1fr;gap:1rem}.game-status{flex-direction:column;align-items:center;gap:1rem}.tips-grid{grid-template-columns:1fr}}@media(max-width:480px){.operation-card{min-height:180px}.question-container{padding:1.5rem}.answer-input{max-width:250px}}@media(prefers-reduced-motion:reduce){.operation-card,.answer-input{transition:none}.operation-icon,.feedback-message{animation:none}}@media(prefers-contrast:high){.operation-card,.question-container,.level-tips,.answer-input{border-width:4px}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:clamp(.5rem,1vh,1rem);overflow:hidden}.modal-content{background:var(--space-gradient);border:3px solid var(--space-yellow);border-radius:20px;padding:clamp(1rem,2vh,1.5rem);max-width:450px;width:100%;max-height:85vh;text-align:center;transform:scale(1);transition:all .3s ease;box-shadow:0 20px 40px #1e3a8a80;color:#fff;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:10px;box-shadow:0 4px 10px #8b5cf64d}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.congrats-modal .modal-icon{width:clamp(80px,15vw,120px);height:clamp(80px,15vw,120px);margin:0 auto clamp(1.5rem,3vh,2rem);border-radius:50%;display:flex;align-items:center;justify-content:center}.success-icon{background:var(--button-gradient)}.icon-emoji{font-size:clamp(3rem,6vw,4rem);margin-bottom:clamp(.5rem,1vh,.8rem)}.modal-title{font-size:clamp(1.8rem,4vw,2.3rem);font-weight:700;margin-bottom:clamp(1rem,2vh,1.3rem);color:var(--space-yellow);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.success-title{color:var(--space-yellow)}.error-title{color:#ff6b6b}.modal-stats{background:linear-gradient(135deg,#ffffff26,#ffffff14);border:2px solid var(--space-yellow);border-radius:18px;padding:clamp(1.3rem,2.5vh,1.6rem);margin-bottom:clamp(1.3rem,2.5vh,1.6rem);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-shrink:0}.stats-title{color:#fff;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;margin-bottom:clamp(1rem,1.8vh,1.2rem);text-shadow:1px 1px 3px rgba(0,0,0,.3)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1.3rem);margin-bottom:clamp(1rem,2vh,1.3rem)}@media(min-width:480px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:clamp(.8rem,1.5vw,1rem)}.stat-label{font-size:clamp(.7rem,1.4vw,.8rem)}.stat-value{font-size:clamp(1.2rem,2.5vw,1.5rem)}}.stat-item{text-align:center}.stat-label{display:block;font-size:clamp(.8rem,1.7vw,.9rem);color:#fffc;margin-bottom:.3rem;font-weight:500}.stat-value{display:block;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;color:var(--space-yellow);text-shadow:1px 1px 3px rgba(0,0,0,.3)}.performance-message{font-size:clamp(1rem,2.2vw,1.3rem);font-weight:600;margin-bottom:clamp(.6rem,1.2vh,.8rem);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.completion-message,.next-challenge{font-size:clamp(.85rem,1.7vw,1rem);color:#ffffffe6;margin-bottom:.4rem;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.modal-buttons{display:flex;flex-direction:column;gap:clamp(.7rem,1.4vh,.9rem);margin-bottom:0;flex-shrink:0}.modal-btn{width:100%;padding:clamp(.7rem,1.6vh,.9rem) clamp(1.2rem,2.5vw,1.5rem);font-size:clamp(.9rem,1.8vw,1.1rem);font-weight:600;border-radius:12px;border:2px solid var(--space-yellow);cursor:pointer;transition:all .3s ease;background:var(--button-gradient);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.modal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #fbbf244d}.modal-tip{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:clamp(.6rem,1.2vh,.8rem);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-shrink:0}.tip-content{color:#ffffffe6;font-size:clamp(.7rem,1.4vw,.8rem);line-height:1.3;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.calculos-button-group{padding-top:1rem;display:flex;gap:1rem;justify-content:center}.text-green-600{color:#10b981}.text-blue-600{color:#2563eb}.text-yellow-600{color:#d97706}.text-red-600{color:#ef4444}