*{margin:0;padding:0;box-sizing:border-box;image-rendering:pixelated;-webkit-tap-highlight-color:transparent}body{background:linear-gradient(145deg,#6fc3df 0,#4a9fc7 30%,#1a7fb3 70%,#0a4f7a 100%);color:#e0f2ff;font-family:'VT323',monospace;min-height:100vh;overflow-x:hidden}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,0.1) 0,rgba(255,255,255,0.1) 2px,transparent 2px,transparent 8px),repeating-linear-gradient(90deg,rgba(160,220,255,0.2) 0,rgba(160,220,255,0.2) 4px,transparent 4px,transparent 16px);pointer-events:none;z-index:0}.container{max-width:1400px;margin:0 auto;padding:0.5rem;position:relative;z-index:2}.header-nerume{display:flex;flex-direction:column;gap:1rem;padding:1rem;margin-bottom:1.5rem;background:rgba(40,120,180,0.7);backdrop-filter:blur(2px);border:4px solid #9fd9ff;box-shadow:0 8px 0 #0a4f7a}.fila-titulo{display:flex;justify-content:space-between;align-items:center;width:100%}.logo-nerume{font-size:1.5rem;font-family:'Press Start 2P',cursive;color:#fff;text-shadow:3px 3px 0 #0a4f7a,6px 6px 0 #1a7fb3;display:flex;align-items:center;gap:8px}.logo-nerume i{color:#b0e9ff;filter:drop-shadow(1px 1px 1px #0a4f7a);animation:rotarPlaneta 20s linear infinite}@keyframes rotarPlaneta{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.auth-mini{display:flex;align-items:center;gap:0.5rem;background:rgba(10,50,90,0.9);padding:0.4rem 0.8rem;border:2px solid #9fd9ff}.auth-mini-avatar{width:36px;height:36px;background:#f60;border:2px solid #fc9;display:flex;align-items:center;justify-content:center;font-size:1.3rem;cursor:pointer;transition:all 0.2s ease}.auth-mini-avatar:hover{transform:scale(1.1);background:#ff8533}.auth-mini-nombre{font-family:'Press Start 2P',cursive;font-size:0.6rem;color:#ffd700}.auth-mini-btn{padding:0.5rem 0.8rem;font-family:'Press Start 2P',cursive;font-size:0.6rem;border:2px solid;cursor:pointer;background:#1a5f8f;border-color:#9fd9ff;color:#fff;transition:all 0.2s ease}.auth-mini-btn:hover{transform:translateY(-2px);box-shadow:0 4px 0 #0a4f7a}.auth-mini-btn.login{background:#2f9f5f;border-color:#6fcf9f}.fila-proyectos,.fila-social{display:flex;flex-direction:column;gap:0.5rem;width:100%}.fila-label{font-family:'Press Start 2P',cursive;font-size:0.7rem;color:#b0e9ff;margin-left:0.3rem;text-transform:lowercase;animation:brilloTexto 3s infinite}@keyframes brilloTexto{0%,100%{opacity:1;text-shadow:0 0 5px #b0e9ff}50%{opacity:0.8;text-shadow:0 0 15px #fff}}.botones-dobles{display:grid;grid-template-columns:1fr 1fr;gap:0.8rem;width:100%}.nav-item{font-family:'Press Start 2P',cursive;font-size:0.9rem;padding:1rem 0.5rem;border:3px solid #9fd9ff;background:rgba(20,80,140,0.8);color:#d0f0ff;cursor:pointer;transition:all 0.2s cubic-bezier(0.175,0.885,0.32,1.275);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 0 #0a4f7a;text-align:center;width:100%;position:relative;overflow:hidden}.nav-item::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease}.nav-item:hover::before{left:100%}.nav-item i{transition:transform 0.3s ease}.nav-item:hover i{transform:scale(1.2) rotate(5deg)}.nav-item:hover,.nav-item.active{background:#1a7fb3;transform:translateY(4px);box-shadow:0 2px 0 #0a4f7a;border-color:#fff}.nav-item.active{animation:activePulse 2s infinite}.nav-item.server-mc{background:linear-gradient(145deg,#1a7fb3,#0a5f8f)!important;border-color:#9fd9ff!important;box-shadow:0 6px 0 #0a4f7a!important;color:#fff!important;text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden;width:100%;padding:1.2rem 0.5rem;font-size:1.2rem;grid-column:span 1;font-family:'Press Start 2P',cursive;text-shadow:2px 2px 0 #0a4f7a}.nav-item.server-mc::before{content:"■";position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#b0e9ff;font-size:1rem;opacity:0.8;animation:flotarCubo 3s infinite ease-in-out}.nav-item.server-mc::after{content:"■";position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#b0e9ff;font-size:1rem;opacity:0.8;animation:flotarCubo 3s infinite ease-in-out reverse}.nav-item.server-mc i{color:#ffd966!important;margin:0 8px;font-size:1.3rem;filter:drop-shadow(1px 1px 0 #0a4f7a)}@keyframes flotarCubo{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(5deg)}}.nav-item.server-mc:hover{background:linear-gradient(145deg,#2a8fbf,#1a6f9f)!important;transform:translateY(4px)!important;box-shadow:0 2px 0 #0a4f7a!important}.fila-musik{width:100%;margin-top:0.5rem}.boton-unico{display:grid;grid-template-columns:1fr;width:100%}.nav-item.musik{background:#000!important;border-color:#fff!important;box-shadow:0 6px 0 #333!important;color:#fff!important;text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden;width:100%;padding:1.2rem 0.5rem;font-size:1.2rem}.nav-item.musik::after{content:"★ ★ ★ ★ ★";position:absolute;bottom:2px;left:0;width:100%;text-align:center;color:#fff;font-size:0.7rem;letter-spacing:6px;opacity:0.8;animation:estrellasBrillo 2s infinite}.nav-item.musik i{color:#fff!important;margin:0 8px;font-size:1.3rem}.nav-item.musik i.fa-star{animation:girarEstrella 3s infinite;color:#ff0!important}@keyframes estrellasBrillo{0%,100%{opacity:0.6;text-shadow:0 0 5px #fff}50%{opacity:1;text-shadow:0 0 15px #fff}}@keyframes girarEstrella{0%,100%{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.nav-item.musik:hover{background:#222!important;transform:translateY(4px)!important}@keyframes activePulse{0%,100%{box-shadow:0 2px 0 #0a4f7a}50%{box-shadow:0 2px 0 #0a4f7a,0 0 20px #fff}}.nav-item.yo{background:#bf8f2f;border-color:#ffd700;box-shadow:0 6px 0 #8f5f1f}.nav-item.yo i{color:#ffd700}.nav-item.yo:hover{background:#cf9f3f}.nav-pulpo{background:linear-gradient(145deg,#ff69b4,#ff1493)!important;border-color:#ffb6c1!important;box-shadow:0 6px 0 #c71585!important;animation:latidoPulpoRosa 1.5s ease-in-out infinite!important}.nav-pulpo i{color:#fff!important;animation:flotarPulpo 2s ease-in-out infinite}@keyframes latidoPulpoRosa{0%,100%{transform:scale(1);box-shadow:0 6px 0 #c71585}50%{transform:scale(1.05);box-shadow:0 10px 0 #c71585,0 0 30px #ff69b4}}@keyframes flotarPulpo{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.buscador-container{position:relative;margin-bottom:1.5rem}.buscador-toggle{background:#1a5f8f;border:3px solid #9fd9ff;color:#fff;font-family:'Press Start 2P',cursive;font-size:0.8rem;padding:0.8rem 1.5rem;cursor:pointer;display:flex;align-items:center;gap:0.5rem;width:fit-content;box-shadow:0 4px 0 #0a4f7a;transition:all 0.2s ease}.buscador-toggle:hover{transform:translateY(2px);box-shadow:0 2px 0 #0a4f7a;background:#1f7fbf}.buscador-toggle i{color:#ffd700}.buscador-panel{display:none;background:rgba(10,50,90,0.95);border:4px solid #9fd9ff;padding:1.5rem;margin-top:0.5rem;box-shadow:0 8px 0 #0a4f7a}.buscador-panel.visible{display:block}.buscador-input-group{display:flex;gap:0.5rem;margin-bottom:1rem}.buscador-input{flex:1;background:#0a4f7a;border:3px solid #4a9fc7;padding:0.8rem;color:#fff;font-family:'VT323',monospace;font-size:1.2rem}.buscador-input:focus{outline:none;border-color:#ffd700}.buscador-btn{background:#2f9f5f;border:3px solid #6fcf9f;color:#fff;padding:0 1.5rem;cursor:pointer;font-family:'Press Start 2P',cursive;font-size:0.7rem;transition:all 0.2s ease}.buscador-btn:hover{transform:scale(0.95);background:#3faf6f}.buscador-btn.aleatorio{background:#bf8f2f;border-color:#ffd700;width:100%;padding:1rem;margin-top:1rem;font-size:0.8rem}.resultados-busqueda{max-height:300px;overflow-y:auto;margin-top:1rem;padding:0.5rem;background:rgba(20,80,140,0.5);border:2px solid #4a9fc7}.resultado-item{padding:0.8rem;margin-bottom:0.5rem;background:rgba(30,100,160,0.8);border:2px solid #4a9fc7;cursor:pointer;transition:all 0.2s ease;display:flex;justify-content:space-between;align-items:center}.resultado-item:hover{background:#1a7fb3;transform:translateX(5px);border-color:#fff}.resultado-item .titulo{font-weight:bold;color:#ffd700}.resultado-item .dueño{font-size:0.8rem;color:#b0e9ff}.resultado-item .likes{color:#ff6f6f;font-size:0.8rem}.seccion-nerume{display:none;animation:emergePixel 0.4s cubic-bezier(0.175,0.885,0.32,1.275);border:4px solid #9fd9ff;padding:1rem;background:rgba(20,80,140,0.5);backdrop-filter:blur(2px);box-shadow:0 8px 0 #0a4f7a}.seccion-nerume.activa{display:block}@keyframes emergePixel{0%{opacity:0;transform:translateY(20px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}}.titulo-seccion{font-family:'Press Start 2P',cursive;font-size:1rem;color:#fff;margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:4px solid #9fd9ff;display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}.proyectos-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:1.5rem 0}@media (min-width:640px){.proyectos-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.proyectos-grid{grid-template-columns:repeat(3,1fr)}}.proyecto-card{background:rgba(30,100,160,0.9);border:4px solid #9fd9ff;padding:1.2rem;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 8px 0 #0a4f7a;cursor:pointer;position:relative;overflow:hidden}.proyecto-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease}.proyecto-card:hover::before{left:100%}.proyecto-card:hover{transform:translateY(4px) scale(1.02);box-shadow:0 4px 0 #0a4f7a,0 0 30px rgba(255,255,255,0.3);border-color:#fff}.proyecto-card-titulo{font-size:1.2rem;font-family:'Press Start 2P',cursive;color:#fff;margin-bottom:0.8rem;display:flex;align-items:center;gap:8px}.proyecto-card-dueño{font-size:0.8rem;color:#ffd700;display:flex;align-items:center;gap:4px;margin-top:0.5rem}.proyecto-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:0.5rem;border-top:2px solid #4a9fc7}.like-btn{background:none;border:none;color:#ff6f6f;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;gap:0.3rem;transition:all 0.2s ease;padding:0.3rem 0.6rem;border-radius:4px}.like-btn:hover{transform:scale(1.1);color:#ff4040}.like-btn.liked{color:#ff1493;animation:likeExplosion 0.3s ease}@keyframes likeExplosion{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}.proyecto-card-capítulos{font-size:0.8rem;color:#b0e9ff}.proyecto-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:4px solid #4a9fc7;flex-wrap:wrap;gap:1rem}.proyecto-titulo{font-family:'Press Start 2P',cursive;font-size:1.2rem;color:#ffd700;display:flex;align-items:center;gap:1rem;animation:brilloTitulo 3s infinite}@keyframes brilloTitulo{0%,100%{text-shadow:0 0 5px #ffd700}50%{text-shadow:0 0 20px #ffd700,0 0 30px #f90}}.proyecto-acciones{display:flex;gap:0.5rem}.proyecto-btn{padding:0.8rem 1.5rem;background:#1a5f8f;border:3px solid #9fd9ff;color:#fff;font-family:'Press Start 2P',cursive;font-size:0.7rem;cursor:pointer;transition:all 0.2s ease}.proyecto-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 0 #0a4f7a,0 0 20px rgba(255,255,255,0.3)}.proyecto-btn.editar{background:#bf8f2f;border-color:#ffd700}.proyecto-btn.eliminar{background:#8f2f2f;border-color:#ff6f6f}.proyecto-contenido{display:flex;flex-direction:column;gap:2rem}.capitulo-proyecto{background:rgba(30,100,160,0.6);border:4px solid #4a9fc7;padding:1.5rem;animation:aparecerCapitulo 0.5s ease-out}@keyframes aparecerCapitulo{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.capitulo-titulo{font-family:'Press Start 2P',cursive;font-size:1rem;color:#fff;margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:3px solid #9fd9ff}.elemento-proyecto{margin:1rem 0;padding:1rem;background:rgba(20,80,140,0.8);border:2px solid #9fd9ff;transition:all 0.3s ease;animation:aparecerElemento 0.3s ease-out}@keyframes aparecerElemento{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.elemento-proyecto:hover{transform:translateX(5px) scale(1.02);border-color:#fff;box-shadow:0 0 20px rgba(255,255,255,0.2)}.elemento-proyecto.texto{font-size:1.1rem;line-height:1.5}.elemento-proyecto.imagen img{max-width:100%;max-height:400px;border:4px solid #9fd9ff}.elemento-proyecto.video video{width:100%;max-height:400px}.elemento-proyecto.audio audio{width:100%}.elemento-proyecto.dialogo{background:#0a2f4f;border-left:8px solid #ffd700;font-style:italic}.dialogo-personaje{color:#ffd700;font-weight:bold;margin-bottom:0.5rem}.editor-toolbar{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.5rem;padding:1rem;background:rgba(30,100,160,0.8);border:3px solid #4a9fc7;position:sticky;top:0;z-index:10}.tool-btn{padding:1rem;background:#1a5f8f;border:3px solid #4a9fc7;color:#fff;cursor:pointer;font-size:1.2rem;min-width:60px;transition:all 0.2s ease}.tool-btn:hover{transform:scale(0.95) rotate(2deg);background:#1f7fbf}.tool-btn.upload-btn{background:#f60;border-color:#fc9}.social-layout{display:grid;grid-template-columns:1fr;gap:1rem;min-height:600px}@media (min-width:768px){.social-layout{grid-template-columns:200px 1fr}}@media (min-width:1024px){.social-layout{grid-template-columns:220px 1fr 280px}}.servidores-panel,.canales-panel,.chat-panel,.usuarios-panel{background:rgba(10,50,90,0.95);border:4px solid #9fd9ff;padding:1rem;max-height:70vh;overflow-y:auto}.chat-panel{display:flex;flex-direction:column;height:70vh;padding:0}.chat-header{padding:1rem;border-bottom:3px solid #4a9fc7;display:flex;align-items:center;gap:8px;font-family:'Press Start 2P',cursive;font-size:0.7rem;background:rgba(20,80,140,0.8)}.chat-mensajes{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.8rem}.mensaje-item{background:rgba(30,100,160,0.6);padding:0.8rem;border:2px solid #4a9fc7;animation:aparecerMensaje 0.3s ease-out}@keyframes aparecerMensaje{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.mensaje-header{display:flex;justify-content:space-between;margin-bottom:0.3rem;color:#b0e9ff;font-size:0.9rem;flex-wrap:wrap;gap:0.5rem}.mensaje-autor{font-family:'Press Start 2P',cursive;font-size:0.6rem;color:#ffd700;cursor:pointer;border-bottom:1px dotted #ffd700}.chat-input-area{padding:1rem;border-top:3px solid #4a9fc7;display:flex;gap:0.5rem;background:rgba(10,50,90,0.95)}.chat-input{flex:1;background:#0a4f7a;border:3px solid #4a9fc7;padding:0.8rem;color:#fff;font-family:'VT323',monospace;font-size:1rem;min-height:48px}.btn-enviar{background:#2f9f5f;border:3px solid #6fcf9f;color:#fff;padding:0 1.5rem;cursor:pointer;font-family:'Press Start 2P',cursive;font-size:0.6rem;min-height:48px}.servidor-item,.canal-item,.usuario-item{padding:1rem;margin-bottom:0.5rem;background:rgba(30,100,160,0.8);border:3px solid #4a9fc7;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:12px;font-size:1.1rem}.servidor-item:hover,.canal-item:hover,.usuario-item:hover{background:#1a7fb3;transform:translateX(8px) scale(1.02);border-color:#fff}.servidor-item.activo,.canal-item.activo{background:#1a7fb3;border-color:#fff}.breadcrumb{display:flex;align-items:center;gap:0.5rem;margin-bottom:1.5rem;padding:0.5rem;background:rgba(10,50,90,0.8);border:3px solid #4a9fc7;flex-wrap:wrap}.breadcrumb-item{color:#b0e9ff;cursor:pointer;transition:all 0.2s ease}.breadcrumb-item:hover{color:#fff;text-decoration:underline;transform:translateX(2px)}.breadcrumb-separator{color:#4a9fc7}.breadcrumb-item.actual{color:#ffd700;cursor:default}.carta-icono-flotante{position:fixed;bottom:160px;right:20px;width:70px;height:70px;background:linear-gradient(145deg,#ffd700,#fa0);border:6px solid #fff;border-radius:50%;cursor:pointer;z-index:9998;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 8px 0 #b87c00,0 0 0 4px #0a4f7a;animation:flotarCarta 2s infinite ease-in-out;display:none}.carta-icono-flotante:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 0 #b87c00,0 0 0 6px #ffd700}.carta-icono-flotante .notificacion{position:absolute;top:-5px;right:-5px;background:#ff1493;color:#fff;font-family:'Press Start 2P',cursive;font-size:0.7rem;padding:0.3rem 0.5rem;border:2px solid #fff;border-radius:10px;animation:pulsoNotificacion 1s infinite;min-width:25px;text-align:center}@keyframes flotarCarta{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulsoNotificacion{0%,100%{transform:scale(1)}50%{transform:scale(1.2);background:#ff6f6f}}.carta-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;z-index:10002;perspective:2000px}.carta-modal.visible{display:block}.carta-contenedor{position:relative;width:100%;height:600px;cursor:pointer;transform-style:preserve-3d}.carta-contenedor.abriendose{animation:abrirCartaPixel 0.8s cubic-bezier(0.175,0.885,0.32,1.275) forwards}@keyframes abrirCartaPixel{0%,100%{transform:rotateX(0) scale(1)}20%,80%{transform:rotateX(10deg) scale(1.05)}50%{transform:rotateX(30deg) scale(1.1)}}.carta-sobre,.carta-interior{position:absolute;width:100%;height:100%;backface-visibility:hidden;border:8px solid;box-shadow:12px 12px 0 rgba(0,0,0,0.3);transition:all 0.3s ease;overflow:hidden}.carta-sobre{background:linear-gradient(145deg,#ffd700,#fa0);border-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotateY(0)}.carta-sobre .sello{font-size:4rem;margin-bottom:1rem;animation:girarSello 3s infinite}@keyframes girarSello{0%,100%{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.carta-sobre .texto-abrir{font-family:'Press Start 2P',cursive;font-size:1rem;color:#0a2f4f;background:rgba(255,255,255,0.3);padding:1rem 2rem;border:4px solid #0a2f4f;margin-top:2rem}.carta-interior{background:#fff9e6;border-color:#ffd700;transform:rotateY(180deg);padding:2rem;overflow-y:auto;color:#0a2f4f}.carta-contenedor.girada .carta-sobre{transform:rotateY(180deg)}.carta-contenedor.girada .carta-interior{transform:rotateY(0)}.carta-interior.tema-oceano{background:linear-gradient(145deg,#1a4f7a,#0a2f4f);color:#b0e9ff;border-color:#4a9fc7}.carta-interior.tema-fuego{background:linear-gradient(145deg,#7a2f1a,#4f1f0a);color:#ffb6b0;border-color:#c74a4a}.carta-interior.tema-hielo{background:linear-gradient(145deg,#2f5f7a,#1a3f4f);color:#e0f2ff;border-color:#9fc7e0}.carta-interior.tema-dorado{background:linear-gradient(145deg,#5f4f1a,#3f2f0a);color:#ffd700;border-color:#c7a64a}.carta-interior.tema-misterio{background:linear-gradient(145deg,#2f1a4f,#1a0a2f);color:#d6b0ff;border-color:#9f4ac7}.carta-titulo{font-family:'Press Start 2P',cursive;font-size:1.2rem;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:4px solid currentColor}.carta-remitente{font-size:1rem;opacity:0.8;margin-bottom:2rem}.carta-mensaje{font-size:1.2rem;line-height:1.6;white-space:pre-line;margin-bottom:2rem}.carta-imagen{margin:1rem 0;text-align:center}.carta-imagen img{max-width:100%;max-height:200px;border:4px solid currentColor}.carta-audio{margin:1rem 0}.carta-audio audio{width:100%}.carta-fecha{font-size:0.8rem;text-align:right;margin-top:2rem;opacity:0.6}.carta-btn-cerrar{position:absolute;top:10px;right:10px;width:40px;height:40px;background:#8f2f2f;border:4px solid #ff6f6f;color:#fff;font-size:1.2rem;cursor:pointer;z-index:10003;display:flex;align-items:center;justify-content:center}.modal-nerume{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a5f8f;border:6px solid #9fd9ff;padding:2rem;z-index:2000;max-width:90%;width:400px;box-shadow:12px 12px 0 #0a3f5f}.login-input{width:100%;padding:1rem;margin:0.5rem 0 1rem 0;background:#0a4f7a;border:4px solid #4a9fc7;color:#fff;font-family:'VT323',monospace;font-size:1.2rem}.login-input:focus{outline:none;border-color:#fff;box-shadow:0 0 20px rgba(255,255,255,0.3)}.login-btn{width:100%;padding:1rem;background:#2f9f5f;border:4px solid #6fcf9f;color:#fff;font-family:'Press Start 2P',cursive;font-size:0.8rem;cursor:pointer;margin:0.5rem 0;transition:all 0.2s ease}.login-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 0 #1f6f3f}.login-btn.invitado{background:#5f5f5f;border-color:#9f9f9f}.login-error{color:#ff6f6f;text-align:center;margin:1rem 0;font-size:1.2rem;display:none}.overlay-nerume{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,30,60,0.9);backdrop-filter:blur(4px);z-index:1999}.progress-bar{width:100%;height:20px;background:#0a4f7a;border:2px solid #4a9fc7;margin-top:0.5rem}.progress-fill{height:100%;background:#2f9f5f;width:0;transition:width 0.3s}.status-message{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#1a5f8f;border:4px solid #9fd9ff;color:#e0f2ff;padding:1rem 2rem;font-size:1.2rem;z-index:2001;box-shadow:0 8px 0 #0a4f7a;max-width:90%;text-align:center;white-space:pre-line}.copyright{text-align:center;padding:2rem 1rem;font-size:1.2rem;color:#b0e9ff;border-top:4px solid #4a9fc7;margin-top:3rem;cursor:pointer}.burbuja{position:fixed;background:rgba(200,240,255,0.15);border:3px solid rgba(160,220,255,0.3);width:40px;height:40px;pointer-events:none;z-index:0;animation:flotarPixel 8s infinite}@keyframes flotarPixel{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(10px,-10px) rotate(5deg)}50%{transform:translate(0,-20px) rotate(0)}75%{transform:translate(-10px,-10px) rotate(-5deg)}}.sudo-panel{position:fixed;bottom:20px;right:20px;width:90%;max-width:500px;height:80vh;max-height:600px;background:#0a2f4f;border:6px solid #ffd700;box-shadow:0 0 0 4px #0a4f7a;z-index:10000;display:none;flex-direction:column;font-family:'VT323',monospace;color:#e0f2ff;resize:both;overflow:auto;min-width:300px;min-height:400px}.sudo-panel.visible{display:flex}.sudo-header{background:#ffd700;padding:0.8rem;display:flex;justify-content:space-between;align-items:center;color:#0a2f4f;font-family:'Press Start 2P',cursive;font-size:0.8rem;cursor:move;border-bottom:4px solid #bf8f2f}.sudo-header button{background:#8f2f2f;border:3px solid #ff6f6f;color:#fff;width:30px;height:30px;cursor:pointer}.sudo-tabs{display:flex;flex-wrap:wrap;gap:0.3rem;padding:0.8rem;background:#1a5f8f;border-bottom:4px solid #4a9fc7}.sudo-tab{padding:0.5rem 0.8rem;background:#0a4f7a;border:3px solid #4a9fc7;color:#e0f2ff;cursor:pointer;font-family:'Press Start 2P',cursive;font-size:0.6rem;flex:1;min-width:70px;text-align:center}.sudo-tab.active{background:#ffd700;color:#0a2f4f;border-color:#fff}.sudo-content{flex:1;overflow-y:auto;padding:1rem;background:rgba(10,50,90,0.95)}.sudo-btn{padding:0.3rem 0.6rem;background:#2f9f5f;border:3px solid #6fcf9f;color:#fff;cursor:pointer;font-family:'Press Start 2P',cursive;font-size:0.5rem;margin:0 0.2rem}.sudo-btn.eliminar{background:#8f2f2f;border-color:#ff6f6f}.sudo-btn.sudo-grant{background:#9b59b6;border-color:#dda0dd}.sudo-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:0.8rem;margin:1rem 0}.stat-card{background:#1a5f8f;border:4px solid #4a9fc7;padding:1rem;text-align:center}.stat-numero{font-size:2rem;font-family:'Press Start 2P',cursive;color:#ffd700}.sudo-toggle{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:#ffd700;border:6px solid #bf8f2f;border-radius:50%;cursor:pointer;z-index:9999;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 0 0 4px #0a4f7a;display:none}.pwa-install-btn{position:fixed;bottom:90px;right:20px;background:linear-gradient(145deg,#ffd700,#fa0);border:4px solid #fff;border-radius:60px;padding:8px 20px 8px 15px;box-shadow:0 8px 0 #b87c00;cursor:pointer;z-index:10001;display:none;align-items:center;gap:8px;animation:bounce-pwa 2s infinite;font-family:'Press Start 2P',cursive;color:#1a2f4f;font-size:0.8rem}@keyframes bounce-pwa{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.pwa-emoji{font-size:1.8rem;line-height:1;filter:drop-shadow(2px 2px 0 #b87c00)}.comentarios-seccion{margin-top:2rem;padding:1.5rem;background:rgba(10,50,90,0.7);border:4px solid #9fd9ff;box-shadow:0 8px 0 #0a4f7a}.comentarios-titulo{font-family:'Press Start 2P',cursive;font-size:0.9rem;color:#ffd700;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.8rem;border-bottom:3px solid #9fd9ff;padding-bottom:0.8rem}.comentarios-lista{max-height:500px;overflow-y:auto;margin-bottom:1.5rem;padding-right:0.5rem}.comentario-item{background:rgba(30,100,160,0.8);border:3px solid #4a9fc7;padding:1rem;margin-bottom:1rem;transition:all 0.2s ease}.comentario-item:hover{transform:translateX(8px);border-color:#ffd700}.comentario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.8rem;padding-bottom:0.5rem;border-bottom:2px solid #4a9fc7;flex-wrap:wrap;gap:0.8rem}.comentario-autor{display:flex;align-items:center;gap:0.8rem;font-family:'Press Start 2P',cursive;font-size:0.7rem;color:#ffd700}.comentario-autor-avatar{width:32px;height:32px;background:linear-gradient(145deg,#f60,#f30);border:2px solid #fc9;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.comentario-fecha{font-size:0.7rem;color:#b0e9ff}.comentario-contenido{font-size:1.1rem;line-height:1.6;margin:1rem 0;color:#e0f2ff}.comentario-acciones{display:flex;gap:1rem;justify-content:flex-end;margin-top:0.5rem;padding-top:0.5rem;border-top:1px solid #4a9fc7}.comentario-btn-like{background:none;border:none;color:#ff6f6f;cursor:pointer;display:flex;align-items:center;gap:0.5rem;padding:0.4rem 0.8rem;font-family:'Press Start 2P',cursive;font-size:0.7rem}.comentario-btn-like:hover{transform:scale(1.1);color:#ff4040}.comentario-btn-like.liked{color:#ff1493}.comentario-btn-eliminar{background:#8f2f2f;border:2px solid #ff6f6f;color:#fff;cursor:pointer;font-size:0.7rem;padding:0.4rem 0.8rem;font-family:'Press Start 2P',cursive}.comentario-input{width:100%;background:#0a4f7a;border:3px solid #4a9fc7;padding:1rem;color:#fff;font-family:'VT323',monospace;font-size:1rem;resize:vertical;min-height:100px}.comentario-input:focus{outline:none;border-color:#ffd700;background:#0f5f8f}.comentario-btn-enviar{margin-top:1rem;background:linear-gradient(145deg,#2f9f5f,#1f7f4f);border:3px solid #6fcf9f;color:#fff;padding:0.8rem 1.5rem;cursor:pointer;font-family:'Press Start 2P',cursive;font-size:0.7rem;width:100%;display:flex;align-items:center;justify-content:center;gap:0.5rem;box-shadow:0 4px 0 #0a4f7a}.comentario-btn-enviar:hover{transform:translateY(-2px);box-shadow:0 6px 0 #0a4f7a}.comentario-vacio{text-align:center;padding:2rem;color:#b0e9ff;font-size:1.2rem;background:rgba(10,79,122,0.5);border:2px dashed #4a9fc7}.comentario-cargando{text-align:center;padding:1rem;color:#ffd700;font-size:0.9rem;font-family:'Press Start 2P',cursive}.notificacion-bell{position:relative;cursor:pointer;background:rgba(10,50,90,0.9);padding:0.5rem;border:2px solid #9fd9ff;display:flex;align-items:center;justify-content:center}.notificacion-bell i{font-size:1.3rem;color:#ffd700}.notificacion-badge{position:absolute;top:-8px;right:-8px;background:#ff1493;color:#fff;font-family:'Press Start 2P',cursive;font-size:0.6rem;padding:0.2rem 0.4rem;border:2px solid #fff;border-radius:20px;min-width:20px;text-align:center}.notificaciones-panel{position:absolute;top:60px;right:10px;width:350px;max-width:90vw;background:rgba(10,50,90,0.98);border:4px solid #9fd9ff;box-shadow:0 8px 0 #0a4f7a;z-index:1000;display:none;flex-direction:column;max-height:500px}.notificaciones-panel.visible{display:flex}.notificaciones-header{padding:1rem;background:#1a5f8f;border-bottom:3px solid #9fd9ff;font-family:'Press Start 2P',cursive;font-size:0.7rem;color:#ffd700;display:flex;justify-content:space-between;align-items:center}.notificaciones-lista{flex:1;overflow-y:auto;padding:0.5rem;max-height:400px}.notificacion-item{padding:0.8rem;margin-bottom:0.5rem;background:rgba(30,100,160,0.8);border:2px solid #4a9fc7;cursor:pointer}.notificacion-item:hover{background:#1a7fb3;transform:translateX(5px);border-color:#ffd700}.notificacion-item.no-leida{border-left:6px solid #ffd700;background:rgba(50,120,180,0.9)}.notificacion-item .notif-tipo{font-size:0.8rem;color:#ffd700;margin-bottom:0.3rem}.notificacion-item .notif-mensaje{font-size:0.9rem;color:#e0f2ff}.notificacion-item .notif-fecha{font-size:0.7rem;color:#b0e9ff;margin-top:0.3rem}.notif-vacia{text-align:center;padding:2rem;color:#b0e9ff}.push-activar-btn{background:#2f9f5f;border:3px solid #6fcf9f;color:#fff;padding:0.3rem 0.8rem;font-family:'Press Start 2P',cursive;font-size:0.5rem;cursor:pointer}.amigos-panel,.dm-chat-panel{background:rgba(10,50,90,0.95);border:4px solid #9fd9ff;padding:0;display:flex;flex-direction:column;height:70vh}.amigos-header,.dm-header{padding:1rem;background:#1a5f8f;border-bottom:3px solid #9fd9ff;font-family:'Press Start 2P',cursive;font-size:0.7rem;color:#ffd700}.amigos-lista,.solicitudes-lista{flex:1;overflow-y:auto;padding:0.5rem}.amigo-item{padding:0.8rem;margin-bottom:0.5rem;background:rgba(30,100,160,0.8);border:3px solid #4a9fc7;cursor:pointer;display:flex;align-items:center;gap:12px}.amigo-item:hover{background:#1a7fb3;transform:translateX(5px);border-color:#ffd700}.amigo-avatar{width:40px;height:40px;background:#f60;border:2px solid #fc9;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.amigo-nombre{font-family:'Press Start 2P',cursive;font-size:0.7rem;color:#ffd700}.amigo-estado{font-size:0.7rem;color:#b0e9ff}.amigo-estado.online{color:#2f9f5f}.solicitud-item{padding:0.8rem;margin-bottom:0.5rem;background:rgba(50,120,180,0.8);border:3px solid #ffd700;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.5rem}.solicitud-acciones{display:flex;gap:0.5rem}.solicitud-btn{padding:0.3rem 0.8rem;font-family:'Press Start 2P',cursive;font-size:0.5rem;cursor:pointer;border:2px solid}.solicitud-btn.aceptar{background:#2f9f5f;border-color:#6fcf9f;color:#fff}.solicitud-btn.rechazar{background:#8f2f2f;border-color:#ff6f6f;color:#fff}.dm-mensajes{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.8rem}.dm-mensaje{max-width:80%;padding:0.8rem;border-radius:8px}.dm-mensaje.propio{align-self:flex-end;background:#1a7fb3;border:2px solid #9fd9ff}.dm-mensaje.ajeno{align-self:flex-start;background:rgba(30,100,160,0.8);border:2px solid #4a9fc7}.dm-mensaje-contenido{font-size:1rem;word-break:break-word}.dm-mensaje-fecha{font-size:0.6rem;color:#b0e9ff;margin-top:0.3rem;text-align:right}.dm-input-area{padding:1rem;border-top:3px solid #4a9fc7;display:flex;gap:0.5rem;background:rgba(10,50,90,0.95)}.dm-input{flex:1;background:#0a4f7a;border:3px solid #4a9fc7;padding:0.8rem;color:#fff;font-family:'VT323',monospace;font-size:1rem}.perfil-banner{width:100%;height:150px;background:linear-gradient(145deg,#1a5f8f,#0a3f6f);border-bottom:4px solid #ffd700;position:relative}.perfil-avatar-grande{position:relative;margin-top:-40px;margin-left:20px;display:inline-block}.perfil-avatar-grande div{width:80px;height:80px;background:#f60;border:4px solid #ffd700;display:flex;align-items:center;justify-content:center;font-size:3rem}.perfil-nombre-grande{font-family:'Press Start 2P',cursive;font-size:1rem;color:#ffd700;margin-bottom:0.5rem}.perfil-biografia{background:rgba(30,100,160,0.6);padding:1rem;border:3px solid #4a9fc7;margin:1rem 0;font-size:1rem;line-height:1.5}.perfil-lema{background:rgba(30,100,160,0.4);padding:0.8rem;margin:0.5rem 0;border-left:4px solid #ffd700;font-style:italic}.perfil-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:0.8rem;margin:1rem 0}.perfil-stat-card{background:#1a5f8f;border:3px solid #4a9fc7;padding:0.8rem;text-align:center}.perfil-stat-numero{font-size:1.5rem;font-family:'Press Start 2P',cursive;color:#ffd700}.perfil-btn-amigo{width:100%;padding:0.8rem;background:#2f9f5f;border:3px solid #6fcf9f;color:#fff;font-family:'Press Start 2P',cursive;font-size:0.7rem;cursor:pointer;margin-top:1rem}.editar-perfil-input,.editar-perfil-textarea{width:100%;background:#0a4f7a;border:3px solid #4a9fc7;padding:0.8rem;color:#fff;font-family:'VT323',monospace;font-size:1rem;margin:0.5rem 0}.editar-perfil-textarea{resize:vertical;min-height:100px}.emoji-opcion{font-size:2rem;cursor:pointer;text-align:center;padding:0.5rem;background:#1a5f8f;border:2px solid #4a9fc7;transition:all 0.2s ease}.emoji-opcion:hover{transform:scale(1.2);background:#ffd700}.emoji-opcion.seleccionado{background:#ffd700;border-color:#fff;transform:scale(1.1)}.tienda-tab{background:#1a0f2e;border:3px solid #6b21a8;color:#d6b0ff;padding:8px 14px;font-family:'Press Start 2P',cursive;font-size:0.65rem;cursor:pointer;transition:all 0.2s ease;border-radius:6px}.tienda-tab:hover{background:#2e1065;border-color:#a855f7;transform:translateY(-2px)}.tienda-tab.active{background:#a855f7;color:#fff;border-color:#ffd700;box-shadow:0 0 15px rgba(168,85,247,0.6)}.tienda-item-card{background:rgba(30,20,50,0.9);border:3px solid #6b21a8;border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:all 0.25s ease;box-shadow:0 4px 10px rgba(0,0,0,0.3)}.tienda-item-card:hover{transform:translateY(-4px) scale(1.03);border-color:#ffd700;box-shadow:0 8px 20px rgba(168,85,247,0.4)}.tienda-item-icon{font-size:2.8rem;margin-bottom:8px;filter:drop-shadow(0 2px 5px rgba(0,0,0,0.5))}.tienda-item-titulo{font-family:'Press Start 2P',cursive;font-size:0.65rem;color:#ffd700;margin-bottom:6px;min-height:25px;display:flex;align-items:center;justify-content:center}.tienda-item-desc{font-size:0.8rem;color:#b0e9ff;margin-bottom:10px;line-height:1.2;min-height:30px}.tienda-btn-comprar{width:100%;padding:8px;background:linear-gradient(145deg,#a855f7,#6b21a8);border:2px solid #ffd700;color:#fff;font-family:'Press Start 2P',cursive;font-size:0.6rem;border-radius:6px;cursor:pointer;transition:all 0.2s;margin-top:auto}.tienda-btn-comprar:hover:not(:disabled){background:linear-gradient(145deg,#c084fc,#9333ea);transform:scale(1.05);box-shadow:0 0 10px #ffd700}.tienda-btn-comprar.equipado{background:#15803d;border-color:#86efac;color:#fff;cursor:default}.tienda-btn-comprar.desbloqueado{background:#1e3a8a;border-color:#60a5fa;color:#fff}.tienda-btn-comprar:disabled{opacity:0.6;cursor:not-allowed}.tema-neon{background:linear-gradient(145deg,#2a0845 0%,#6441a5 100%)!important;border-color:#ff007f!important;box-shadow:0 0 25px rgba(255,0,127,0.4)!important}.tema-neon h3,.tema-neon #perfil-nombre{color:#00ffff!important;text-shadow:0 0 10px #ff007f!important}.tema-zen{background:linear-gradient(145deg,#093028 0%,#237a57 100%)!important;border-color:#00ff88!important;box-shadow:0 0 25px rgba(0,255,136,0.3)!important}.tema-zen h3,.tema-zen #perfil-nombre{color:#88ff88!important}.tema-oro{background:linear-gradient(145deg,#3a2800 0%,#6a4f00 100%)!important;border-color:#ffd700!important;box-shadow:0 0 30px rgba(255,215,0,0.5)!important}.tema-oro h3,.tema-oro #perfil-nombre{color:#fff!important;text-shadow:0 0 10px #ffd700!important}.tema-abismo{background:linear-gradient(145deg,#05050a 0%,#1a1a2e 100%)!important;border-color:#4338ca!important;box-shadow:0 0 25px rgba(67,56,202,0.5)!important}.borde-dorado{border:4px solid #ffd700!important;box-shadow:0 0 15px #ffd700,inset 0 0 10px #ffd700!important;animation:pulsoDorado 2s infinite alternate}@keyframes pulsoDorado{0%{box-shadow:0 0 10px #ffd700}100%{box-shadow:0 0 25px #ffd700,0 0 10px #fff}}.borde-fuego{border:4px solid #ff4500!important;box-shadow:0 0 18px #ff4500,0 0 30px #ff8c00!important;animation:pulsoFuego 0.8s infinite alternate}@keyframes pulsoFuego{0%{box-shadow:0 0 15px #ff4500}100%{box-shadow:0 0 25px #ff8c00,0 0 10px #ff0000}}.borde-aura{border:4px solid #00ffff!important;box-shadow:0 0 20px #00ffff,0 0 40px #0088ff!important;animation:pulsoAura 2s infinite alternate}@keyframes pulsoAura{0%{transform:scale(1)}100%{transform:scale(1.05)}}.borde-arcoiris{border:4px solid transparent!important;background-image:linear-gradient(#1a5f8f,#1a5f8f),linear-gradient(to right,red,orange,yellow,green,cyan,blue,violet);background-origin:border-box;background-clip:content-box,border-box;animation:arcoirisGiro 3s linear infinite}@keyframes arcoirisGiro{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}@media (max-width:768px){.notificaciones-panel{position:fixed;top:60px;left:5px;right:5px;width:auto;max-height:70vh}.amigos-panel,.dm-chat-panel{height:50vh!important;min-height:300px}.dm-mensaje{max-width:90%!important}.pwa-install-btn{bottom:80px;right:10px;padding:6px 15px;font-size:0.6rem}.carta-icono-flotante{bottom:140px;right:10px;width:60px;height:60px;font-size:2rem}.carta-contenedor{height:500px}}@media (max-width:600px){.header-nerume{padding:0.8rem;gap:0.8rem}.logo-nerume{font-size:1.1rem}.nav-item{font-size:0.75rem;padding:0.9rem 0.3rem;box-shadow:0 4px 0 #0a4f7a}.buscador-input-group{flex-direction:column}.buscador-btn{padding:0.8rem}}@media (max-width:480px){body{font-size:16px;}.botones-dobles{grid-template-columns:1fr;gap:0.5rem;}.header-nerume{padding:0.5rem;gap:0.5rem;}.logo-nerume{font-size:1rem;justify-content:center;}.nav-item{padding:0.8rem 0.5rem;font-size:0.7rem;}.seccion-nerume{padding:0.5rem;}.proyecto-card-titulo{font-size:1rem;}.comentario-item{padding:0.6rem;}.comentario-header{flex-direction:column;align-items:flex-start;gap:0.3rem;}.chat-mensajes{padding:0.5rem;}}
@media (max-width:768px) { #social-vista-amigos > div { grid-template-columns: 1fr !important; } .modal-contenido { width: 95% !important; margin: 5% auto !important; max-height: 90vh !important; overflow-y: auto !important; } }

.sudo-stats { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 1rem; margin-top: 1rem; } .stat-card { background: #1a5f8f; border: 3px solid #4a9fc7; padding: 1rem; text-align: center; border-radius: 4px; } .stat-numero { font-size: 1.8rem; font-family: 'Press Start 2P', cursive; color: #ffd700; margin-bottom: 0.5rem; }

#social-vista-amigos { margin-top: 1rem; } .amigos-panel, .dm-chat-panel { background: rgba(10, 40, 70, 0.9) !important; border: 3px solid #9fd9ff !important; box-shadow: 0 10px 25px rgba(0,0,0,0.5) !important; border-radius: 12px !important; overflow: hidden; } .amigos-header, .dm-header { background: linear-gradient(135deg, #1a5f8f, #0a4f7a) !important; border-bottom: 3px solid #9fd9ff !important; font-size: 0.8rem !important; padding: 0.8rem 1.2rem !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); } .amigos-lista, .solicitudes-lista { padding: 0.8rem !important; gap: 0.5rem; display: flex; flex-direction: column; } .amigo-item { background: rgba(20, 70, 120, 0.6) !important; border: 2px solid #4a9fc7 !important; border-radius: 8px !important; padding: 0.8rem !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; } .amigo-item:hover { background: #1a7fb3 !important; border-color: #ffd700 !important; transform: translateY(-2px) translateX(4px) !important; box-shadow: 0 4px 15px rgba(255,215,0,0.2) !important; } .amigo-avatar { border-radius: 6px !important; border: 2px solid #ffd700 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.3); } .solicitud-item { background: rgba(30, 80, 150, 0.8) !important; border: 2px solid #ffd700 !important; border-radius: 8px !important; padding: 0.8rem !important; box-shadow: 0 4px 10px rgba(0,0,0,0.2); } .solicitud-btn { border-radius: 4px !important; font-size: 0.6rem !important; padding: 0.4rem 1rem !important; border: 2px solid !important; transition: transform 0.2s; } .solicitud-btn:hover { transform: scale(1.05); } .dm-mensajes { background: rgba(5, 20, 40, 0.6) !important; } .dm-mensaje { border-radius: 12px !important; padding: 0.7rem 1rem !important; box-shadow: 0 4px 8px rgba(0,0,0,0.2); font-size: 1.1rem !important; } .dm-mensaje.propio { background: linear-gradient(135deg, #1a7fb3, #0a5f8f) !important; border-bottom-right-radius: 2px !important; } .dm-mensaje.ajeno { background: linear-gradient(135deg, rgba(30,100,160,0.9), rgba(15,70,120,0.9)) !important; border-bottom-left-radius: 2px !important; } .dm-input-area { background: rgba(10, 30, 60, 0.95) !important; border-top: 3px solid #9fd9ff !important; border-radius: 0 0 12px 12px; } .dm-input { background: rgba(0,0,0,0.3) !important; border: 2px solid #4a9fc7 !important; border-radius: 8px !important; padding: 0.8rem 1rem !important; color: #fff !important; font-size: 1.1rem !important; } .dm-input:focus { border-color: #ffd700 !important; outline: none; } #btn-enviar-dm { border-radius: 8px !important; background: #2f9f5f !important; border-color: #6fcf9f !important; font-size: 0.75rem !important; min-height: 44px; } #buscador-amigos { border-radius: 8px !important; border: 2px solid #4a9fc7 !important; } #btn-agregar-amigo { border-radius: 8px !important; font-size: 0.7rem !important; min-height: 40px; }