/* Carta de la Colección pintada en canvas (carta-diseno.js + carta-pintor.js).
   La ilustración del proveedor queda debajo, invisible: sólo la lee el pintor.
   Las tipografías se usan dentro del canvas y viajan con el juego (OFL). */
@font-face{font-family:'Cinzel Domo';src:url('fuentes/cinzel.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Domo';src:url('fuentes/cormorant-garamond.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Domo';src:url('fuentes/cormorant-garamond-italica.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}
/* Cormorant sólo trae cifras antiguas y el canvas no puede pedir las alineadas:
   las cifras del texto de reglas salen de Cinzel. */
@font-face{font-family:'Cormorant Domo';src:url('fuentes/cinzel.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+0030-0039}

.cdCarta{position:relative;container-type:inline-size;aspect-ratio:5/7;overflow:hidden;border-radius:4.8%/3.43%;user-select:none;-webkit-user-select:none;
  background:linear-gradient(135deg,#4f3108,#e7bb55 30%,#6e4a10 60%,#d6a878);box-shadow:0 2px 8px #000a}
.cdCarta[data-acabado="foil"]{background:linear-gradient(135deg,#262f3b,#e3ecf8 30%,#36414f 60%,#b9c6d8)}
.cdCarta::before{content:"";position:absolute;inset:2.7% 3.8%;border-radius:3%;background:#1a1220}
.cdCarta>.marcoDibujo{opacity:0}
/* El nombre como texto, transparente sobre el pintado: se lee y se busca, no se ve. */
.cdCarta>.cdNombre{position:absolute;left:7%;right:20%;top:4.3%;z-index:2;color:transparent;text-align:center;font:700 5.2cqi/1.25 'Cinzel Domo',Georgia,serif;overflow-wrap:anywhere;pointer-events:none;user-select:text;-webkit-user-select:text}
.cdCarta>.cdLienzo{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;opacity:0;transition:opacity .25s ease}
.cdCarta.cdLista>.cdLienzo{opacity:1}
/* Reflejo que recorre las ediciones Foil y Dorada en la Colección. */
.cdCarta:is([data-acabado="foil"],[data-acabado="dorado"])::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background-image:var(--acabado-brillo);z-index:3;background-size:280% 160%;background-position:0% 40%;mix-blend-mode:screen;opacity:.3;animation:acabadoReflejo 10s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.cdCarta::after{animation:none!important}.cdCarta>.cdLienzo{transition:none}}