/* Carte façon FIFA : positions du gabarit 1080 × 1500 de l'appli (Carte.tsx), en % de la carte
   et en unités de conteneur (cqw), pour un rendu identique à toutes les tailles. */
@font-face{font-family:'Barlow Condensed';src:url('/static/cartes/polices/BarlowCondensed-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('/static/cartes/polices/BarlowCondensed-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('/static/cartes/polices/BarlowCondensed-Medium.ttf') format('truetype');font-weight:500;font-display:swap}

.fc{--fc-text:#F5E2AE;--fc-accent:#D4AF5F;container:fc/inline-size;position:relative;display:block;width:100%;aspect-ratio:1080/1500;
  font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;color:var(--fc-text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.fc>*{position:absolute;margin:0}
.fc-bg{inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.fc-face{left:32.593%;top:17.333%;width:54.722%;height:48.333%;object-fit:contain;pointer-events:none}
/* Portrait façon FIFA : image à la taille de la carte, déjà cadrée et fondue sous le nom. */
.fc-portrait{inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.fc-t{line-height:1.24;text-align:center;white-space:nowrap;text-shadow:0 .28cqw .6cqw rgba(0,0,0,.7)}
.fc-gen{left:4.63%;top:19.733%;width:37.037%;font-size:18.519cqw;font-weight:700}
.fc-pos{left:4.63%;top:32.859%;width:37.037%;font-size:7.037cqw;font-weight:600}
.fc-rule{height:max(1px,.28cqw);background:var(--fc-accent)}
.fc-rule1{left:18.056%;width:10.185%;top:39.233%}
.fc-rule2{left:23.148%;width:53.704%;top:72.567%}
.fc-badge{left:17.963%;width:10.37%;height:7.467%;object-fit:contain}
.fc-type{top:40.4%}
.fc-class{top:50.8%}
.fc-label{left:15.741%;width:14.815%;font-size:2.778cqw;font-weight:600;letter-spacing:.185cqw;overflow:hidden}
.fc-type-l{top:48.427%}
.fc-class-l{top:58.827%}
.fc-name{left:13.889%;top:65.264%;width:72.222%;font-size:calc(8.519cqw * var(--fit,1));font-weight:700;letter-spacing:.185cqw;overflow:hidden}
.fc-stats{left:18.519%;width:62.963%;top:74.347%;display:grid;grid-template-columns:repeat(6,1fr)}
.fc-stats small{display:block;font-size:3.704cqw;font-weight:600;color:var(--fc-accent)}
.fc-stats b{display:block;font-size:7.037cqw;font-weight:700;margin-top:-.826cqw}
/* Gardien neutre du moteur : carte sobre, sans type ni classe. */
.fc[data-rarity=GK] .fc-bg{filter:grayscale(.85) brightness(.75)}
.fc[data-rarity=GK] .fc-face{opacity:.8}
/* La carte reste complète (fond, logos, nom, stats) ; en très petit seulement (avant-match, bandeau
   de fusion), l'essentiel, et le nom passe sous la carte. */
@container fc (max-width:80px){.fc-badge,.fc-rule1,.fc-name,.fc-label,.fc-rule2,.fc-stats{display:none}}

/* Les propriétés de la carte elle-même ne peuvent pas utiliser cqw (elles viseraient l'écran) : pourcentages. */
.fc-back{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:9% / 6.5%;
  background:radial-gradient(ellipse at 50% 30%,#3a2a12,#17110a 70%);border:1px solid #c49844;box-shadow:inset 0 0 0 3px #090701,inset 0 0 0 4px #c4984466}
.fc-back>*{position:static;color:#e0c17b;line-height:.95;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif}
.fc-back b{font-size:30cqw;font-weight:700}
.fc-back strong{font-size:12cqw;font-weight:700;letter-spacing:1cqw}
.fc-back small{font-size:5cqw;font-weight:500;color:#c49844;letter-spacing:.5cqw;margin-top:2cqw}

.fc-figure{margin:0;display:flex;flex-direction:column;align-items:center;min-width:0}
.fc-figure figcaption{margin-top:3px;max-width:100%;font:600 11px/1.2 'Barlow Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.2px;
  color:#e7dcc6;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}