/* =========================================
   CHAT: Canal de partida (GUEST_LOG)
   Mensajes como chat de multijugador
   ========================================= */

.chat-container {
  display: flex;
  flex-direction: column;
}

.chat-history {
  display: flex;
  flex-direction: column;
  font-family: var(--font-pixel);
  font-size: 1.2rem;
  gap: 10px;
  margin-bottom: 14px;
  max-height: 260px;
  overflow-y: auto;
  padding-right: 5px;
}

.chat-history::-webkit-scrollbar {
  width: 8px;
}

.chat-history::-webkit-scrollbar-thumb {
  background: var(--neon-cyan);
}

.chat-history::-webkit-scrollbar-track {
  background: var(--panel-bg-deep);
}

.chat-msg {
  background-color: rgba(var(--rgb-pink), 0.08);
  border-left: 3px solid var(--neon-pink);
  color: var(--text);
  padding: 8px 10px;
}

.chat-msg.guest {
  background-color: rgba(var(--rgb-cyan), 0.08);
  border-left-color: var(--neon-cyan);
}

.chat-user {
  color: var(--pastel-pink);
  display: block;
  font-family: var(--font-hud);
  font-size: 0.5rem;
  letter-spacing: 1px;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.chat-msg.guest .chat-user {
  color: var(--pastel-cyan);
}

/* Botón para transmitir mensaje (mailto, sin backend) */
.chat-cta {
  background-color: transparent;
  border: 2px solid var(--neon-cyan);
  clip-path: var(--clip-chip);
  color: var(--pastel-cyan);
  display: block;
  font-family: var(--font-hud);
  font-size: 0.55rem;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.chat-cta:hover {
  background-color: var(--neon-cyan);
  color: var(--void);
}