/* reSCORE — Surcouche de thème par sport pour [rescore_duel].
   S'appuie sur f1-duel.css (barre, scroll, flèches) + f1-teammates.css (carte).
   Ne redéfinit que l'accent et le dégradé du bandeau selon le sport, et adapte
   la carte à la métrique unique (une seule colonne de jauge). */

.rs-duel--h2h[data-sport="football"]{ --accent:#1A4FA0; --rs-f1:#1A4FA0; --glow:rgba(26,79,160,.50); }
.rs-duel--h2h[data-sport="rugby"]   { --accent:#0A6644; --rs-f1:#0A6644; --glow:rgba(10,102,68,.50); }
.rs-duel--h2h[data-sport="chess"]   { --accent:#475569; --rs-f1:#475569; --glow:rgba(71,85,105,.55); }

/* Bandeau sombre re-teinté par le glow du sport (sinon rouge F1 hérité). */
.rs-duel--h2h .rs-duel__toolbar{
  background:
    radial-gradient(90% 140% at 12% -15%, var(--glow, rgba(26,79,160,.5)) 0, transparent 55%),
    linear-gradient(120deg, var(--rs-ink,#141210) 0%, var(--rs-ink-2,#1d1a17) 70%, #14100f 100%);
}

/* Carte à colonne unique : un peu plus étroite que les cartes F1 (2 colonnes),
   et < pleine largeur mobile pour laisser deviner la carte suivante (scroll →). */
.rs-duel--h2h .rs-duel__card{ width:min(400px, 80vw); }

/* Ligne d'options : pas d'onglets métriques ici, on garde juste la légende à droite. */
.rs-duel--h2h .rs-duel__viewopts{ justify-content:flex-end; }
.rs-duel--h2h .rs-duel__viewopts > div:first-child:empty{ display:none; }

/* Placeholder de héro quand l'entité n'a pas d'image (ex. joueur d'échecs) :
   aplat teinté par l'accent du sport + initiale. */
.rs-tmm__heroimg--ph{
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(160deg, var(--accent, #475569), #0c1320);
}
.rs-tmm__heroimg--ph > span{
  font-family:var(--rsf-mono, ui-monospace, monospace);
  font-size:clamp(56px, 14vw, 92px); font-weight:800; color:rgba(255,255,255,.22);
  line-height:1; user-select:none;
}

/* ── Carte étroite : adaptations pour ne rien cropper / scroller ──────────────
   Héros (colonne gauche) : « Victoires » et « Nulles » empilés sur 2 lignes
   pleine largeur (sinon « % Nulles » était coupé) ; chaque boîte = « libellé … valeur ». */
.rs-duel--h2h .rs-tmm__avgs{ flex-direction:column; gap:6px; }
.rs-duel--h2h .rs-tmm__avg{ display:flex; flex-direction:row-reverse; align-items:baseline; justify-content:space-between; gap:8px; }
.rs-duel--h2h .rs-tmm__avg b{ display:inline; }

/* Colonne de droite (jauges) : doit tenir dans la carte étroite → AUCUN scroll
   horizontal. Colonne « nom » resserrée + compteur (/N) passé SOUS le % pour que
   la jauge se compresse sans déborder. */
.rs-duel--h2h .rs-tmm__scroll{ overflow-x:hidden; }
.rs-duel--h2h .rs-tmm__gauges--single .rs-tmm__cols,
.rs-duel--h2h .rs-tmm__gauges--single .rs-tmm__stack{ grid-template-columns:minmax(0,1fr) 66px; }
.rs-duel--h2h .rs-tmm__pct{ flex-direction:column; align-items:flex-start; gap:1px; }

/* Checkboxes scope du duel de sélections (Coupe du monde / Hors CDM) */
.rs-duel__scope{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
/* Toolbar toujours sombre (les 2 thèmes) → libellés en clair, comme les autres
   contrôles (.rs-duel__period-lbl). Avant : var(--rs-text) = sombre sur sombre. */
.rs-duel__scope-opt{ display:inline-flex; align-items:center; gap:6px; font-size:.82rem; font-weight:600; color:rgba(255,255,255,.85); cursor:pointer; white-space:nowrap; user-select:none; }
.rs-duel__scope-opt input{ width:15px; height:15px; cursor:pointer; accent-color:var(--accent,#1A4FA0); margin:0; }