/* Spelerspagina */
.sp-hero { position: relative; overflow: hidden; background: var(--navy); color: #fff; padding: 34px 0 0; }
.sp-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 80% 30%, rgba(226,12,32,.4), transparent 50%), radial-gradient(circle at 10% 100%, rgba(250,185,33,.15), transparent 45%); pointer-events: none; }
.sp-hero__in { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 30px; align-items: end; }
.sp-hero__txt { padding-bottom: 70px; }
.sp-crumbs { justify-content: flex-start; }
.sp-name { margin: 8px 0 22px; font: italic 900 clamp(48px, 7.5vw, 104px)/.88 var(--heading); text-transform: uppercase; overflow-wrap: anywhere; }
.sp-name em { display: block; color: var(--gold); font-style: italic; }
.sp-meta { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.sp-meta li { display: grid; gap: 4px; padding: 12px 16px; border-radius: 14px; background: rgba(255,255,255,.08); min-width: 110px; }
.sp-meta span { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.sp-meta b { font: italic 900 22px/1 var(--heading); text-transform: uppercase; }
.sp-hero__img { position: relative; display: grid; place-items: end center; min-height: 360px; }
.sp-hero__img img { position: relative; z-index: 1; width: min(100%, 520px); height: auto; aspect-ratio: 1; object-fit: contain; object-position: bottom; filter: drop-shadow(0 20px 30px rgba(0,0,0,.45)); }
.sp-num { position: absolute; inset: 0; display: grid; place-items: center; font: italic 900 clamp(200px, 30vw, 420px)/1 var(--heading); color: rgba(255,255,255,.06); pointer-events: none; }

.sp-body { padding-top: 50px; padding-bottom: 70px; display: grid; gap: 18px; max-width: 1100px; }
.sp-card { background: #fff; border-radius: 22px; padding: clamp(20px, 3vw, 34px); box-shadow: 0 20px 44px -30px rgba(14,50,79,.55); }
.sp-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; }
.sp-stat { display: grid; gap: 6px; padding: 18px; border-radius: 16px; background: #eef3f7; }
.sp-stat b { font: italic 900 46px/1 var(--heading); color: var(--navy); font-variant-numeric: tabular-nums; }
.sp-stat span { font-size: 14px; color: var(--muted); font-weight: 600; }
.sp-stat small { color: var(--red); font-weight: 700; font-size: 12.5px; }
.sp-src { margin: 14px 0 0; font-size: 13px; color: var(--muted); }
.sp-bio p { color: var(--muted); line-height: 1.65; }
.sp-links { display: flex; flex-wrap: wrap; gap: 10px; }
.sp-more { margin-top: 12px; }
.sp-more__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-top: 8px; }
.sp-more__grid a { display: grid; gap: 4px; color: var(--navy); text-decoration: none; }
.sp-more__img { display: block; aspect-ratio: 1; border-radius: 16px; overflow: hidden; background: linear-gradient(180deg, #1b4a70, var(--navy-d, #0a2338)); }
.sp-more__img img { width: 100%; height: 100%; object-fit: cover; object-position: top; transition: transform .25s; }
.sp-more__grid a:hover img { transform: scale(1.05); }
.sp-more__grid b { font: italic 800 16px/1.05 var(--heading); text-transform: uppercase; margin-top: 4px; }
.sp-more__grid small { color: var(--muted); font-size: 12.5px; }

@media (max-width: 900px) {
  .sp-hero__in { grid-template-columns: 1fr; }
  .sp-hero__txt { padding-bottom: 10px; }
  .sp-hero__img { min-height: 0; }
  .sp-hero__img img { width: min(80%, 420px); }
  .sp-more__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.wm-crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; color: rgba(255,255,255,.6); margin-bottom: 18px; }
.wm-crumbs a { color: rgba(255,255,255,.8); text-decoration: none; }
.wm-crumbs a:hover { color: #fff; }
.wm-crumbs b { color: #fff; font-weight: 600; }
.wm-h { margin: 4px 0 14px; font: italic 900 clamp(22px, 2.4vw, 30px)/1.05 var(--heading); text-transform: uppercase; color: var(--navy); }

/* Carrière (Eliteprospects) */
.sp-ep__born { margin: -4px 0 16px; color: var(--muted); }
.sp-ep__tot { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 20px; }
.sp-ep__tot div { display: grid; gap: 4px; padding: 16px 18px; border-radius: 16px; background: #eef3f7; }
.sp-ep__tot b { font: italic 900 40px/1 var(--heading); color: var(--navy); font-variant-numeric: tabular-nums; }
.sp-ep__tot span { font-weight: 700; color: var(--navy); }
.sp-ep__tot small { color: var(--muted); font-size: 12.5px; }
.sp-ep__wrap { overflow-x: auto; border-radius: 16px; border: 1px solid #e3eaf0; }
.sp-ep__table { width: 100%; border-collapse: collapse; font-size: 14.5px; font-variant-numeric: tabular-nums; }
.sp-ep__table th { position: sticky; top: 0; background: var(--navy); color: #fff; text-align: left; padding: 11px 12px; font: italic 800 15px/1 var(--heading); letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.sp-ep__table td { padding: 10px 12px; border-top: 1px solid #e9eef3; color: var(--navy); white-space: nowrap; }
.sp-ep__table th:nth-child(n+4), .sp-ep__table td:nth-child(n+4) { text-align: center; }
.sp-ep__table td:nth-child(n+4):nth-last-child(2) { font-weight: 700; }
.sp-ep__table tr.is-ours td { background: #fff4f4; }
.sp-ep__table tr.is-ours td:first-child { box-shadow: inset 4px 0 0 var(--red); font-weight: 700; }
.sp-ep__table tr.is-post td { border-top: 0; padding-top: 0; color: var(--muted); font-size: 13px; font-style: italic; }
.sp-ep__h { margin: 26px 0 10px; font: italic 900 22px/1 var(--heading); text-transform: uppercase; color: var(--navy); }
.sp-ep__aw { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.sp-ep__aw li { display: grid; gap: 2px; padding: 12px 16px; border-radius: 14px; background: #fff8e6; border-left: 4px solid var(--gold); }
.sp-ep__aw span { font-size: 12px; letter-spacing: .06em; color: var(--muted); }
.sp-ep__aw b { color: var(--navy); font-weight: 700; }
.sp-src a { color: inherit; }
.sp-ep__tot div.is-sum { background: var(--navy); }
.sp-ep__tot div.is-sum b, .sp-ep__tot div.is-sum span { color: #fff; }
.sp-ep__tot div.is-sum small { color: rgba(255,255,255,.7); }
.sp-ep__tot div.is-intl { background: #fff8e6; }