/* ==========================================================================
   MATERIAL — primitivos de HUD (F1)
   Grafito, hielo, una lámpara. Cero hex: todo sale de tokens.css.
   ========================================================================== */

.corte { clip-path: var(--clip-corte); border-radius: 0; }

/* Frames de estudio: ficha, panel de contexto, serie. Decisión/mercado/minijuego NO
   se clippean — su pestaña de categoría vive a -15px y el clip se la come. */
.marco,
.ficha-card,
.panel-contexto,
.serie-contexto,
.tarjeta {
  border-radius: 0;
  box-shadow: inset 0 1px 0 var(--ice-dim), inset 0 -1px 0 var(--edge-lo);
}

/* 4 ticks de encuadre (8 hairlines, una por pata de cada L) sobre los bloques que
   los llevan. `--tick` se pisa a --live / --gold cuando el bloque está "en vivo".
   D47: ya no hay una clase `.ticks` aparte: esta lista es la única fuente. */
.ficha-card,
.panel-contexto,
.serie-contexto,
.ficha-nivel,
.ficha-ranked,
.draft-slot,
.rol-card.elegido,
.decision,
.mercado,
.minijuego,
.tarjeta {
  --tick: var(--ice);
  background-image:
    linear-gradient(var(--tick), var(--tick)),
    linear-gradient(var(--tick), var(--tick)),
    linear-gradient(var(--tick), var(--tick)),
    linear-gradient(var(--tick), var(--tick)),
    linear-gradient(var(--tick), var(--tick)),
    linear-gradient(var(--tick), var(--tick)),
    linear-gradient(var(--tick), var(--tick)),
    linear-gradient(var(--tick), var(--tick));
  background-size:
    var(--tick-len) var(--tick-w), var(--tick-w) var(--tick-len),
    var(--tick-len) var(--tick-w), var(--tick-w) var(--tick-len),
    var(--tick-len) var(--tick-w), var(--tick-w) var(--tick-len),
    var(--tick-len) var(--tick-w), var(--tick-w) var(--tick-len);
  background-position:
    left top, left top,
    right top, right top,
    left bottom, left bottom,
    right bottom, right bottom;
  background-repeat: no-repeat;
}

.rol-card.elegido,
body[data-serie="on"] .serie-contexto,
.decision[data-peso="bisagra"] { --tick: var(--live); }

body[data-ventana="playoffs"] .serie-contexto,
body[data-ventana="internacional"] .serie-contexto,
.decision[data-peso="cierre"] { --tick: var(--gold); }

.ficha-ranked { --tick: var(--rank-color, var(--ice)); }