/* Miniature du but du mois : titre en haut, une colonne par buteur (nom, buts, photo) */
.mbdm { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; container-type: size; isolation: isolate; text-align: center; font-family: 'Barlow', system-ui, sans-serif; }

/* Fond du haut (couleur unie ou image) */
.mbdm__fond { position: absolute; inset: 0; z-index: -1; background-color: var(--mbdm-fond); background-size: cover; background-position: center; }
.mbdm.a-image .mbdm__fond::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, var(--mbdm-sombre, 0)); }

/* Logo + titre */
.mbdm__tete { position: absolute; left: 0; right: 0; top: 4cqh; display: flex; flex-direction: column; align-items: center; }
.mbdm__logo { display: block; height: 10cqh; aspect-ratio: 1; margin-bottom: 1.4cqh; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }
.mbdm__logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.mbdm__logo.is-teinte { background: var(--mbdm-logo); }
.mbdm__logo.is-teinte img { visibility: hidden; }
.mbdm__titre { color: var(--mbdm-titre); font: 900 min(8.6cqw, 13.5cqh)/.86 'Big Shoulders Display', 'Arial Narrow', sans-serif; text-transform: uppercase; letter-spacing: .01em; white-space: nowrap; }
.mbdm__mois { display: inline-flex; align-items: baseline; gap: .3em; margin-top: .8cqh; color: var(--mbdm-mois); font: 900 min(4.8cqw, 7.6cqh)/.9 'Big Shoulders Display', 'Arial Narrow', sans-serif; text-transform: uppercase; white-space: nowrap; }
.mbdm__mois small { color: var(--mbdm-titre); font-size: .5em; font-weight: 800; }

/* Colonnes des buteurs */
.mbdm__joueurs { position: absolute; left: 0; right: 0; top: 44cqh; bottom: 0; display: grid; grid-template-columns: repeat(var(--nb, 1), minmax(0, 1fr)); }
.mbdm__j { display: flex; flex-direction: column; min-width: 0; }
.mbdm__nom { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: .4cqh; height: 14cqh; padding: 0 .8cqw 1.6cqh; }
.mbdm__nom b { max-width: 100%; overflow: hidden; text-overflow: ellipsis; color: var(--mbdm-noms); font: 900 min(calc(13.5cqw / var(--nb, 1)), 5.4cqh)/1 'Big Shoulders Display', 'Arial Narrow', sans-serif; letter-spacing: .01em; white-space: nowrap; }
.mbdm__nom small { color: var(--mbdm-infos); font: 800 min(calc(11cqw / var(--nb, 1)), 3.8cqh)/1 'Big Shoulders Display', 'Arial Narrow', sans-serif; letter-spacing: .04em; }
.mbdm__photo { position: relative; flex: 1; display: block; overflow: hidden; background: var(--mbdm-panneau); }
.mbdm__j + .mbdm__j .mbdm__photo::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; width: 1px; background: rgba(255, 255, 255, .3); }
.mbdm__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; filter: grayscale(1) contrast(1.08) brightness(1.05); mix-blend-mode: luminosity; }
.mbdm__photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, .25)); pointer-events: none; }
.mbdm__photo svg { position: absolute; left: 50%; bottom: 0; width: 82%; height: 88%; transform: translateX(-50%); fill: rgba(255, 255, 255, .16); }
.mbdm__j + .mbdm__j .mbdm__photo svg { left: calc(50% + .5px); }