Tu perfil en el Panel de NeonCommunity centraliza toda tu información personal, estadísticas de juego, configuraciones y preferencias. Desde aquí puedes personalizar tu experiencia y consultar tu actividad en la comunidad.

---

1. Haz clic en tu avatar (esquina superior derecha)
2. Selecciona "Perfil" en el menú desplegable
3. Serás redirigido a /profile

• URL directa: https://panel.neoncommunity.eu/profile
• Solo accesible si estás autenticado
• Redirección automática al login si no tienes sesión

---

El perfil está dividido en dos secciones principales:

• Información básica del usuario
• Avatar y nombre de Discord
• Roles y permisos
• IDs (Steam y Discord)
• Fecha de registro

• 🔬 SCP:SL - Estadísticas y preferencias del juego
• ⚙️ Ajustes - Configuración de cuenta y personalización

---

• Avatar grande → Tu imagen de Discord (100x100px)
• Nombre de usuario → Tu nombre completo en Discord
• Rol principal → Tu rol más importante (con color distintivo)
• Banner degradado → Fondo personalizado en colores de la comunidad

• 📅 Miembro desde → Fecha de registro en el panel
• 🎮 SteamID → Tu identificador único de Steam
• 💬 DiscordID → Tu identificador único de Discord

• Rol principal → Chip destacado con color específico
• Roles adicionales → Si tienes múltiples roles, se muestran como chips outlined
• Jerarquía → Ordenados por peso/importancia

Botón de tres puntos con acceso rápido a:

• 📋 Copiar SteamID → Para uso en servidores
• 📋 Copiar DiscordID → Para soporte técnico

• 💬 Unirse al Discord → Enlace directo a https://discord.neoncommunity.eu/

---

La pestaña está habilitada y muestra toda tu información de juego.

• La pestaña aparece deshabilitada (gris)
• Se muestra un mensaje de bienvenida con:
  • Icono de gaming grande
  • Texto explicativo
  • Botón "Ver servidores" → Redirige a /servers

• 🎯 Nombre en el juego → Tu nickname en SCP:SL
• ⏱️ Tiempo de juego → Total acumulado (formateo inteligente: días/horas/minutos)
• 🆔 ID de Usuario → Tu ID interno del sistema (clicable para copiar)
• 📅 Primera vez visto → Cuándo jugaste por primera vez
• 🕐 Última conexión → Tu última sesión registrada

• Íconos descriptivos para cada estadística
• Efectos hover en los elementos
• Tooltips informativos
• Datos en tiempo real sincronizados

🧪 SCP-049 Avanzado

• Función: Habilita controles avanzados para SCP-049
• Acceso: Todos los usuarios
• Switch: Verde/Rojo para activar/desactivar

🔇 Mutear Cassie

• Función: Silencia los anuncios automáticos del juego
• Acceso: Todos los usuarios
• Útil: Para streamers o grabación

👁️ Mostrar Rol de Horas (🔒 PREMIUM)

• Función: Muestra rol especial según tiempo jugado
• Acceso: Solo donadores
• Restricción: Chip "Pro" si no eres donador
• Switch deshabilitado para usuarios normales

🌈 Rainbow Tags (🔒 PREMIUM)

• Función: Etiquetas con colores arcoíris en el juego
• Acceso: Solo donadores
• Visual: Efectos especiales en tu nombre
• Restricción: Igual que rol de horas

Si no eres donador:

• Botón prominente "Convertirse en donador"
• Color: Amarillo/Dorado con icono de diamante
• Enlace: https://foro.neoncommunity.eu/account/upgrades
• Posición: Abajo de las preferencias premium

• Botón de guardar en la cabecera de la tarjeta
• Ícono: Diskette
• Feedback: Snackbar de confirmación/error
• Autosave: No, requiere clic manual

Solo aparece si tienes algún tipo de sanción:

• Bans (activos o históricos)
• Warns (advertencias)
• Mutes (silenciamientos)

Si tienes mute activo:

• Alerta prominente de color naranja
• Información: Razón y fecha de expiración
• Visibilidad: Destacada al principio

Chips informativos:

• 🔴 Bans: Número total con icono de bloqueo
• 🟡 Warns: Advertencias acumuladas
• 🔵 Mutes: Silenciamientos aplicados

• Texto: "Si crees que alguna sanción es errónea, contacta con la administración en Discord"
• Enlace implícito: Al Discord de la comunidad

---

• Avatar grande (120x120px) con sombra
• Texto: "Avatar actual"
• Diseño: Centrado y destacado

Campo de texto:

• Label: "URL de avatar personalizado"
• Placeholder: https://ejemplo.com/imagen.jpg
• Helper text: "URL de la imagen para usar como avatar (jpg, png, gif)"
• Ícono: Enlace al final del campo

Botones de acción:

• 💾 Guardar URL:

  • Color primario (azul)
  • Deshabilitado si campo vacío
  • Guarda la URL personalizada

• 🔄 Usar avatar por defecto:

  • Color secundario (gris)
  • Restaura el avatar de Discord
  • Resetea configuración personalizada

• Alerta informativa: "El avatar por defecto se obtiene automáticamente de tu cuenta de Discord"
• Formato: Outline azul claro

• Avatar Discord: Se actualiza automáticamente
• Avatar personalizado: Se mantiene hasta que se cambie
• Validación: URLs deben ser válidas y accesibles

---

• SteamID → Desde menú de opciones o estadísticas
• DiscordID → Desde menú de opciones
• ID de Usuario → Desde estadísticas (tooltip "Copiar ID")

• Datos de Discord → Avatar, nombre, roles
• Estadísticas SCP:SL → Tiempo de juego, última conexión
• Preferencias → Guardado manual requerido

• Desktop → Sidebar fijo (sticky) + contenido principal
• Tablet → Adaptación fluida de tarjetas
• Móvil → Stack vertical completo

---

• Bordes de color en tarjetas según función:
  • 🔵 Azul → Estadísticas
  • 🟢 Verde → Preferencias
  • 🟡 Amarillo → Sanciones
  • 🔵 Cyan → Configuración

• Hover en tarjetas → Elevación y desplazamiento
• Hover en datos → Fondo gris claro
• Animaciones suaves → Transiciones de 0.2s
• Sticky sidebar → Tarjeta de perfil fija al hacer scroll

• Títulos: h5, h6 con peso bold
• Datos importantes: Color primario y peso medium
• Texto secundario: Color gris para información complementaria

---

• Causa: No has jugado en servidores de NeonCommunity
• Solución: Conecta y juega al menos una partida
• Tiempo: Las estadísticas aparecen tras la primera conexión

• Verificar: Que aparezca mensaje de confirmación
• Problema común: Error de conexión con base de datos
• Solución: Recargar página e intentar nuevamente

• Verificar: Que la URL sea válida y accesible
• Formatos: JPG, PNG, GIF soportados
• Tamaño: Recomendado cuadrado (mínimo 100x100px)

• Causa: No tienes rol de donador
• Verificación: Revisar roles en Discord
• Proceso: Donar y esperar sincronización automática

---

• Autenticación - Vincular cuentas Discord/Steam
• Ver Mis Sanciones - Detalle completo de infracciones
• Estadísticas y Logros - Información extendida de juego
• Sistema de Reportes - Cómo reportar otros jugadores
• Navegación Básica - Moverse por el panel

---