/* Componentes de los módulos de espanators-core. Usan los tokens --esp-* del tema. */

/* ── Cabecera de clan y pestañas ───────────────────────────────────── */
.esp-clan-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:6px 0 18px}
.esp-clan-head__id{display:flex;align-items:center;gap:14px}
.esp-clan-head__nombre{margin:0}
.esp-clan-head__stats{display:flex;gap:10px;margin:0;flex-wrap:wrap}
.esp-clan-head__stats div{
  background:var(--esp-panel-2);border:2px solid var(--esp-panel-borde);border-radius:12px;padding:8px 14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}
.esp-clan-head__stats dt{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--esp-ink-soft)}
.esp-clan-head__stats dd{margin:0;font-family:var(--esp-titulo);font-size:20px;text-shadow:var(--esp-contorno)}

.esp-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.esp-tab{
  font-family:var(--esp-titulo);font-size:17px;color:var(--esp-ink);text-decoration:none;text-shadow:var(--esp-contorno);
  padding:9px 18px;border-radius:12px;background:var(--esp-panel-2);border:2px solid var(--esp-panel-borde);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 3px 0 var(--esp-panel-borde);
}
.esp-tab.is-apagada{opacity:.45;border-style:dashed}
.esp-tab:hover{color:var(--esp-ink);background:var(--esp-panel)}
.esp-tab.is-active{
  color:#4a2a00;text-shadow:0 1px 0 rgba(255,255,255,.45);border-color:var(--esp-oro-sombra);
  background:linear-gradient(#ffe27a,var(--esp-oro) 50%,var(--esp-oro-2));
  box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 3px 0 var(--esp-oro-sombra);
}
.esp-clan-switch{margin-left:auto}
.esp-clan-switch select,.esp-select{
  font:700 15px var(--esp-texto);color:var(--esp-ink);background:var(--esp-panel-2);
  border:2px solid var(--esp-panel-borde);border-radius:10px;padding:8px 12px;
}

/* ── Paneles ───────────────────────────────────────────────────────── */
.esp-panel__head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.esp-panel__head h2{margin:0}
.esp-nota{color:var(--esp-ink-soft);font-size:14px;margin:0 0 12px}
.esp-trofeos{font-family:var(--esp-titulo);font-size:20px;text-shadow:var(--esp-contorno)}

/* ── Tablas ────────────────────────────────────────────────────────── */
.esp-tabla-wrap{overflow-x:auto;border-radius:10px;border:2px solid var(--esp-panel-borde)}
.esp-tabla{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.esp-tabla th{
  position:sticky;top:0;background:#0a1836;color:var(--esp-oro);
  font:400 13px var(--esp-titulo);letter-spacing:.4px;text-transform:uppercase;text-shadow:0 1px 0 #000;
  padding:10px 8px;text-align:left;white-space:nowrap;
}
.esp-tabla td{padding:6px 8px;border-top:1px solid rgba(255,255,255,.05);white-space:nowrap}
.esp-tabla tbody tr:nth-child(odd){background:var(--esp-fila)}
.esp-tabla tbody tr:nth-child(even){background:var(--esp-fila-2)}
.esp-tabla tbody tr:hover{background:#1b3c80}
.esp-tabla tr.is-propio td{background:rgba(255,201,60,.13)}
.esp-tabla tr.is-propio td:first-child{box-shadow:inset 4px 0 0 var(--esp-oro)}
.esp-tabla .is-num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.esp-tabla th.is-num{text-align:right}
.esp-tabla--ordenable th[data-sort]{cursor:pointer;user-select:none}
.esp-tabla--ordenable th[data-sort]:hover{color:#ffe08a}
.esp-tabla th.is-asc::after{content:" ▲";font-size:10px}
.esp-tabla th.is-desc::after{content:" ▼";font-size:10px}

/* Cabecera en dos filas (agrupa columnas con colspan/rowspan, p. ej. Posición/Media/Balance).
   La fila de grupo va más pequeña, sin negrita y en gris (texto secundario): si no, con el
   mismo dorado y tamaño que la fila de columnas parecen tres líneas de cabecera seguidas. */
.esp-tabla--cab2 thead tr:first-child th{
  padding:6px 8px 3px;font-size:12px;font-weight:400;letter-spacing:.3px;
  color:var(--esp-ink-soft);text-shadow:none;
}
.esp-tabla--cab2 thead tr:first-child th[colspan]{text-align:center}
.esp-tabla--cab2 thead tr:first-child th[rowspan]{padding-top:10px;padding-bottom:10px;font-size:13px;font-weight:400;letter-spacing:.4px;color:var(--esp-oro);text-shadow:0 1px 0 #000}
.esp-tabla--cab2 thead tr:last-child th{top:27px;padding-top:3px}
.esp-tabla--compacta{min-width:560px;font-size:13px}
.esp-tabla--compacta td{padding:4px 8px}
.is-azul{color:var(--esp-azul-claro)}
.is-verde{color:var(--esp-verde)}
.is-rojo{color:var(--esp-rojo)}
.is-naranja{color:var(--esp-naranja)}
.is-total{color:#fff;font-size:15px}

.esp-jugador{color:var(--esp-ink);font-weight:800;text-decoration:none;display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
.esp-jugador:hover{color:var(--esp-oro)}
.esp-btn--juego{margin-left:6px;white-space:nowrap}

/* Roles del clan. */
.esp-rol{display:inline-block;min-width:76px;text-align:center;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;padding:2px 8px;border-radius:20px}
.esp-rol--leader{background:var(--esp-oro);color:#4a2a00}
.esp-rol--coLeader{background:var(--esp-morado);color:#24093f}
.esp-rol--elder{background:var(--esp-azul-claro);color:#04224a}
.esp-rol--member{background:rgba(255,255,255,.12);color:var(--esp-ink-soft)}
.esp-rol--former{background:rgba(255,93,93,.2);color:#ffb3b3}

/* Historial semana a semana. */
.esp-historial{display:flex;gap:3px}
.esp-sem{
  display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;cursor:help;
  font-size:11px;font-weight:800;color:#06102a;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.35);
}
.esp-sem--top{background:#3ea8ff}
.esp-sem--alta{background:var(--esp-verde)}
.esp-sem--media{background:var(--esp-naranja)}
.esp-sem--baja{background:#ffd84a}
.esp-sem--nula{background:#3a1e2e;color:var(--esp-rojo);box-shadow:inset 0 0 0 1px rgba(255,93,93,.5)}
.esp-sem--fuera{background:transparent;color:var(--esp-ink-faint);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.esp-leyenda{display:flex;gap:12px;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:12px;color:var(--esp-ink-soft);font-weight:700}
.esp-leyenda li{display:flex;align-items:center;gap:5px}
.esp-leyenda .esp-sem{width:14px;height:14px;cursor:default}

/* ── Hoy: estado del día ───────────────────────────────────────────── */
.esp-dia__cabecera{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap;margin-bottom:14px}
.esp-dia__tipo{margin:0;font-family:var(--esp-titulo);font-size:22px;text-shadow:var(--esp-contorno)}
.esp-dia__tipo span{font-family:var(--esp-texto);font-size:13px;font-weight:800;color:var(--esp-ink-soft);text-shadow:none;margin-left:8px}
.esp-dia__tipo--warDay,.esp-dia__tipo--colosseum{color:var(--esp-oro)}
.esp-dia__reloj{margin:0;font-weight:700;color:var(--esp-ink-soft)}
.esp-dia__reloj strong{font-family:var(--esp-titulo);font-weight:400;font-size:24px;color:var(--esp-ink);text-shadow:var(--esp-contorno);font-variant-numeric:tabular-nums;margin-left:4px}
.esp-dia__cifras{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;margin-bottom:12px}
.esp-cifra{background:#0a1836;border:2px solid var(--esp-panel-borde);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.esp-cifra__valor{font-family:var(--esp-titulo);font-size:30px;line-height:1;text-shadow:var(--esp-contorno)}
.esp-cifra__valor small{font-size:16px;color:var(--esp-ink-soft)}
.esp-cifra__texto{font-size:12px;font-weight:800;color:var(--esp-ink-soft);text-transform:uppercase;letter-spacing:.3px;line-height:1.3}
.esp-cifra--grande{flex-direction:row;align-items:center;gap:12px;border-color:#5a1d1d;background:linear-gradient(#3a1622,#2a1020)}
.esp-cifra--grande .esp-cifra__valor{font-size:46px;color:#ff8a8a}
.esp-cifra--grande.is-neutro{border-color:var(--esp-panel-borde);background:#0a1836}
.esp-cifra--grande.is-neutro .esp-cifra__valor{color:var(--esp-ink)}
.esp-cifra--grande.is-ok{border-color:#145a32;background:linear-gradient(#123d2a,#0c2b1e)}
.esp-cifra--grande.is-ok .esp-cifra__valor{color:var(--esp-verde)}
.esp-barra{height:10px;border-radius:10px;background:#0a1836;border:1px solid var(--esp-panel-borde);overflow:hidden}
.esp-barra span{display:block;height:100%;background:linear-gradient(90deg,var(--esp-oro-2),var(--esp-oro));border-radius:10px}
.esp-barra--fina{height:6px;margin-top:6px}
.esp-carrera__fila:not(.is-propio) .esp-barra span{background:var(--esp-azul-claro)}
.esp-dia__nota{margin:10px 0 0}
@media (max-width:600px){
  .esp-dia__cifras{grid-template-columns:1fr 1fr}
  .esp-cifra--grande{grid-column:1/-1}
}

/* ── Hoy: ataques por jugador ──────────────────────────────────────── */
.esp-acciones{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.esp-toggle{display:flex;align-items:center;gap:6px;font-weight:800;font-size:14px;cursor:pointer}
.esp-toggle input{width:18px;height:18px;accent-color:var(--esp-oro)}
.esp-todo-hecho{font-weight:800;color:var(--esp-verde);margin:4px 0 12px}
.esp-jugadores{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.esp-jugadores.is-solo-pendientes .is-completo{display:none}
.esp-jugador-card{
  display:grid;grid-template-columns:1fr auto;grid-template-areas:"nombre puntos" "rol falta";
  gap:4px 10px;align-items:center;padding:10px 12px;border-radius:12px;
  background:#0a1836;border:2px solid var(--esp-panel-borde);border-left:5px solid #ff6b6b;
}
.esp-jugador-card.is-completo{border-left-color:var(--esp-verde);opacity:.75}
.esp-jugador-card__nombre{grid-area:nombre;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.esp-jugador-card .esp-rol{grid-area:rol;justify-self:start;min-width:0;font-size:10px;padding:1px 7px}
.esp-jugador-card__falta{grid-area:falta;justify-self:end;font-size:12px;font-weight:800;color:#ff8a8a}
.esp-jugador-card.is-completo .esp-jugador-card__falta{color:var(--esp-verde)}
.esp-puntos{grid-area:puntos;display:flex;gap:4px}
.esp-puntos i{width:14px;height:14px;border-radius:50%;background:#1d2b4f;box-shadow:inset 0 0 0 2px #33466f}
.esp-puntos i.is-hecho{background:var(--esp-oro);box-shadow:inset 0 -2px 0 var(--esp-oro-sombra)}

/* ── Hoy: clasificación ────────────────────────────────────────────── */
.esp-carrera{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.esp-carrera__fila{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:#0a1836;border:2px solid var(--esp-panel-borde)}
.esp-carrera__fila.is-propio{border-color:var(--esp-oro-sombra);background:linear-gradient(90deg,rgba(255,201,60,.16),#0a1836 60%);box-shadow:inset 4px 0 0 var(--esp-oro)}
.esp-carrera__pos{font-family:var(--esp-titulo);font-size:24px;text-align:center;text-shadow:var(--esp-contorno)}
.esp-carrera__clan{min-width:0;display:flex;flex-direction:column}
.esp-carrera__clan strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.esp-carrera__clan small,.esp-carrera__puntos small{font-weight:700}
.esp-carrera__puntos{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums}
.esp-carrera__puntos strong{font-family:var(--esp-titulo);font-weight:400;font-size:22px;text-shadow:var(--esp-contorno)}
.esp-actualizado{text-align:center;color:var(--esp-ink-faint);font-size:13px;font-weight:700}
.esp-enlace{background:none;border:0;padding:0;font:inherit;color:var(--esp-oro);cursor:pointer;text-decoration:underline}

/* Cabecera del clan más compacta en el móvil. */
@media (max-width:600px){
  .esp-clan-head{margin-bottom:12px}
  .esp-clan-head .esp-escudo{width:42px;height:48px;font-size:22px}
  .esp-clan-head__nombre{font-size:26px}
  .esp-clan-head__stats div{padding:6px 10px}
  .esp-clan-head__stats dd{font-size:17px}
  .esp-tabs{gap:6px}
  .esp-tab{padding:8px 14px;font-size:16px}
  .esp-clan-switch{margin-left:0;width:100%}
  .esp-clan-switch select{width:100%}
  .esp-panel{padding:14px}
}

/* ── Ayuda ─────────────────────────────────────────────────────────── */
.esp-tab--ayuda{padding:9px 12px}
.esp-ayuda-indice{display:flex;flex-wrap:wrap;gap:8px 18px;padding:12px 18px}
.esp-ayuda-indice a{font-weight:800;text-decoration:none}
.esp-ayuda .esp-panel{scroll-margin-top:90px}
.esp-ayuda h3{font-size:18px;margin:20px 0 8px;color:var(--esp-oro)}
.esp-ayuda ul{padding-left:20px;margin:12px 0 0}
.esp-ayuda li{margin-bottom:6px}
.esp-ayuda li ul{margin-top:6px}
.esp-ayuda p{max-width:820px}
.esp-ayuda-rojo{color:#ff8a8a;font-weight:800}
.esp-ayuda-ejemplo{display:flex;align-items:center;gap:12px;background:#0a1836;border:2px solid var(--esp-panel-borde);border-radius:10px;padding:10px 12px;margin:6px 0 10px;font-weight:700}
.esp-ayuda-leyenda{list-style:none;padding:0!important;display:grid;gap:8px}
.esp-ayuda-leyenda li{display:flex;align-items:center;gap:10px;margin:0}
.esp-ayuda-leyenda .esp-sem{cursor:default}
.esp-ayuda-columnas{margin:0 0 10px;display:grid;gap:8px}
.esp-ayuda-columnas div{display:grid;grid-template-columns:150px 1fr;gap:12px;background:#0a1836;border:1px solid var(--esp-panel-borde);border-radius:10px;padding:8px 12px}
.esp-ayuda-columnas dt{font-family:var(--esp-titulo);color:var(--esp-oro);text-shadow:var(--esp-contorno)}
.esp-ayuda-columnas dd{margin:0}
@media (max-width:600px){.esp-ayuda-columnas div{grid-template-columns:1fr;gap:2px}}

/* ── Mazos top ─────────────────────────────────────────────────────── */
.esp-orden{margin-left:auto;font-weight:800;font-size:14px;color:var(--esp-ink-soft);display:flex;gap:10px;align-items:center}
.esp-orden a{color:var(--esp-ink);text-decoration:none;padding:4px 10px;border-radius:20px;background:var(--esp-panel-2);border:1px solid var(--esp-panel-borde)}
.esp-orden a.is-active{background:var(--esp-oro);color:#4a2a00;border-color:var(--esp-oro-sombra)}
.esp-mazos-fuente{max-width:none}
.esp-mazos{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}
.esp-mazo{
  position:relative;display:flex;flex-direction:column;gap:12px;padding:14px;
  background:linear-gradient(var(--esp-panel),var(--esp-panel-2));border:2px solid var(--esp-panel-borde);border-radius:var(--esp-radio);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 5px 0 rgba(4,10,28,.55);
}
.esp-mazo__pos{
  position:absolute;top:-10px;left:-8px;z-index:1;min-width:30px;height:30px;padding:0 6px;display:grid;place-items:center;border-radius:10px;
  font-family:var(--esp-titulo);font-size:16px;color:#4a2a00;background:linear-gradient(#ffe27a,var(--esp-oro-2));border:2px solid var(--esp-oro-sombra);
}
.esp-mazo__cartas{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#0a1836;border-radius:10px;padding:8px}
.esp-carta{position:relative;display:block;aspect-ratio:5/6;border-radius:8px;overflow:hidden}
.esp-carta img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}
.esp-carta--evo{box-shadow:0 0 0 2px #b57bff,0 0 10px rgba(181,123,255,.5)}
.esp-carta--heroe,.esp-carta--campeon{box-shadow:0 0 0 2px var(--esp-oro),0 0 10px rgba(255,201,60,.5)}
.esp-carta__nombre{display:grid;place-items:center;height:100%;font-size:10px;font-weight:800;text-align:center;padding:2px;background:var(--esp-panel-2)}
.esp-mazo__datos{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0}
.esp-mazo__datos div{text-align:center;background:#0a1836;border-radius:8px;padding:6px 2px}
.esp-mazo__datos dt{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:var(--esp-ink-soft)}
.esp-mazo__datos dd{margin:0;font-family:var(--esp-titulo);font-size:18px;text-shadow:var(--esp-contorno)}
.esp-mazo__copiar{align-self:stretch;text-align:center}
@media (max-width:600px){
  .esp-orden{margin-left:0;width:100%}
  .esp-mazos{grid-template-columns:1fr}
}

/* ── Fichajes ──────────────────────────────────────────────────────── */
.esp-form--linea{grid-template-columns:1fr auto;align-items:center;max-width:520px}
.esp-form--linea input{text-transform:uppercase}
.esp-informe{margin-top:16px;background:#0a1836;border:2px solid var(--esp-panel-borde);border-left:6px solid var(--esp-ink-faint);border-radius:12px;padding:14px}
.esp-informe--verde{border-left-color:var(--esp-verde)}
.esp-informe--ambar{border-left-color:var(--esp-naranja)}
.esp-informe--rojo{border-left-color:var(--esp-rojo)}
.esp-informe__cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.esp-informe__cab h3{margin:0 0 4px;font-size:24px}
.esp-informe__cab h3 small{font-family:var(--esp-texto);font-size:14px;text-shadow:none}
.esp-informe__veredicto{margin:0 0 12px;font-weight:700}
.esp-informe__datos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:0 0 12px}
.esp-informe__datos div{background:var(--esp-panel-2);border-radius:8px;padding:6px 10px}
.esp-informe__datos dt{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:var(--esp-ink-soft)}
.esp-informe__datos dd{margin:0;font-weight:800}
.esp-informe__bloque h4{margin:12px 0 6px;font-family:var(--esp-titulo);font-weight:400;font-size:17px;color:var(--esp-oro)}
.esp-informe__bloque ul{margin:0;padding-left:18px}
.esp-informe__bloque p{margin:0 0 8px}
.esp-informe__alerta{color:#ffb3b3}
.esp-informe__clave{font-size:16px}
.esp-ajustes__opcional{opacity:.75}
.esp-chip-inline{display:inline-block;margin-left:6px;font-size:12px;font-weight:800;padding:1px 8px;border-radius:20px;background:rgba(255,93,93,.2);color:#ffb3b3}
.esp-chequeos{display:grid;gap:8px}
.esp-chequeo{background:#0a1836;border:2px solid var(--esp-panel-borde);border-radius:12px;padding:10px 14px}
.esp-chequeo summary{cursor:pointer;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.esp-chequeo summary small{color:var(--esp-ink-soft);font-weight:700}
.esp-informe__cab .esp-btn{flex:none}
@media (max-width:600px){.esp-informe__datos{grid-template-columns:1fr 1fr}}
.esp-chequeo[open] .esp-informe{border-color:transparent;padding:0;background:none;border-left:0}

/* ── Mazos: vista personal ─────────────────────────────────────────── */
.esp-mis-cartas{padding:14px 18px}
.esp-mis-cartas__fila{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.esp-mis-cartas__fila p{margin:0}
.esp-objetivo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px}
.esp-objetivo select{font:800 15px var(--esp-texto);color:var(--esp-ink);background:#0a1836;border:2px solid var(--esp-panel-borde);border-radius:10px;padding:6px 10px}
.esp-mis-recursos{margin-top:10px}
.esp-mis-recursos summary{cursor:pointer;font-weight:800}
.esp-ok-inline{color:var(--esp-verde);font-weight:800;margin:8px 0 0}
.esp-recursos{margin-top:10px}
.esp-recursos__campos{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.esp-recurso{display:grid;gap:4px;font-size:13px}
.esp-recurso input{font:700 16px var(--esp-texto);color:var(--esp-ink);background:#0a1836;border:2px solid var(--esp-panel-borde);border-radius:10px;padding:8px 10px;width:100%}
.esp-recurso--common span{color:#7cc4ff}.esp-recurso--rare span{color:#ffb35c}.esp-recurso--epic span{color:#d38bff}.esp-recurso--legendary span{color:#ff9ad9}.esp-recurso--champion span{color:var(--esp-oro)}.esp-recurso--oro span{color:#ffd76a}.esp-recurso--fragmentos span{color:#d38bff}.esp-recurso--heroe span{color:var(--esp-oro)}

.esp-nivel{
  position:absolute;right:2px;bottom:2px;z-index:2;min-width:22px;height:22px;padding:0 4px;border-radius:11px;
  display:grid;place-items:center;font:800 12px var(--esp-texto);color:#06102a;border:2px solid rgba(0,0,0,.55);
}
.esp-nivel--ok{background:var(--esp-verde)}
.esp-nivel--casi{background:var(--esp-naranja)}
.esp-nivel--lejos{background:var(--esp-rojo);color:#fff}
.esp-nivel--no{background:#3a4560;color:#c8d0e0}
.esp-nivel--leyenda{position:static;display:inline-grid;vertical-align:middle;margin:0 2px}
.esp-sin-evo{position:absolute;top:2px;left:2px;right:2px;z-index:2;text-align:center;font-size:9px;font-weight:800;text-transform:uppercase;border-radius:6px;background:rgba(58,20,80,.92);color:#e3c2ff;padding:1px 0}
.esp-sin-evo--heroe{background:rgba(90,64,8,.92);color:#ffe08a}
.esp-subir__titulo{margin:28px 0 6px;font-size:20px}

.esp-tuyo{display:flex;flex-direction:column;gap:4px;background:#0a1836;border-radius:10px;padding:8px 10px}
.esp-tuyo__estado{font-weight:800;font-size:14px}
.esp-tuyo__estado--ok{color:var(--esp-verde)}
.esp-tuyo__estado--aviso{color:var(--esp-oro)}
.esp-tuyo__estado--lejos{color:var(--esp-ink-soft)}
.esp-tuyo__datos{font-size:13px;color:var(--esp-ink-soft)}
.esp-tuyo__datos strong{color:var(--esp-ink)}
.esp-mazo--listo{border-color:#1d6b3f;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 2px rgba(67,209,122,.35),0 5px 0 rgba(4,10,28,.55)}

.esp-alternativas{background:#0a1836;border-radius:10px;padding:8px 10px;font-size:13px;color:var(--esp-ink-soft)}
.esp-alternativas__titulo{margin:0 0 4px;font-weight:800;font-size:13px;color:var(--esp-ink)}
.esp-alternativas ul{margin:0;padding:0 0 0 18px}
.esp-alternativas li{margin:0 0 2px}
.esp-alternativas strong{color:var(--esp-ink)}

.esp-vinculo{margin:0 0 8px;font-size:17px}
.esp-verificar{display:flex;gap:14px;align-items:flex-start;background:#0a1836;border-radius:12px;padding:12px;margin:8px 0}
.esp-verificar img{flex:none;width:90px;height:auto}
.esp-verificar ol{margin:0;padding-left:18px}
.esp-verificar li{margin-bottom:6px}

/* ── Mazos: submenú y herramientas premium ─────────────────────────── */
.esp-subnav{display:flex;gap:6px;flex-wrap:wrap;margin:-8px 0 18px;padding:6px;background:#0a1836;border:2px solid var(--esp-panel-borde);border-radius:14px}
.esp-subnav a{flex:1 1 auto;text-align:center;font-family:var(--esp-titulo);font-size:16px;color:var(--esp-ink-soft);text-decoration:none;padding:9px 12px;border-radius:10px;text-shadow:var(--esp-contorno)}
.esp-subnav a:hover{color:var(--esp-ink);background:rgba(255,255,255,.06)}
.esp-subnav a.is-active{color:#4a2a00;text-shadow:0 1px 0 rgba(255,255,255,.45);background:linear-gradient(#ffe27a,var(--esp-oro) 50%,var(--esp-oro-2));box-shadow:0 3px 0 var(--esp-oro-sombra)}
.esp-subnav a.is-premium:not(.is-active)::after{content:" ⭐";font-size:11px}
.esp-subnav a.esp-subnav__ayuda{flex:0 0 auto}
@media (max-width:600px){.esp-subnav a{font-size:14px;padding:8px 6px;flex-basis:45%}}

.esp-subir{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}
.esp-subir__fila{display:grid;grid-template-columns:34px 64px 1fr auto;gap:12px;align-items:center;background:linear-gradient(var(--esp-panel),var(--esp-panel-2));border:2px solid var(--esp-panel-borde);border-radius:14px;padding:10px 14px;box-shadow:0 4px 0 rgba(4,10,28,.5)}
.esp-subir__pos{font-family:var(--esp-titulo);font-size:24px;text-align:center;color:var(--esp-oro);text-shadow:var(--esp-contorno)}
.esp-subir__carta{width:64px}
.esp-subir__info{display:flex;flex-direction:column;gap:2px;min-width:0}
.esp-subir__info strong{font-size:17px}
.esp-subir__info small{color:var(--esp-ink-soft);font-weight:700}
.esp-subir__mazos{font-size:13px}
.esp-subir__coste{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-weight:800;font-size:14px;text-align:right}
@media (max-width:600px){
  .esp-subir__fila{grid-template-columns:52px 1fr;grid-template-areas:"carta info" "carta coste"}
  .esp-subir__pos{display:none}
  .esp-subir__carta{grid-area:carta;width:52px}
  .esp-subir__info{grid-area:info}
  .esp-subir__coste{grid-area:coste;align-items:flex-start;text-align:left}
}

.esp-filtros-guerra{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;padding:12px 16px}
.esp-filtros-guerra label{display:grid;gap:4px;font-weight:800;font-size:13px}
.esp-filtros-guerra .esp-select{min-width:200px}
.esp-guerra-total small{display:block;color:var(--esp-ink-soft);margin-top:4px}
.esp-mazos--uno{grid-template-columns:minmax(0,420px)}
.esp-cambios{background:#0a1836;border-radius:10px;padding:8px 10px;font-size:14px;line-height:1.5}

/* ── Ajustes del clan ──────────────────────────────────────────────── */
.esp-ajustes h3{margin:0 0 8px;font-size:18px}
.esp-ajustes label{display:block;margin:6px 0;font-weight:700}
.esp-ajustes input[type=number]{width:90px;font:800 16px var(--esp-texto);color:var(--esp-ink);background:#0a1836;border:2px solid var(--esp-panel-borde);border-radius:10px;padding:6px 8px;margin:0 4px}
.esp-ajustes__nivel{background:#0a1836;border:2px solid var(--esp-panel-borde);border-left:6px solid var(--esp-ink-faint);border-radius:12px;padding:12px 14px;margin:10px 0}
.esp-ajustes__nivel p{margin:0 0 6px}
.esp-ajustes__nivel--verde{border-left-color:var(--esp-verde)}
.esp-ajustes__nivel--naranja{border-left-color:var(--esp-naranja)}
.esp-ajustes__nivel--rojo{border-left-color:var(--esp-rojo)}
.esp-check{display:flex!important;gap:8px;align-items:flex-start}
.esp-check input{width:18px;height:18px;margin-top:3px;accent-color:var(--esp-oro);flex:none}
.esp-ajustes__chat{display:grid!important;gap:6px;margin:12px 0!important}
.esp-ajustes__chat .esp-select{max-width:420px}
.esp-ajustes__ayuda{margin:6px 0 12px}
.esp-ajustes__ayuda summary{cursor:pointer;font-weight:800;color:var(--esp-oro)}
.esp-ajustes__ayuda ol{margin:8px 0;padding-left:20px}

/* ── Bienvenida ────────────────────────────────────────────────────── */
.esp-bienvenida__texto{background:var(--esp-panel-2);border-radius:10px;padding:10px 12px;margin:0 0 8px;white-space:pre-wrap}
.esp-textarea{width:100%;font:600 15px/1.5 var(--esp-texto);color:var(--esp-ink);background:#0a1836;border:2px solid var(--esp-panel-borde);border-radius:10px;padding:10px 12px;margin-top:4px}
.esp-marcadores{list-style:none;padding:0!important;display:grid;gap:4px}
.esp-marcadores code{color:var(--esp-oro);font-weight:800}

.esp-bienvenida__tipos{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}
.esp-chip-tab{font:800 13px var(--esp-texto);color:var(--esp-ink-soft);background:var(--esp-panel-2);border:2px solid var(--esp-panel-borde);border-radius:20px;padding:5px 12px;cursor:pointer}
.esp-chip-tab.is-active{color:#4a2a00;background:var(--esp-oro);border-color:var(--esp-oro-sombra)}
.esp-bienvenida__ejemplo{margin:8px 0 0;font-size:14px;color:var(--esp-ink-soft);background:var(--esp-panel-2);border-radius:8px;padding:8px 10px}
.esp-ajustes__nivel--gris{border-left-color:var(--esp-ink-faint)}

/* ── Sugerencias de rango ───────────────────────────────────────────── */
.esp-sugerencia{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:6px;border-radius:6px;font-size:12px;font-weight:800;cursor:help;vertical-align:middle}
.esp-sugerencia--subir{background:rgba(67,209,122,.2);color:var(--esp-verde);box-shadow:inset 0 0 0 1px var(--esp-verde)}
.esp-sugerencia--bajar{background:rgba(255,93,93,.18);color:var(--esp-rojo);box-shadow:inset 0 0 0 1px var(--esp-rojo)}
.esp-sugerencias{display:flex;gap:8px 20px;flex-wrap:wrap;margin:0 0 12px;font-size:14px}
.esp-sugerencias > span{display:flex;align-items:center;gap:6px}
.esp-sugerencias .esp-sugerencia{margin-left:0}
.esp-ajustes__pestanas{margin:0 0 16px}
.esp-ajustes__pestanas button{flex:1 1 auto;font:400 16px var(--esp-titulo);color:var(--esp-ink-soft);background:none;border:0;padding:9px 12px;border-radius:10px;cursor:pointer;text-shadow:var(--esp-contorno)}
.esp-ajustes__pestanas button.is-active{color:#4a2a00;text-shadow:0 1px 0 rgba(255,255,255,.45);background:linear-gradient(#ffe27a,var(--esp-oro) 50%,var(--esp-oro-2));box-shadow:0 3px 0 var(--esp-oro-sombra)}
.esp-ajustes__guardar{position:sticky;bottom:12px;z-index:5}

.esp-semanal summary{cursor:pointer;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;list-style:none}
.esp-semanal summary::-webkit-details-marker{display:none}
.esp-semanal summary h2{margin:0}
.esp-semanal summary small{font-weight:700}
.esp-semanal h3{margin:16px 0 6px;color:var(--esp-oro);font-size:17px}

.esp-rangos-msg__quien{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 8px}
.esp-rangos-msg__quien .esp-check{margin:0;font-weight:700;font-size:14px}

/* ── Mi cuenta ─────────────────────────────────────────────────────── */
.esp-cuenta{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;align-items:start}
.esp-cuenta .esp-panel{margin-bottom:0}
.esp-cuenta__sub{margin-top:26px}
.esp-form{display:grid;gap:14px;margin-top:10px}
.esp-form label{display:grid;gap:6px;font-weight:800;font-size:14px}
.esp-form small{font-weight:600}
.esp-form input[type=password],.esp-form input[type=email],.esp-form input[type=text]{
  font:600 16px var(--esp-texto);color:var(--esp-ink);background:#0a1836;
  border:2px solid var(--esp-panel-borde);border-radius:10px;padding:11px 12px;
  box-shadow:inset 0 2px 0 rgba(0,0,0,.25);width:100%;
}
.esp-form input:focus{outline:none;border-color:var(--esp-oro);box-shadow:0 0 0 2px rgba(255,201,60,.35)}
.esp-form .esp-btn{justify-self:start;margin-top:4px}
.esp-aviso.esp-aviso--ok{border-left-color:var(--esp-verde)}
.esp-datos{margin:0;display:grid;gap:10px}
.esp-datos dt{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--esp-ink-soft)}
.esp-datos dd{margin:2px 0 0;font-weight:700}

/* ── Temporada ─────────────────────────────────────────────────────── */
.esp-rival.is-propio{border-color:var(--esp-oro-sombra);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 2px var(--esp-oro),0 5px 0 rgba(4,10,28,.55)}
.esp-rival__cuerpo{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:16px;align-items:stretch}
.esp-grafico{margin:0;background:#0a1836;border:2px solid var(--esp-panel-borde);border-radius:10px;padding:10px;align-self:start}
/* Altura fija: con maintainAspectRatio:false Chart.js toma la altura del
   contenedor; si el contenedor depende del canvas, crece sin fin. */
.esp-grafico__lienzo{position:relative;height:260px}
.esp-grafico figcaption{font-size:11px;color:var(--esp-ink-faint);text-align:center;margin-top:4px}
@media (max-width:860px){.esp-rival__cuerpo{grid-template-columns:1fr}}

.esp-subnav--chips{margin:6px 0 14px}
.esp-subnav--chips a{font-size:13px;padding:4px 12px}

/* ── Batallas de guerra ── */
.esp-bat-enlace{text-decoration:none;margin-left:4px;font-size:13px}
.esp-bat-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px}
.esp-bat-diagnostico{font-weight:700;margin:6px 0 14px}
.esp-bat-matriz{min-width:0}
.esp-bat-matriz th,.esp-bat-matriz td{text-align:center}
.esp-bat-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.esp-bat{background:#0a1836;border:2px solid var(--esp-panel-borde);border-left-width:6px;border-radius:12px}
.esp-bat--ok{border-left-color:var(--esp-verde)}.esp-bat--aviso{border-left-color:#ffb35c}.esp-bat--mal{border-left-color:var(--esp-rojo)}
.esp-bat summary{cursor:pointer;list-style:none;display:grid;gap:3px;padding:10px 12px}
.esp-bat summary::-webkit-details-marker{display:none}
.esp-bat__cuando{font-size:12px;color:var(--esp-ink-soft)}
.esp-bat__etiqueta{font-size:13px;font-weight:800}
.esp-bat__datos{font-size:13px;color:var(--esp-ink-soft)}
.esp-bat__mazos{display:grid;gap:10px;padding:0 12px 12px}
.esp-bat__mazos small{display:block;color:var(--esp-ink-soft);margin-bottom:4px}
.esp-bat-mazo{display:flex;flex-wrap:wrap;gap:4px}
.esp-bat-carta{position:relative;width:40px}
.esp-bat-carta img{display:block;width:40px;height:auto}
.esp-bat-carta span{position:absolute;right:-2px;bottom:-2px;font-size:10px;font-weight:800;background:#0a1836;border-radius:6px;padding:0 3px}
.esp-eval{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.esp-eval__fila{display:grid;grid-template-columns:200px 110px 1fr;gap:10px;align-items:center;background:#0a1836;border:2px solid var(--esp-panel-borde);border-left-width:6px;border-radius:10px;padding:8px 12px}
.esp-eval__fila--alto{border-left-color:var(--esp-verde)}.esp-eval__fila--medio{border-left-color:#ffb35c}.esp-eval__fila--bajo{border-left-color:var(--esp-rojo)}
.esp-eval__nivel{font-weight:800}
.esp-eval__fila small{color:var(--esp-ink-soft)}
@media (max-width:700px){.esp-eval__fila{grid-template-columns:1fr auto}.esp-eval__fila small{grid-column:1/-1}}

/* ── Hoy: partidas sueltas ── */
.esp-dia__cifras{grid-template-columns:1.4fr repeat(3,1fr)}
@media (max-width:700px){.esp-dia__cifras{grid-template-columns:1fr 1fr}}
.esp-cifra--aviso{border-color:#8a5a12;background:linear-gradient(#3a2a10,#2a1e0c)}
.esp-cifra--aviso .esp-cifra__valor{color:#ffc35c}
.esp-sueltas{background:rgba(255,179,92,.12);border:2px solid #8a5a12;border-radius:10px;padding:8px 12px;margin:12px 0 0}
.esp-jugador-card.is-suelta{border-color:#ffb35c;box-shadow:0 0 0 2px rgba(255,179,92,.35)}
.esp-jugador-card.is-suelta .esp-jugador-card__falta{color:#ffc35c}
.esp-jugador-card__pts{color:var(--esp-oro)}
.esp-jugador-card__falta{white-space:nowrap}
[data-esp-tabla-hoy] .is-solo-pendientes .is-completo,.esp-tabla.is-solo-pendientes tr.is-completo{display:none}
.esp-tabla tr.is-suelta td{background:rgba(255,179,92,.10)}
.esp-carrera__linea{display:flex;align-items:baseline;gap:18px}
.esp-carrera__media{color:var(--esp-oro)}
/* ── 🏆 Rankings ─────────────────────────────────────────────────────── */
.esp-plantilla__portal form{display:flex;align-items:center;gap:6px;margin:0}
.esp-plantilla__sin-tag{margin-top:12px}
.esp-plantilla__sin-tag summary{cursor:pointer;font-weight:700;color:var(--esp-ink-soft)}
.esp-ct-filtro__grupo{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px}
.esp-ct-filtro__grupo > span{font-weight:800;font-size:13px;color:var(--esp-ink-soft);min-width:150px}
.esp-ct-chip{background:var(--esp-fila);border:1px solid var(--esp-panel-borde);color:var(--esp-ink);font:600 13px var(--esp-texto);padding:5px 10px;border-radius:999px;cursor:pointer}
.esp-ct-chip.is-active{background:linear-gradient(#ffe27a,var(--esp-oro) 50%,var(--esp-oro-2));color:#4a2a00;border-color:var(--esp-oro-sombra)}
.esp-ct-resultado{margin-top:12px}
.esp-ct__titulo{margin:12px 0 6px;font-size:15px}
.esp-ct__titulo small{color:var(--esp-ink-faint);font-weight:400}
.esp-ct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px}
.esp-ct{position:relative;display:grid;justify-items:center;gap:2px;cursor:help;text-align:center}
.esp-ct[hidden],[data-esp-ct-grupos][hidden],.esp-ct-resultado[hidden]{display:none}
.esp-ct img{width:64px;height:auto;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}
.esp-ct__elixir{position:absolute;top:0;left:4px;background:#b23cff;color:#fff;font:800 11px var(--esp-texto);border-radius:50%;width:18px;height:18px;display:grid;place-items:center;box-shadow:0 0 0 1px #4a0d6b}
.esp-ct__nombre{font-size:11px;line-height:1.15;color:var(--esp-ink-soft)}
.esp-ct--editable{cursor:pointer}
.esp-ct-vistas{display:inline-flex;margin:0 0 10px}
.esp-ct-fichas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:10px}
.esp-ct-ficha{display:grid;grid-template-columns:74px 1fr;gap:10px;align-items:start;background:var(--esp-fila);border:1px solid var(--esp-panel-borde);border-radius:12px;padding:8px 10px}
.esp-ct-ficha[hidden],[data-esp-ct-cartas][hidden]{display:none}
.esp-ct-ficha__et{display:grid;gap:4px;min-width:0}
.esp-ct-ficha__grupo{display:grid;grid-template-columns:72px 1fr;gap:6px;align-items:baseline}
.esp-ct-ficha__grupo > span{font-size:11px;font-weight:800;color:var(--esp-ink-faint)}
.esp-ct-ficha__grupo > div{display:flex;flex-wrap:wrap;gap:4px}
.esp-ct-tag{background:#0a1836;border:1px solid var(--esp-panel-borde);color:var(--esp-ink);font:600 12px var(--esp-texto);padding:2px 8px;border-radius:999px;cursor:pointer}
.esp-ct-tag.is-active{background:linear-gradient(#ffe27a,var(--esp-oro) 50%,var(--esp-oro-2));color:#4a2a00;border-color:var(--esp-oro-sombra)}
.esp-ct--editable:hover img{transform:translateY(-2px)}
.esp-ct.is-editada::after{content:"";position:absolute;top:2px;right:6px;width:9px;height:9px;border-radius:50%;background:var(--esp-oro);box-shadow:0 0 0 1px var(--esp-oro-sombra)}
.esp-ct-editor{max-width:min(560px,calc(100vw - 32px));width:100%;border:1px solid var(--esp-panel-borde);border-radius:14px;background:var(--esp-panel,#1d2a4a);color:var(--esp-ink);padding:16px}
.esp-ct-editor::backdrop{background:rgba(0,0,0,.6)}
.esp-ct-editor h2{margin:0 0 10px;font:400 20px var(--esp-titulo);text-shadow:var(--esp-contorno)}
.esp-ct-editor fieldset{border:1px solid var(--esp-panel-borde);border-radius:10px;margin:0 0 10px;padding:8px 10px;display:flex;flex-wrap:wrap;gap:6px 14px}
.esp-ct-editor legend{font-weight:800;font-size:13px;color:var(--esp-ink-soft);padding:0 4px}
.esp-ct-editor label{font-size:14px;display:flex;align-items:center;gap:4px;cursor:pointer}
.esp-ct-editor__botones{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.esp-guia__mazos{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:6px 0 12px}
.esp-guia__mazo{background:var(--esp-fila);border:1px solid var(--esp-panel-borde);border-radius:12px;padding:10px 12px;display:grid;gap:8px;align-content:start}
.esp-guia__mazo h3{margin:0;font:400 17px var(--esp-titulo);text-shadow:var(--esp-contorno)}
.esp-guia__meta{margin:0 0 12px}
.esp-guia__elegir{margin:0 0 12px}
.esp-lab__pregunta{font-size:16px;color:var(--esp-ink-soft)}
.esp-lab__indice{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px}
.esp-lab__indice a{color:var(--esp-azul-claro);text-decoration:none;font-weight:700;font-size:14px}
.esp-lab__puntos{margin:0 0 10px;padding-left:20px;display:grid;gap:6px;line-height:1.45}
.esp-lab__tabla{min-width:0}
.esp-lab__tabla td{white-space:normal}
.esp-lab .esp-ajustes__pestanas a{flex:1 1 auto;font:400 15px var(--esp-titulo);color:var(--esp-ink-soft);padding:8px 12px;border-radius:10px;text-decoration:none;text-shadow:var(--esp-contorno)}
.esp-lab .esp-ajustes__pestanas a.is-active{color:#4a2a00;text-shadow:none;background:linear-gradient(#ffe27a,var(--esp-oro) 50%,var(--esp-oro-2))}
.esp-rk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;align-items:start}
.esp-rk{background:var(--esp-fila);border:1px solid var(--esp-panel-borde);border-radius:12px;padding:12px 14px;box-shadow:inset 0 0 0 1px rgba(255,201,60,.12)}
.esp-rk--mejorar{box-shadow:inset 0 0 0 1px rgba(255,93,93,.18)}
.esp-rk summary{list-style:none;cursor:pointer;display:grid;gap:4px}
.esp-rk summary::-webkit-details-marker{display:none}
.esp-rk__titulo{font:400 16px var(--esp-titulo);text-shadow:var(--esp-contorno)}
.esp-rk__lider{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.esp-rk__lider strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}
.esp-rk__lider b{margin-left:auto;color:var(--esp-oro);font-size:18px}
.esp-rk--mejorar .esp-rk__lider b{color:var(--esp-rojo)}
.esp-rk__podio{display:grid;gap:2px;font-size:13px;color:var(--esp-ink-soft)}
.esp-rk__tu{font-size:13px;color:var(--esp-azul-claro);font-weight:700}
.esp-rk__vacio{font-size:13px;color:var(--esp-ink-faint)}
.esp-rk[open] summary{margin-bottom:8px}
.esp-rk__lista{margin:6px 0 0;padding-left:22px;display:grid;gap:6px;font-size:14px}
.esp-rk__lista li{display:grid;grid-template-columns:1fr auto;gap:0 8px}
.esp-rk__lista li .esp-barra{grid-column:1 / -1}
.esp-rk__lista li.is-yo{color:var(--esp-azul-claro);font-weight:800}
.esp-rk__nombre small{color:var(--esp-ink-faint);font-weight:400}
.esp-rk__valor{font-weight:800}
.esp-rk-barra{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;margin:0 0 12px}
.esp-rk-barra .esp-ajustes__pestanas{margin:0;flex:1 1 280px}
.esp-rk-vistas{display:flex;gap:4px;background:#0a1836;border:1px solid var(--esp-panel-borde);border-radius:10px;padding:3px}
.esp-rk-vistas a{color:var(--esp-ink-soft);font:700 13px var(--esp-texto);padding:6px 10px;border-radius:8px;text-decoration:none}
.esp-rk-vistas a.is-active{background:var(--esp-panel);color:var(--esp-ink)}
.esp-rk-vistas button{background:none;border:0;color:var(--esp-ink-soft);font:700 13px var(--esp-texto);padding:6px 10px;border-radius:8px;cursor:pointer}
.esp-rk-vistas button.is-active{background:var(--esp-panel);color:var(--esp-ink)}
[data-esp-rk-en][hidden],[data-esp-rk-tabla][hidden],[data-esp-panel][hidden]{display:none}
.esp-rk-elige{display:grid;gap:10px;margin:0 0 14px}
.esp-rk-elige__grupo h3{margin:0 0 6px;font-size:14px;color:var(--esp-ink-soft)}
.esp-rk-elige__fichas{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.esp-rk-ficha{display:grid;gap:2px;text-align:left;background:var(--esp-fila);border:1px solid var(--esp-panel-borde);border-radius:10px;padding:7px 9px;color:var(--esp-ink);cursor:pointer;font:600 13px var(--esp-texto)}
.esp-rk-ficha:hover{border-color:rgba(255,201,60,.5)}
.esp-rk-ficha.is-active{background:linear-gradient(#ffe27a,var(--esp-oro) 50%,var(--esp-oro-2));color:#4a2a00;border-color:var(--esp-oro-sombra)}
.esp-rk-ficha__t{font-weight:800;line-height:1.2}
.esp-rk-ficha__l{font-size:12px;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.esp-rk-fuente{margin:-4px 0 8px;font-size:12px;color:var(--esp-azul-claro);opacity:.85}
.esp-rk-tabla__t{margin:4px 0 2px;font:400 18px var(--esp-titulo);text-shadow:var(--esp-contorno)}
/* Filas del ranking: n.º · jugador · valor, con una barra fina debajo */
.esp-rk-p,.esp-rk-f{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:0 8px;border-radius:8px}
.esp-rk-p .esp-barra,.esp-rk-f .esp-barra{grid-column:1 / -1;margin-top:3px}
.esp-rk-j{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.esp-rk-j small{color:var(--esp-ink-faint);font-weight:400}
.esp-rk-n{min-width:24px;text-align:center;font-weight:800}
.esp-rk-podio{display:grid;gap:8px;margin:8px 0 12px}
.esp-rk-podio__2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.esp-rk-p{padding:10px 12px;background:rgba(255,201,60,.12);border:1px solid rgba(255,201,60,.3)}
.esp-rk-p .esp-rk-n{font-size:20px}
.esp-rk-p .esp-rk-v{color:var(--esp-oro);font-size:17px}
.esp-rk-p--1{padding:14px 16px;background:linear-gradient(90deg,rgba(255,201,60,.4),rgba(255,201,60,.08));border-color:var(--esp-oro)}
.esp-rk-p--1 .esp-rk-n{font-size:30px}
.esp-rk-p--1 .esp-rk-j{font:400 22px var(--esp-titulo);text-shadow:var(--esp-contorno)}
.esp-rk-p--1 .esp-rk-v{font-size:24px}
.esp-rk-resto{columns:4 210px;column-gap:14px}
.esp-rk-f{break-inside:avoid;padding:4px 6px;margin:0 0 3px;font-size:14px}
.esp-rk-f.rk-top10{background:rgba(255,201,60,.07)}
.esp-rk-f.rk-top10 .esp-rk-n{color:var(--esp-oro)}
.esp-rk-f.rk-sin{color:var(--esp-ink-faint)}
.esp-rk-p.is-yo,.esp-rk-f.is-yo{box-shadow:inset 0 0 0 2px var(--esp-azul-claro)}
.esp-rk-f.is-yo .esp-rk-j{color:var(--esp-azul-claro);font-weight:800}
.esp-rk-tabla--mejorar .esp-rk-p{background:rgba(255,93,93,.12);border-color:rgba(255,93,93,.35)}
.esp-rk-tabla--mejorar .esp-rk-p--1{background:linear-gradient(90deg,rgba(255,93,93,.4),rgba(255,93,93,.08));border-color:var(--esp-rojo)}
.esp-rk-tabla--mejorar .esp-rk-p .esp-rk-v{color:var(--esp-rojo)}
.esp-rk-tabla--mejorar .esp-rk-f.rk-top10{background:rgba(255,93,93,.07)}
.esp-rk-tabla--mejorar .esp-rk-f.rk-top10 .esp-rk-n{color:var(--esp-rojo)}
.esp-rk-tabla--mejorar .esp-barra span{background:linear-gradient(90deg,#c43c3c,var(--esp-rojo))}
@media (max-width:520px){.esp-rk-podio__2{grid-template-columns:1fr}.esp-rk-elige__fichas{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}
.esp-parte__lista{margin:0;padding-left:18px;display:grid;gap:4px}
.esp-parte__lista li{line-height:1.4}
.esp-carrera__dia{color:var(--esp-azul-claro);opacity:.8;margin-left:2px}
.esp-carrera__media small{font-family:var(--esp-texto);font-size:12px;color:var(--esp-ink-soft);text-shadow:none;margin-left:2px}
.esp-jugadores[hidden],[data-esp-tabla-hoy][hidden]{display:none}
.esp-tab__beta{font-family:var(--esp-texto);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;padding:1px 6px;margin-left:4px;border-radius:10px;background:rgba(255,179,92,.2);color:#ffc35c;text-shadow:none;vertical-align:middle}
.esp-jugador-card{grid-template-columns:auto 1fr auto;grid-template-areas:"nombre nombre puntos" "rol aviso falta"}
.esp-jugador-card__aviso{grid-area:aviso;justify-self:center;font-size:12px;font-weight:800;color:#ff6b6b;white-space:nowrap}
.esp-jugador-card.is-suelta .esp-jugador-card__falta{color:var(--esp-oro)}
.esp-jugador-card.is-suelta .esp-puntos i.is-hecho{background:var(--esp-oro);box-shadow:inset 0 -2px 0 var(--esp-oro-sombra)}
.esp-jugador-card__ok{color:var(--esp-verde);margin-left:4px}
.esp-carrera__escenarios{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.esp-conexion{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 3px;border-radius:9px;margin-right:6px;vertical-align:middle;font-style:normal;font-size:10px;font-weight:800;line-height:1;color:#0a1836}
.esp-conexion--on{background:#3ddc84}
.esp-conexion--horas{background:#ffb35c}
.esp-conexion--dias{background:#ff6b6b;color:#fff}
.esp-tabla tr.is-fuera td{opacity:.7}
.esp-dentro{font-size:12px;font-weight:800;color:var(--esp-verde)}
.esp-plantilla__altas{display:grid;gap:14px}
.esp-plantilla__manual{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.esp-plantilla__manual input,.esp-plantilla__editar input{font:inherit;color:var(--esp-ink);background:#0a1836;border:2px solid var(--esp-panel-borde);border-radius:8px;padding:5px 8px}
.esp-plantilla__repesca{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:4px}
.esp-plantilla__acciones{display:flex;gap:6px;align-items:flex-start}
.esp-plantilla__acciones details summary{list-style:none;cursor:pointer}
.esp-plantilla__acciones details summary::-webkit-details-marker{display:none}
.esp-plantilla__editar{display:grid;gap:6px;margin-top:6px;min-width:220px}
.esp-chip-inline--plantilla{background:rgba(124,196,255,.18);color:#bfe3ff}
.esp-icono{background:none;border:0;padding:2px 4px;margin:0;font-size:16px;line-height:1;cursor:pointer;opacity:.8;color:inherit}
.esp-icono:hover,.esp-icono:focus-visible{opacity:1}
.esp-plantilla__acciones{align-items:center}
.esp-plantilla__acciones form{margin:0}
.esp-bat-mas{margin:12px 0 0;display:flex;gap:10px;align-items:center}
/* Batalla desplegada: el texto a la izquierda y los mazos a la derecha (en móvil, debajo). */
.esp-bat details[open]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
.esp-bat details[open] .esp-bat__mazos{padding:10px 12px 12px 0}
@media (max-width:900px){.esp-bat details[open]{display:block}.esp-bat details[open] .esp-bat__mazos{padding:0 12px 12px}}
.esp-bat-semana{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}
.esp-bat-semana input[type=date]{font:inherit;color:var(--esp-ink);background:#0a1836;border:2px solid var(--esp-panel-borde);border-radius:8px;padding:4px 8px;color-scheme:dark;margin-left:6px}
.esp-bat-semana a.esp-icono{text-decoration:none;font-size:14px}
.esp-elixir{color:#e75bdc}
.esp-historico td{white-space:nowrap;padding-top:6px;padding-bottom:6px}
.esp-historico td small{margin-left:5px;font-size:11px;color:var(--esp-ink-soft)}
.esp-historico td small.is-rojo{color:var(--esp-rojo)}
.esp-historico .is-ent{background:rgba(255,255,255,.03);color:var(--esp-ink-soft)}
.esp-historico td.is-vivo strong{color:var(--esp-oro)}
.esp-tabs__grupo{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--esp-ink-soft);margin-right:2px}
.esp-tabs--gestion{padding:8px 10px;border-radius:12px;background:rgba(0,0,0,.18);border:1px dashed var(--esp-panel-borde)}
.esp-tabs--gestion .esp-tab{font-size:14px}
.esp-plantilla__registrado{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.esp-tabs__cambio{font-size:13px;font-weight:800;color:var(--esp-oro);text-decoration:none;margin-left:6px;white-space:nowrap}
.esp-tabs__cambio:hover{text-decoration:underline}
.esp-historico th.is-vivo{color:#fff}