.app{min-height:100vh}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--bg-card);border-bottom:2px solid var(--border);position:sticky;top:0;z-index:100}.nav-brand{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--xp-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:.5rem}.nav-btn{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s;font-size:.9rem}.nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-btn.activa{background:var(--primary);color:#fff}.player-info{display:flex;gap:1rem;align-items:center}.level{background:var(--xp-color);padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:700}.coins{background:var(--coin-color);color:var(--bg-dark);padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:700}.main-content{padding:2rem;max-width:1200px;margin:0 auto}.health-bar-section{background:var(--bg-card);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid var(--border)}.health-bar-section h2{margin-bottom:1rem}.health-bar-container{height:30px;background:var(--bg-dark);border-radius:15px;overflow:hidden;border:2px solid var(--border)}.health-bar-fill{height:100%;background:linear-gradient(90deg,var(--xp-color),var(--primary));display:flex;align-items:center;justify-content:center;transition:width .5s ease;min-width:fit-content;padding:0 1rem}.health-text{font-weight:700;font-size:.9rem;white-space:nowrap}.level-info{margin-top:.5rem;color:var(--text-secondary)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.card{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border);text-align:center}.card h3{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.card .amount{font-size:1.5rem;font-weight:700}.card.saldo .amount{color:var(--primary)}.card.ahorro .amount{color:var(--secondary)}.card.inversion .amount{color:var(--warning)}.badges-section{background:var(--bg-card);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid var(--border)}.badges-grid{display:flex;gap:1rem;flex-wrap:wrap}.badge{font-size:2rem;background:var(--bg-hover);padding:.5rem;border-radius:8px;cursor:help}.quick-actions{background:var(--bg-card);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid var(--border)}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.action-btn{padding:.75rem 1.5rem;border:none;background:var(--primary);color:#fff;border-radius:8px;cursor:pointer;font-size:1rem;transition:transform .2s,background .2s}.action-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.recent-movements{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border)}.movements-list{list-style:none}.movement{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border)}.movement:last-child{border-bottom:none}.movement-info{display:flex;flex-direction:column;gap:.25rem}.movement .description{font-weight:500}.movement .date{font-size:.8rem;color:var(--text-secondary)}.movement .amount{font-weight:700}.movement .amount.ingreso{color:var(--success)}.movement .amount.gasto,.movement .amount.ahorro{color:var(--danger)}.misiones-header{text-align:center;margin-bottom:1.5rem}.subtitle{color:var(--text-secondary)}.filtro-misiones{display:flex;gap:.5rem;margin-bottom:1.5rem;justify-content:center}.filtro-btn{padding:.5rem 1rem;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:20px;transition:all .2s}.filtro-btn:hover{background:var(--bg-hover)}.filtro-btn.activo{background:var(--primary);color:#fff;border-color:var(--primary)}.misiones-list{display:flex;flex-direction:column;gap:1rem}.mision-card{background:var(--bg-card);border-radius:12px;padding:1.5rem;border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;transition:transform .2s}.mision-card:hover{transform:translate(5px)}.mision-card.completada{opacity:.6;border-color:var(--success)}.mision-card.principiante{border-left:4px solid var(--success)}.mision-card.intermedio{border-left:4px solid var(--warning)}.mision-card.avanzado{border-left:4px solid var(--danger)}.mision-content h3{margin-bottom:.5rem}.mision-content p{color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem}.mision-details{display:flex;gap:.75rem}.badge-dificultad{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;text-transform:uppercase}.badge-dificultad.principiante{background:var(--success);color:#fff}.badge-dificultad.intermedio{background:var(--warning);color:var(--bg-dark)}.badge-dificultad.avanzado{background:var(--danger);color:#fff}.categoria{color:var(--text-secondary);font-size:.8rem}.mision-rewards{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.rewards{display:flex;gap:1rem}.xp{color:var(--xp-color);font-weight:700}.coins{color:var(--coin-color);font-weight:700}.completar-btn{padding:.5rem 1rem;border:none;background:var(--success);color:#fff;border-radius:8px;cursor:pointer;font-weight:700;transition:transform .2s}.completar-btn:hover{transform:scale(1.05)}.completada-tag{color:var(--success);font-weight:700}.progreso-total{background:var(--bg-card);padding:1.5rem;border-radius:12px;margin-top:1.5rem;border:1px solid var(--border)}.progreso-barra{height:10px;background:var(--bg-dark);border-radius:5px;margin-top:.5rem;overflow:hidden}.progreso-fill{height:100%;background:linear-gradient(90deg,var(--secondary),var(--primary));transition:width .5s}.cuentas-header{margin-bottom:1.5rem}.cuentas-section,.tarjetas-section,.apartados-section{margin-bottom:2rem}.cuentas-grid,.tarjetas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.cuenta-card{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border)}.cuenta-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cuenta-icon{font-size:2rem}.tipo-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;text-transform:uppercase;background:var(--primary)}.cuenta-card h4{margin-bottom:.5rem}.cuenta-card .saldo{font-size:1.5rem;font-weight:700;color:var(--success);margin-bottom:.5rem}.beneficio{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.tarjeta-card{background:linear-gradient(135deg,var(--primary),var(--xp-color));padding:1.5rem;border-radius:12px;color:#fff}.tarjeta-card.inactiva{opacity:.5;filter:grayscale(.5)}.tarjeta-chip{font-size:2rem;margin-bottom:1rem}.tarjeta-nombre{display:block;font-weight:700;margin-bottom:.25rem}.tarjeta-numero{font-family:monospace;font-size:.9rem;opacity:.8}.tarjeta-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.toggle-btn{padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;background:#fff3;color:#fff;transition:background .2s}.toggle-btn:hover{background:#ffffff4d}.action-btn-secondary{padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;background:#fff;color:var(--primary)}.edu-card{display:flex;gap:1rem;background:linear-gradient(135deg,#e5000033,#b3000033);border:2px solid var(--primary);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.edu-icon{font-size:2.5rem}.edu-content h4{margin-bottom:.5rem;color:var(--success)}.edu-content p{color:var(--text-secondary);font-size:.9rem}.apartados-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.apartado-card{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border)}.apartado-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.apartado-icono{font-size:1.5rem}.apartado-progreso{margin-bottom:1rem}.apartado-barra{height:8px;background:var(--bg-dark);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.apartado-fill{height:100%;background:linear-gradient(90deg,var(--secondary),var(--success));transition:width .5s}.apartado-monto{font-size:.85rem;color:var(--text-secondary)}.apartado-actions{display:flex;gap:.5rem}.depositar-btn{flex:1;padding:.5rem;border:none;background:var(--success);color:#fff;border-radius:8px;cursor:pointer;font-size:.85rem;transition:transform .2s}.depositar-btn:hover{transform:scale(1.05)}.crear-btn{width:100%;padding:1rem;border:2px dashed var(--border);background:transparent;color:var(--text-secondary);border-radius:12px;cursor:pointer;font-size:1rem;transition:all .2s}.crear-btn:hover{border-color:var(--primary);color:var(--primary)}.formulario-apartado{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border)}.formulario-apartado h4{margin-bottom:1rem}.formulario-apartado input{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-dark);color:var(--text-primary);font-size:1rem}.form-actions{display:flex;gap:.5rem}.guardar-btn{flex:1;padding:.75rem;border:none;background:var(--primary);color:#fff;border-radius:8px;cursor:pointer;font-weight:700}.cancelar-btn{flex:1;padding:.75rem;border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer}.ahorro-automatico{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border)}.ahorro-automatico h3{margin-bottom:1rem}.opcion-ahorro{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.opcion-ahorro:last-child{border-bottom:none}.opcion-ahorro label{display:flex;align-items:flex-start;gap:1rem;cursor:pointer;flex:1}.opcion-icono{font-size:1.5rem}.opcion-ahorro strong{display:block;margin-bottom:.25rem}.opcion-ahorro p{font-size:.85rem;color:var(--text-secondary)}.inversion-bloqueada{display:flex;justify-content:center;align-items:center;min-height:400px}.bloqueo-content{text-align:center;background:var(--bg-card);padding:3rem;border-radius:12px;border:2px solid var(--border)}.bloqueo-icono{font-size:4rem;display:block;margin-bottom:1rem}.requisitos{text-align:left;background:var(--bg-dark);padding:1.5rem;border-radius:8px;margin:1.5rem 0}.requisitos ul{list-style:none;margin-top:.5rem}.requisitos li{padding:.5rem 0}.nivel-actual{color:var(--primary);font-weight:700}.perfil-inversor{margin-bottom:1.5rem}.perfil-card{display:flex;gap:1rem;align-items:center;background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border)}.perfil-icono{font-size:3rem}.productos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.producto-card{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border);border-top:4px solid}.producto-card.bajo{border-top-color:var(--success)}.producto-card.moderado{border-top-color:var(--warning)}.producto-card.alto{border-top-color:var(--danger)}.producto-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.producto-icono{font-size:2rem}.producto-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.producto-stats{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.stat{display:flex;justify-content:space-between;font-size:.85rem}.stat-label{color:var(--text-secondary)}.stat-valor{font-weight:700}.stat-valor.bajo{color:var(--success)}.stat-valor.moderado{color:var(--warning)}.stat-valor.alto{color:var(--danger)}.invertir-btn{width:100%;padding:.75rem;border:none;background:var(--primary);color:#fff;border-radius:8px;cursor:pointer;font-weight:700;transition:transform .2s}.invertir-btn:hover{transform:scale(1.05)}.mis-inversiones{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border)}.inversiones-list{display:flex;flex-direction:column;gap:.75rem}.inversion-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-dark);border-radius:8px}.inversion-icono{font-size:1.5rem}.inversion-info{flex:1}.inversion-info p{font-size:.8rem;color:var(--text-secondary)}.inversion-monto{font-weight:700;color:var(--success)}.notificaciones{position:fixed;top:80px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:.5rem}.notificacion{padding:1rem 1.5rem;border-radius:8px;font-weight:500;animation:slideIn .3s ease;max-width:350px;box-shadow:0 4px 12px #0000004d}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notificacion.exito{background:var(--success);color:#fff}.notificacion.error{background:var(--danger);color:#fff}.notificacion.info{background:var(--primary);color:#fff}.notificacion.logro{background:linear-gradient(135deg,var(--xp-color),var(--coin-color));color:#fff}.notificacion.nivel{background:linear-gradient(135deg,var(--primary),var(--xp-color));color:#fff}.notificacion.desbloqueo{background:var(--warning);color:var(--bg-dark)}.notificacion.gasto{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--danger)}.tienda-header{text-align:center;margin-bottom:1.5rem}.monedas-disponibles{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--coin-color);margin-top:1rem}.filtro-tienda{display:flex;gap:.5rem;margin-bottom:1.5rem;justify-content:center;flex-wrap:wrap}.mejoras-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.mejora-card{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border);border-top:4px solid;transition:transform .2s}.mejora-card:hover{transform:translateY(-4px)}.mejora-card.pasiva{border-top-color:var(--xp-color)}.mejora-card.activa{border-top-color:var(--primary)}.mejora-card.temporal{border-top-color:var(--warning)}.mejora-card.consumible{border-top-color:var(--success)}.mejora-card.comprada{opacity:.6;border-color:var(--success)}.mejora-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.mejora-icono{font-size:2rem}.mejora-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.mejora-beneficio{background:var(--bg-dark);padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem}.beneficio-label{color:var(--text-secondary);display:block;margin-bottom:.25rem}.beneficio-valor{color:var(--success);font-weight:700}.mejora-footer{display:flex;justify-content:space-between;align-items:center}.mejora-costo{font-weight:700;font-size:1.1rem}.mejora-costo.puede{color:var(--coin-color)}.mejora-costo.no-puede{color:var(--text-secondary)}.comprar-btn{padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:all .2s}.comprar-btn.habilitado{background:var(--success);color:#fff}.comprar-btn.habilitado:hover{transform:scale(1.05)}.comprar-btn.deshabilitado{background:var(--bg-dark);color:var(--text-secondary);cursor:not-allowed}.mejoras-compradas{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border);margin-bottom:1.5rem}.mejoras-activas-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.mejora-activa-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-dark);border-radius:8px}.mejora-activa-icono{color:var(--success);font-weight:700}.gastos-info{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border);text-align:center}.gastos-monto{font-size:2rem;font-weight:700;color:var(--danger);margin:1rem 0}.gastos-help{color:var(--text-secondary);font-size:.85rem}.niveles-selector{display:flex;gap:.5rem;margin-bottom:1rem;justify-content:center;flex-wrap:wrap}.nivel-btn{padding:.75rem 1.5rem;border:2px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:12px;display:flex;align-items:center;gap:.5rem;transition:all .2s;font-size:.9rem}.nivel-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.nivel-btn.activo{border-color:var(--primary);background:var(--primary);color:#fff}.nivel-btn.bloqueado{opacity:.5;cursor:not-allowed}.nivel-icono{font-size:1.2rem}.nivel-info-card{background:var(--bg-card);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid var(--border)}.nivel-info-card h3{margin-bottom:.5rem;color:var(--primary)}.nivel-requisito{color:var(--text-secondary);font-size:.85rem;margin-top:.5rem}.progreso-mision{margin:1rem 0}.progreso-barra-mision{height:8px;background:var(--bg-dark);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progreso-fill-mision{height:100%;background:linear-gradient(90deg,var(--secondary),var(--success));transition:width .5s}.progreso-fill-mision.listo{background:linear-gradient(90deg,var(--xp-color),var(--coin-color));animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.progreso-texto{font-size:.85rem;color:var(--text-secondary)}.listo-tag{color:var(--success);font-weight:700;margin-left:.5rem}.mision-card.bloqueada{opacity:.5;pointer-events:none}.completar-btn.habilitado{background:var(--success);color:#fff}.completar-btn.deshabilitado{background:var(--bg-dark);color:var(--text-secondary);cursor:not-allowed}.gastos-rapidos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:1rem}.gasto-rapido-btn{display:flex;flex-direction:column;align-items:center;padding:1rem;border:1px solid var(--border);background:var(--bg-card);border-radius:8px;cursor:pointer;transition:all .2s}.gasto-rapido-btn:hover{border-color:var(--danger);background:var(--bg-hover);transform:translateY(-2px)}.gasto-icono{font-size:1.5rem;margin-bottom:.25rem}.gasto-desc{font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.gasto-monto{color:var(--danger);font-weight:700;font-size:.9rem}.total-gastos-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-dark);border-radius:8px;margin-top:1rem;border:1px solid var(--danger)}.total-gastos-label{color:var(--text-secondary)}.total-gastos-monto{color:var(--danger);font-weight:700;font-size:1.2rem}.formulario-gasto{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border);margin-bottom:1rem}.formulario-gasto h4{margin-bottom:1rem}.formulario-gasto input{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-dark);color:var(--text-primary);font-size:1rem}.depositar-section{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border);margin-bottom:1.5rem}.formulario-deposito{display:flex;gap:.75rem;margin-bottom:.75rem}.formulario-deposito input{flex:1;padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-dark);color:var(--text-primary);font-size:1rem}.depositar-btn-principal{padding:.75rem 1.5rem;border:none;background:var(--success);color:#fff;border-radius:8px;cursor:pointer;font-weight:700;transition:transform .2s}.depositar-btn-principal:hover{transform:scale(1.05)}.saldo-disponible{color:var(--text-secondary);font-size:.9rem}.resumen-ahorro{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border);margin-top:1.5rem}.resumen-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.stat-card{background:var(--bg-dark);padding:1rem;border-radius:8px;text-align:center}.stat-label{display:block;color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem}.stat-valor{display:block;font-weight:700;font-size:1.1rem;color:var(--success)}.nivel-actual-info{margin-top:.5rem;color:var(--text-secondary);font-size:.85rem}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,var(--bg-card),var(--bg-dark));padding:2rem}.auth-card{background:var(--bg-card);border-radius:16px;padding:2.5rem;width:100%;max-width:450px;border:1px solid var(--border);box-shadow:0 8px 32px #0006}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary),var(--xp-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{color:var(--text-secondary);font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.9rem}.form-group input,.form-group select{padding:.875rem 1rem;border:2px solid var(--border);border-radius:8px;background:var(--bg-dark);color:var(--text-primary);font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary)}.form-group select{cursor:pointer}.form-help{color:var(--text-secondary);font-size:.8rem;margin-top:.25rem}.auth-error{background:#ef44441a;border:1px solid var(--danger);color:var(--danger);padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.auth-btn{padding:1rem;border:none;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #e5000066}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.auth-footer p{color:var(--text-secondary);font-size:.9rem}.auth-link{background:none;border:none;color:var(--primary);cursor:pointer;font-weight:600;font-size:.9rem;text-decoration:underline}.auth-link:hover{color:var(--primary-dark)}.first-user-message{background:linear-gradient(135deg,#e500001a,#b300001a);border:2px solid var(--success);border-radius:12px;padding:1.25rem;text-align:center;margin-bottom:1.5rem}.first-user-message p{margin:.25rem 0}.first-user-message p:first-child{font-weight:700;color:var(--success);font-size:1.1rem}.first-user-message p:last-child{color:var(--text-secondary);font-size:.9rem}.card.monedas{background:linear-gradient(135deg,#ffffff26,#c8c8c81a);border:2px solid var(--coin-color)}.card.monedas .amount{color:var(--coin-color);font-size:1.8rem;text-shadow:0 0 10px rgba(251,191,36,.3)}.navbar .coins{font-size:1rem;padding:.4rem 1rem;box-shadow:0 2px 8px #fbbf244d}.logout-btn{background:#ef444433;border:1px solid var(--danger);border-radius:8px;padding:.25rem .5rem;cursor:pointer;font-size:1.1rem;transition:all .2s}.logout-btn:hover{background:#ef444466;transform:scale(1.1)}.minijuegos-header{text-align:center;margin-bottom:2rem}.juegos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.juego-card{background:var(--bg-card);border-radius:16px;padding:2rem;border:1px solid var(--border);text-align:center;transition:transform .2s,box-shadow .2s}.juego-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.juego-card h3{font-size:1.3rem;margin-bottom:.75rem}.juego-card p{color:var(--text-secondary);margin-bottom:.5rem}.recompensa-info{color:var(--coin-color);font-weight:700;margin-bottom:1.5rem}.jugar-btn{padding:.875rem 2rem;border:none;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.jugar-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #10b98166}.quiz-container{max-width:600px;margin:0 auto}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.volver-btn-small{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s}.volver-btn-small:hover{border-color:var(--primary);color:var(--primary)}.quiz-progreso{color:var(--text-secondary);font-size:.9rem}.quiz-pregunta h3{font-size:1.2rem;margin-bottom:1.5rem;text-align:center}.quiz-opciones{display:flex;flex-direction:column;gap:.75rem}.quiz-opcion{padding:1rem 1.25rem;border:2px solid var(--border);border-radius:8px;background:var(--bg-dark);color:var(--text-primary);text-align:left;cursor:pointer;transition:all .2s;font-size:1rem}.quiz-opcion:hover:not(.correcta):not(.incorrecta){border-color:var(--primary);background:var(--bg-hover)}.quiz-opcion.correcta{border-color:var(--success);background:#10b98133;color:var(--success)}.quiz-opcion.incorrecta{border-color:var(--danger);background:#ef444433;color:var(--danger)}.memory-container{max-width:500px;margin:0 auto}.memory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.memory-stats{display:flex;gap:1.5rem;color:var(--text-secondary);font-size:.9rem}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.memory-card{aspect-ratio:1;border:2px solid var(--border);border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--xp-color));color:#fff;font-size:1.5rem;cursor:pointer;transition:transform .2s;display:flex;align-items:center;justify-content:center}.memory-card:hover:not(.volteada){transform:scale(1.05)}.memory-card.volteada{background:var(--bg-dark);border-color:var(--coin-color)}.presupuesto-start{max-width:500px;margin:0 auto;text-align:center;background:var(--bg-card);padding:2rem;border-radius:16px;border:1px solid var(--border)}.presupuesto-start h2{margin-bottom:1rem}.presupuesto-start p{color:var(--text-secondary);margin-bottom:1rem}.presupuesto-reglas{text-align:left;background:var(--bg-dark);padding:1rem;border-radius:8px;margin:1.5rem 0;list-style:none}.presupuesto-reglas li{padding:.5rem 0;border-bottom:1px solid var(--border)}.presupuesto-reglas li:last-child{border-bottom:none}.presupuesto-container{max-width:500px;margin:0 auto}.presupuesto-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.presupuesto-stats{display:flex;gap:1rem;color:var(--text-secondary)}.presupuesto-stats .tiempo{font-weight:700}.presupuesto-stats .tiempo.peligro{color:var(--danger);animation:pulse .5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.presupuesto-gasto{background:var(--bg-card);padding:2rem;border-radius:12px;text-align:center;margin-bottom:1.5rem;border:2px solid var(--border)}.presupuesto-gasto h3{font-size:1.5rem}.presupuesto-opciones{display:flex;gap:1rem}.presupuesto-btn{flex:1;padding:1.5rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.presupuesto-btn.necesidad{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.presupuesto-btn.deseo{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--bg-dark)}.presupuesto-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.resultado-card{max-width:500px;margin:0 auto;text-align:center;background:var(--bg-card);padding:2.5rem;border-radius:16px;border:2px solid var(--border)}.resultado-card.quiz{border-color:var(--primary)}.resultado-card.memory{border-color:var(--coin-color)}.resultado-card.presupuesto{border-color:var(--success)}.resultado-card h2{font-size:1.8rem;margin-bottom:1rem}.resultado-texto{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1rem}.recompensa-ganada{font-size:1.5rem;font-weight:700;color:var(--coin-color);margin:1.5rem 0;text-shadow:0 0 10px rgba(251,191,36,.3)}.resultado-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.volver-btn{padding:.875rem 1.5rem;border:2px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.volver-btn:hover{border-color:var(--primary);color:var(--primary)}.arma-rarity{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.arma-requiere{font-size:.75rem;color:var(--warning)}.arma-card.siguiente{opacity:.7}.bloqueado{display:block;font-size:.8rem;color:var(--text-secondary);text-align:center;padding:.5rem}.evolucionar-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--xp-color),var(--primary));border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:transform .2s;margin-top:.5rem}.evolucionar-btn:hover{transform:scale(1.02)}.arma-desc{font-size:.8rem;color:var(--text-secondary);text-align:center;font-style:italic}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.pregunta-modal{background:var(--bg-card);padding:2rem;border-radius:16px;border:2px solid var(--primary);max-width:400px;width:90%;text-align:center}.pregunta-modal h3{color:var(--primary);margin-bottom:1.5rem}.pregunta-texto{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.pregunta-opciones{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.opcion-btn{padding:1rem 1.5rem;font-size:1.2rem;font-weight:700;border:2px solid var(--border);background:var(--bg-dark);color:var(--text-primary);border-radius:8px;cursor:pointer;transition:all .2s}.opcion-btn:hover{border-color:var(--primary);background:var(--primary);color:#fff}.respuesta-error{color:var(--danger);margin-top:1rem;font-weight:700}.cancelar-btn{margin-top:1rem;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer}.cancelar-btn:hover{color:var(--text-primary)}.personaje-panel{position:relative}.personaje-toggle{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);border:2px solid var(--border);border-radius:25px;padding:.25rem .75rem .25rem .25rem;cursor:pointer;transition:all .2s}.personaje-toggle:hover{border-color:var(--primary);transform:scale(1.05)}.personaje-toggle svg{width:40px;height:40px}.personaje-level{background:var(--xp-color);color:#fff;padding:.1rem .5rem;border-radius:12px;font-size:.75rem;font-weight:700}.personaje-modal{position:absolute;top:100%;right:0;margin-top:.5rem;width:320px;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;padding:1.5rem;z-index:1000;box-shadow:0 8px 24px #0006}.personaje-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.personaje-header h3{margin:0}.close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer}.close-btn:hover{color:var(--text-primary)}.personaje-display{display:flex;justify-content:center;margin-bottom:1rem;padding:1rem;background:linear-gradient(180deg,#000,#111);border-radius:8px}.personaje-display svg{width:100px;height:100px;filter:drop-shadow(0 0 8px rgba(255,200,0,.3))}.personaje-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;padding:.75rem;background:var(--bg-dark);border-radius:8px}.personaje-stats .stat{display:flex;flex-direction:column;align-items:center}.personaje-stats .stat-label{font-size:.75rem;color:var(--text-secondary)}.personaje-stats .stat-value{font-weight:700;color:var(--xp-color)}.equipment-section h4{margin-bottom:.75rem;color:var(--text-secondary);font-size:.85rem}.arma-card{background:var(--bg-dark);padding:1rem;border-radius:8px;border:2px solid;margin-bottom:1rem}.arma-info{display:flex;flex-direction:column;gap:.25rem}.arma-nombre{font-weight:700;font-size:1rem}.arma-dano{font-size:.85rem;color:var(--danger)}.arma-rarity{font-size:.7rem;color:var(--text-secondary)}.arma-requiere{font-size:.75rem;color:var(--text-secondary);display:block;margin-top:.25rem}.evolucion-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.evolucionar-btn{width:100%;padding:.5rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;margin-top:.5rem;transition:transform .2s}.evolucionar-btn:hover{transform:scale(1.05)}.bloqueado{display:block;text-align:center;color:var(--text-secondary);font-size:.85rem;margin-top:.5rem}.arma-desc{font-size:.85rem;color:var(--text-secondary);font-style:italic}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #E50000;--primary-dark: #B30000;--secondary: #FFFFFF;--warning: #F59E0B;--danger: #E50000;--bg-dark: #000000;--bg-card: #111111;--bg-hover: #222222;--text-primary: #FFFFFF;--text-secondary: #A0A0A0;--border: #333333;--success: #10B981;--xp-color: #A0A0A0;--coin-color: #E50000}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh}