/* Identidad de los jugadores (identidad-jugador.js): sutil, solo CSS, pausada fuera de pantalla y sin movimiento si el usuario lo pide. */
.idj-insignias{display:inline-flex;align-items:center;gap:2px;margin-left:5px;font-style:normal;font-size:.82em;line-height:1;vertical-align:baseline;white-space:nowrap;color:#f4f7fa;text-shadow:none;-webkit-text-stroke:0;-webkit-text-fill-color:initial}
.idj-insignias i{font-style:normal;cursor:help}
.idj-mas{padding:0 3px;border-radius:4px;background:rgba(255,255,255,.1);font-size:.78em;color:#c6ced6}
.idj-condensada{font-family:'Arial Narrow','Roboto Condensed','Rajdhani',sans-serif;letter-spacing:.03em;text-transform:uppercase}
/* Mira dibujada con CSS, sin marcas: un círculo con cuatro líneas. */
[data-idj-motivo="mira"]::before{content:"";display:inline-block;width:.82em;height:.82em;margin-right:.3em;vertical-align:-.06em;background:var(--idj-color);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Ccircle cx='8' cy='8' r='4.6'/%3E%3Cpath d='M8 0v4.6M8 11.4V16M0 8h4.6M11.4 8H16'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Ccircle cx='8' cy='8' r='4.6'/%3E%3Cpath d='M8 0v4.6M8 11.4V16M0 8h4.6M11.4 8H16'/%3E%3C/svg%3E") center/contain no-repeat}
[data-idj-efecto="glow"]{text-shadow:0 0 8px color-mix(in srgb,var(--idj-color) 65%,transparent)}
[data-idj-efecto="degrade"],[data-idj-efecto="brillo"]{width:fit-content;max-width:100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
[data-idj-efecto="degrade"]{background-image:linear-gradient(90deg,var(--idj-color),var(--idj-color2,var(--idj-color)))}
[data-idj-efecto="brillo"]{background-image:linear-gradient(100deg,var(--idj-color) 40%,#fff 50%,var(--idj-color) 60%);background-size:220% 100%;background-position:120% 0;animation:idj-brillo 7s linear infinite}
.staff-card [data-idj-efecto],.ep-staff [data-idj-efecto]{margin-inline:auto}
.idj-pausa{animation-play-state:paused!important}
@keyframes idj-brillo{0%{background-position:120% 0}30%,100%{background-position:-120% 0}}
/* El relleno queda casi blanco: lo que lleva el color es el trazo, así que siempre se lee. */
[data-idj-efecto="contorno"]{color:#f4f7fa!important;-webkit-text-stroke:.55px var(--idj-acento);paint-order:stroke fill}
img[data-idj-aro]{outline:2px solid var(--idj-acento);outline-offset:-1px}
img[data-idj-aro="glow"]{box-shadow:0 0 10px var(--idj-acento)}
[data-idj-tarjeta]{border-color:var(--idj-acento)!important}
[data-idj-tarjeta="glow"]{box-shadow:0 0 14px color-mix(in srgb,var(--idj-acento) 45%,transparent)}
/* Tarjeta flotante */
.fj-pop.fj-estilo{border-color:var(--pj-acento,#2f333c)}
.fj-pop.fj-estilo .fj-flecha{border-color:var(--pj-acento,#2f333c)}
.fj-pop.fj-efecto-glow{box-shadow:0 0 22px color-mix(in srgb,var(--pj-acento) 45%,transparent)}
.fj-banner{height:6px;margin:-12px -12px 10px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,var(--pj-acento),var(--pj-acento2))}
.fj-hoja .fj-banner{margin:0 0 10px}
.fj-pop.fj-estilo .fj-nombre{color:var(--pj-color)}
.fj-logros{display:grid;gap:3px;margin:8px 0 0;padding:0;list-style:none;font-size:.78rem}
.fj-logros li{display:flex;gap:6px;align-items:baseline;min-width:0}
.fj-logros b{font-weight:700;white-space:nowrap}
.fj-logros span{color:#a0a0aa;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media (prefers-reduced-motion:reduce){[data-idj-efecto="brillo"]{animation:none;background:none;-webkit-text-fill-color:currentColor}}
