/* =====================================================================
   CARTA NOKAFUT: la misma carta en TODA la web (27/09/2026, Mario:
   "siempre hay que intentar tener una cosa para diferentes secciones").
   La usan: soluciones de SBC, /fc27/ (ficha, vista de cartas, carta al
   pasar el ratón), Mi Club, Jugadores, Mercado y el campo del solver web.
   Quien la pinta: web/src/ui/cartaNoka.ts (TS) y cartaNoka() en
   web/public/fc27/lib/comun.php (PHP). Mismo HTML en los dos.

   Se escala SOLO con font-size: la carta mide 10em × 13.89em
   (font-size = ancho / 10). Nada de px dentro.

   Medidas (sobre el fondo de EA de 576×800, la carta visible va de
   x 55–523, y 95–745): la raya de encima del nombre está a 8,8em.
   La cara ACABA en esa raya y el nombre va en la parte lisa (como EA).
   ===================================================================== */
.nkc{position:relative;display:block;width:10em;height:13.89em;color:var(--nkc-color,#2d2410)!important;text-decoration:none!important;
  flex:none;line-height:1;text-align:left;font-style:normal;letter-spacing:normal;box-sizing:border-box}
.nkc *{box-sizing:border-box}
a.nkc{cursor:pointer;transition:transform .12s}
a.nkc:hover{transform:translateY(-.25em);z-index:4}
.nkc__bg{position:absolute;inset:0;background-size:123.08% auto;background-position:50.9% 63.3%;background-repeat:no-repeat;
  filter:drop-shadow(0 .35em .5em rgba(0,0,0,.45))}
/* 28/09/2026 (Mario): la cara más grande: lo de arriba de la cabeza llega a la altura de la media (medido en Chrome) y sigue acabando en la raya de 8,8em */
.nkc__cara{position:absolute;right:.3em;top:1.9em;width:6.9em;height:6.9em;max-width:none;margin:0;object-fit:contain;object-position:bottom;
  -webkit-mask-image:linear-gradient(180deg,#000 92%,transparent 100%);mask-image:linear-gradient(180deg,#000 92%,transparent 100%)}
.nkc__lt{position:absolute;z-index:1;left:1.05em;top:2.05em;width:2.9em;display:flex;flex-direction:column;align-items:center;gap:.12em}
.nkc__lt b{font-size:2.45em;font-weight:900;letter-spacing:-.04em;line-height:.9}
.nkc__lt span{font-size:1.02em;font-weight:800;letter-spacing:.02em}
.nkc__bot{position:absolute;left:.9em;right:.9em;top:8.9em;display:flex;flex-direction:column;align-items:center}
.nkc__nombre{max-width:100%;font-size:1.12em;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;padding-bottom:.05em}
.nkc__stats{display:grid;grid-template-columns:repeat(6,1fr);width:100%;margin:.1em 0 0;padding:0;list-style:none}
.nkc__stats i{font-style:normal;display:flex;flex-direction:column;align-items:center;gap:.1em}
.nkc__stats small{font-size:.5em;font-weight:700;opacity:.8}
.nkc__stats b{font-size:.98em;font-weight:900;letter-spacing:-.02em}
.nkc__iconos{display:flex;gap:.35em;align-items:center;justify-content:center;margin-top:.25em;height:1em}
.nkc__iconos img{height:100%;width:auto;max-width:1.5em;object-fit:contain;margin:0}
.nkc__iconos .nkc__ico--bandera{height:.8em;border-radius:1px}
/* Pequeña (menos de 70px de ancho): sin stats y lo demás más grande para que se lea */
.nkc--mini .nkc__bot{top:9em}
.nkc--mini .nkc__nombre{font-size:1.45em}
.nkc--mini .nkc__iconos{height:1.4em;margin-top:.6em}
.nkc--mini .nkc__lt b{font-size:2.8em}
.nkc--mini .nkc__lt span{font-size:1.3em}
/* «H» de holográfica: verde, por fuera de la carta a la izquierda, a la altura del rombo de estilo de EA */
.nkc__h{position:absolute;left:0;top:7.7em;transform:translate(-50%,calc(-100% - 2px));z-index:3;background:#16a34a;color:#fff;
  font:800 max(8px,.85em)/1.2 "Manrope",system-ui,sans-serif;min-width:1.2em;padding:0 .12em;text-align:center;border-radius:.25em;
  border:1px solid #0b5d2a;box-shadow:0 1px 3px rgba(0,0,0,.45);pointer-events:none}