/* Multijugador real (27-09): avisos, código de invitación y chat de la hermandad */
.red-aviso { display: inline-flex; align-items: center; gap: 7px; margin: 0 0 10px; padding: 4px 10px; font: 600 12px var(--f-titulo, inherit); letter-spacing: .02em; color: var(--tinta-3); border: 1.5px dashed var(--linea, currentColor); background: var(--bg-2); max-width: 100%; }
.red-aviso i { width: 8px; height: 8px; flex: none; border-radius: 50%; background: var(--mal, #FF5A1F); }
.red-aviso.cargando i { background: var(--acento, #C6FF00); animation: red-latido 1s ease-in-out infinite; }
@keyframes red-latido { 50% { opacity: .25; } }
.red-cargando { display: flex; align-items: center; gap: 10px; padding: 22px 6px; color: var(--tinta-3); font-weight: 600; }
.red-giro { width: 18px; height: 18px; flex: none; border: 3px solid var(--linea, #888); border-top-color: var(--acento, #C6FF00); border-radius: 50%; animation: red-giro .8s linear infinite; }
@keyframes red-giro { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .red-giro, .red-aviso.cargando i { animation: none; } }
.red-codigo { font: 700 30px/1.15 var(--f-num, monospace); letter-spacing: .14em; margin: 8px 0 6px; color: var(--tinta); word-break: break-all; user-select: all; }
.red-alerta { margin-top: 8px; padding: 8px 10px; font-size: 13px; border-left: 4px solid var(--naranja, #FF5A1F); background: color-mix(in srgb, var(--naranja, #FF5A1F) 12%, transparent); }
.red-lista { margin: 6px 0 0; padding-left: 18px; display: grid; gap: 4px; font-size: 14px; }
.red-input-cod { text-transform: uppercase; letter-spacing: .12em; font-weight: 700; min-width: 0; }
.red-acciones { gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.red-acciones .selector { margin: 0; flex: 1 1 120px; min-width: 0; padding-top: 6px; padding-bottom: 6px; }
.red-franja { color: var(--ok, #00C853); }
.red-cerca-fila { gap: 8px; margin-top: 8px; }
.red-cerca-fila > span { min-width: 0; overflow-wrap: anywhere; }
.red-demo .fila .btn { flex: 1 1 140px; }
.red-borrar { color: var(--mal, #FF3B30); border-color: var(--mal, #FF3B30); }