/* ============================================================
   H2B V62 — fondu cohérent sur les médias principaux
   ============================================================ */
:root{--h2b-media-fade-start:8%;--h2b-media-fade-end:92%}

/* Le logo de présentation de l'accueil se fond dans l'interface. */
.auth-hero .brand-logo-large{
  -webkit-mask-image:radial-gradient(ellipse at center,#000 58%,rgba(0,0,0,.92) 70%,rgba(0,0,0,.45) 84%,transparent 100%);
  mask-image:radial-gradient(ellipse at center,#000 58%,rgba(0,0,0,.92) 70%,rgba(0,0,0,.45) 84%,transparent 100%);
}

/* L'image capuche de l'intro se fond vers le fond noir/blur, sans bord sec. */
.login-intro>img{
  -webkit-mask-image:
    linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%),
    linear-gradient(to bottom,transparent 0,#000 7%,#000 91%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%),
    linear-gradient(to bottom,transparent 0,#000 7%,#000 91%,transparent 100%);
  mask-composite:intersect;
}

/* Médias principaux H2B : photos/vidéos intégrées, profils, boutique, à la demande. */
.club-photo img,
.club-photo-video-player,
.fighter-profile-bg-video,
.fighter-profile-bg-video-club,
.fighter-video-screensaver video,
.ondemand-thumb img,
.ondemand-player-stage>img:not(.ondemand-watermark),
.ondemand-player-stage>video,
.shop-product-media img,
.shop-product-card-image img,
.shop-modal-images img,
.shop-admin-product-thumb img,
.shop-existing-photo-preview img,
.shop-image-admin-item img{
  -webkit-mask-image:
    linear-gradient(to right,transparent 0,#000 var(--h2b-media-fade-start),#000 var(--h2b-media-fade-end),transparent 100%),
    linear-gradient(to bottom,transparent 0,#000 var(--h2b-media-fade-start),#000 var(--h2b-media-fade-end),transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(to right,transparent 0,#000 var(--h2b-media-fade-start),#000 var(--h2b-media-fade-end),transparent 100%),
    linear-gradient(to bottom,transparent 0,#000 var(--h2b-media-fade-start),#000 var(--h2b-media-fade-end),transparent 100%);
  mask-composite:intersect;
}

/* Les mini-avatars et petits logos restent nets pour garder une bonne lisibilité. */
.attendance-mini-avatar,.member-mini-avatar img,.brand-logo-small,.ondemand-watermark{mask-image:none!important;-webkit-mask-image:none!important}



/* ============================================================
   H2B V62 — résultats du club classés uniquement par athlète
   ============================================================ */
.v62-athlete-results{display:grid;gap:10px}
.v62-athlete-card{border:1px solid rgba(113,176,229,.23);background:#071019;border-radius:14px;overflow:hidden}
.v62-athlete-head{width:100%;border:0;background:transparent;color:inherit;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;cursor:pointer}
.v62-athlete-head:hover,.v62-athlete-head:focus{background:rgba(105,185,255,.055)}
.v62-athlete-identity{display:flex;align-items:center;gap:10px;min-width:0}
.v62-athlete-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(127,190,243,.32);background:#0b1723;font-size:18px;flex:0 0 auto}
.v62-athlete-copy{display:grid;gap:3px;min-width:0}
.v62-athlete-copy strong{font-size:13px;color:#f2f7fb;white-space:normal}
.v62-athlete-copy span{font-size:10px;color:#95aabd}
.v62-athlete-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.v62-athlete-meta b{font-size:10px;color:#bcd0e1;border:1px solid rgba(255,255,255,.09);background:#0a1520;padding:5px 7px;border-radius:999px;white-space:nowrap}
.v62-athlete-chevron{font-style:normal;color:#88bce6;transition:transform .18s ease;font-size:18px}
.v62-athlete-card.open .v62-athlete-chevron{transform:rotate(180deg)}
.v62-athlete-body{display:none;border-top:1px solid rgba(255,255,255,.07);padding:8px 12px 12px}
.v62-athlete-card.open .v62-athlete-body{display:grid;gap:8px}
.v62-result-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;padding:10px 3px;border-bottom:1px solid rgba(255,255,255,.055)}
.v62-result-row:last-child{border-bottom:0}
.v62-result-copy{display:grid;gap:3px;min-width:0}
.v62-result-copy strong{font-size:12px;color:#eef6fc;word-break:break-word}
.v62-result-copy span{font-size:10px;color:#a2b4c4;line-height:1.45}
.v62-result-copy small{font-size:9px;color:#7f95a8;line-height:1.45}
.v62-athlete-empty{padding:12px;color:#8fa3b5;font-size:11px}
@media(max-width:620px){
  .v62-athlete-head{align-items:flex-start;padding:12px}
  .v62-athlete-meta{gap:5px}
  .v62-athlete-meta b{font-size:9px}
  .v62-athlete-avatar{width:34px;height:34px}
}