/* ScoreRing — anillo con arco gradiente azul->cian (Dir 2). CSS-only, sin cambiar el markup. */
.score-block-lcs{--content-align:center;--text-align:center;text-align:center;}
.score-block-lcs .score{
  --w:104px; width:var(--w); aspect-ratio:1; position:relative;
  display:inline-grid; place-content:center; margin:5px;
  font-family:var(--esb-display); font-weight:700; font-size:26px; line-height:1;
  color:var(--esb-ink); font-variant-numeric:tabular-nums; letter-spacing:-.01em;
}
/* Arco: gradiente azul->cian a lo largo del barrido; pista clara para el resto. Cap inicial azul.
   --ring = grosor del arco, parametrizado (default 9px = idéntico a lo desplegado en la ficha);
   los usos compactos (tabla comparativa 54/44px) lo reducen para mantener la proporción. */
.score-block-lcs .score:before{
  content:""; position:absolute; border-radius:50%; inset:0;
  background:
    radial-gradient(farthest-side, var(--esb-brand) 98%, #0000) top/var(--ring,9px) var(--ring,9px) no-repeat,
    conic-gradient(var(--esb-brand), var(--esb-cyan) calc(var(--percentage)*1%), var(--esb-track) 0);
  -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--ring,9px)),#000 calc(100% - var(--ring,9px)));
  mask:radial-gradient(farthest-side,#0000 calc(99% - var(--ring,9px)),#000 calc(100% - var(--ring,9px)));
}
/* Cap final del arco (cian, cierre del barrido). */
.score-block-lcs .score:after{
  content:""; position:absolute; border-radius:50%; inset:calc(50% - var(--ring,9px)/2);
  background:var(--esb-cyan);
  transform:rotate(calc(var(--percentage)*3.6deg)) translateY(calc(50% - var(--w)/2));
}