[data-module="jeu"] .jx.v3::before { display: none; }

[data-module="jeu"] .btn.ep-cta { min-height: 0; letter-spacing: 0; }
[data-module="jeu"] .btn.ep-cta:hover { transform: none; }
[data-module="jeu"] .btn.ep-cta:active { transform: scale(.98); }
[data-module="jeu"] .btn.ep-cta:disabled { cursor: default; }

[data-module="jeu"] .jx.jx-accueil { display: flex; flex-direction: column; align-items: stretch; gap: var(--e-8); padding: var(--e-10); border-radius: var(--r-xl); }

.jx-tete { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 300px); grid-template-areas: "sur sur" "titre titre" "lead action"; column-gap: var(--e-10); row-gap: var(--e-4); align-items: end; }
.jx-accueil .jx-texte { display: contents; }
.jx-accueil .jx-sur { grid-area: sur; }
.jx-accueil .jx-titre { grid-area: titre; }
.jx-accueil .jx-lead { grid-area: lead; }
.jx-accueil .jx-action { grid-area: action; }
[data-module="jeu"] .jx-sur { margin: 0; gap: var(--e-3); font-family: var(--font-donnee); font-size: var(--fs-etiquette); line-height: var(--lh-etiquette); font-weight: 500; letter-spacing: var(--ls-capitales); text-transform: uppercase; color: var(--sur-marine-3); }
[data-module="jeu"] .jx-accueil .jx-titre { max-width: none; margin: 0; font-size: var(--fs-page); line-height: var(--lh-page); letter-spacing: var(--ls-serre); }
[data-module="jeu"] .jx-accueil .jx-lead { max-width: 36em; margin: 0; padding: 0; border: 0; font-family: var(--font-texte); font-size: var(--fs-lecture); line-height: var(--lh-lecture); color: var(--sur-marine-2); }
[data-module="jeu"] .jx-accueil .jx-action { flex-direction: column; align-items: flex-start; gap: var(--e-3); margin: 0; }
[data-module="jeu"] .jx-accueil .jx-note { font-family: var(--font-donnee); font-size: var(--fs-meta); line-height: var(--lh-meta); color: var(--sur-marine-3); }
.jx-filet { height: 1px; background: var(--creme-a12); }
.jx-chiffres { display: flex; flex-wrap: wrap; gap: var(--e-6) var(--e-16); }

@media (min-width: 640px) {
  [data-module="jeu"] .jx-accueil .jx-cmd { display: none; }
}

.jx-sec { margin-top: var(--e-10); }
[data-module="jeu"] .jx-regles { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--e-4); max-width: none; margin: 0; padding: 0; border: 0; list-style: none; }
[data-module="jeu"] .jx-regles li.jx-regle { display: flex; flex-direction: column; align-items: stretch; gap: var(--e-4); padding: var(--e-5); border: 1px solid var(--filet); font-family: var(--font-texte); font-size: var(--fs-ui); line-height: var(--lh-ui); color: var(--texte); }
.jx-regle-tete { display: flex; align-items: center; justify-content: space-between; gap: var(--e-3); }

.jx-picto { flex: none; display: grid; place-items: center; width: var(--e-16); height: var(--e-12); border-radius: var(--r-md); background: var(--jeu-fond); }
.jx-picto svg { display: block; }
.jx-picto .o { fill: var(--jeu-or); }
.jx-picto .c { fill: var(--jeu-cream); }
.jx-picto .b { fill: var(--jeu-bleu); }
.jx-picto .k { fill: var(--jeu-carmin-clair); }
.jx-picto .so { fill: none; stroke: var(--jeu-or); }
.jx-picto .sc { fill: none; stroke: var(--jeu-cream); }
.jx-picto .sk { fill: none; stroke: var(--jeu-carmin-clair); }
.jx-regle-n { font-family: var(--font-titre); font-size: var(--fs-bloc); line-height: var(--lh-serre); color: var(--texte-3); font-variant-numeric: tabular-nums; }
[data-module="jeu"] .carte.jx-bareme { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: var(--e-4); }
.jx-bareme .roi .unite { font-family: var(--font-titre); }

[data-module="jeu"] .jx-cmd { display: flex; flex-direction: column; gap: var(--e-3); max-width: 280px; margin: 0; padding: 0; text-align: left; }
[data-module="jeu"] .jx-cmd .pdj-surtitre { margin: 0; font-family: var(--font-donnee); font-size: var(--fs-etiquette); line-height: var(--lh-etiquette); font-weight: 500; letter-spacing: var(--ls-capitales); text-transform: uppercase; color: var(--sur-marine-3); }
[data-module="jeu"] .jx-cmd-l { display: flex; flex-direction: column; gap: var(--e-2); min-width: 0; max-width: none; margin: 0; }
[data-module="jeu"] .jx-cmd-l > div { gap: var(--e-4); padding: 0; border: 0; }
[data-module="jeu"] .jx-cmd-l dt { gap: var(--e-1-5); font-family: var(--font-donnee); font-size: var(--fs-meta); color: var(--sur-marine-3); }
[data-module="jeu"] .jx-cmd-l dd { font-family: var(--font-donnee); font-size: var(--fs-meta); color: var(--sur-marine-2); }
[data-module="jeu"] .jx-cmd kbd { min-width: var(--h-pastille); height: var(--h-pastille); padding: 0 var(--e-2); border: 1px solid var(--creme-a22); border-radius: var(--r-xs); background: var(--creme-a07); box-shadow: none; font-family: var(--font-donnee); font-size: var(--fs-meta); color: var(--sur-marine); }

@media (min-width: 900px) {
  [data-module="jeu"] .jx.jx-joue { grid-template-columns: minmax(0, 1fr) minmax(220px, 280px); gap: var(--e-10); align-items: stretch; padding: var(--e-6); border-radius: var(--r-xl); }
  [data-module="jeu"] .jx-joue .jx-scene { grid-column: 1; grid-row: 1; justify-content: flex-start; }
  [data-module="jeu"] .jx-joue .jx-scene .pdj { margin: 0; }
  [data-module="jeu"] .jx-joue .jx-texte { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; justify-content: space-between; gap: var(--e-8); padding: var(--e-2) 0; }
}

body.sog-en-epreuve .pdw-a-onglets ~ main [data-module="jeu"] > .jx.jx-joue { border-top-left-radius: var(--r-xl); }
.jx-joue-haut { display: flex; flex-direction: column; align-items: flex-start; gap: var(--e-3); }
[data-module="jeu"] .jx-joue-titre { margin: 0; color: var(--sur-marine); }
.jx-joue-resume { margin: 0; font-family: var(--font-texte); font-size: var(--fs-dense); line-height: var(--lh-dense); color: var(--sur-marine-2); }

body:has([data-module="jeu"] .jx-joue) .pdw-ep-ctx { display: inline-flex; align-items: center; height: var(--h-pastille); padding: 0 var(--e-3); box-sizing: border-box; background: var(--papier); border: 1px solid var(--filet); border-radius: var(--r-pilule); font-family: var(--font-donnee); font-size: var(--fs-meta); color: var(--texte); }
body:has([data-module="jeu"] .jx-joue) .pdw-ep-sortie { min-height: 0; height: var(--h-sm); padding: 0 var(--e-4); background: var(--carmin-pale); border-color: var(--carmin-pale); border-radius: var(--r-pilule); font-family: var(--font-titre); font-size: var(--fs-dense); letter-spacing: 0; color: var(--carmin); }
body:has([data-module="jeu"] .jx-joue) .pdw-ep-sortie:hover { background: var(--carmin-filet); border-color: var(--carmin-filet); color: var(--carmin); }

[data-module="jeu"] .carte.jx-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--e-8); row-gap: var(--e-5); align-items: center; padding: var(--e-6); border-radius: var(--r-xl); }
.jx-hero-g { display: flex; flex-direction: column; align-items: flex-start; gap: var(--e-2); min-width: 0; }
.jx-hero-d { display: flex; flex-direction: column; align-items: flex-end; gap: var(--e-3); text-align: right; }
[data-module="jeu"] .jx-hero-l { margin: 0 0 var(--e-1); }
[data-module="jeu"] .jx-hero .df-sur { font-family: var(--font-donnee); font-size: var(--fs-etiquette); line-height: var(--lh-etiquette); font-weight: 500; letter-spacing: var(--ls-capitales); color: var(--sur-marine-3); }
[data-module="jeu"] .jx-hero .df-id-nom { margin: 0; font-size: var(--fs-section); line-height: var(--lh-bloc); letter-spacing: 0; color: var(--sur-marine); }
[data-module="jeu"] .jx-mot { max-width: 60ch; margin: 0; font-family: var(--font-texte); font-size: var(--fs-dense); line-height: var(--lh-dense); color: var(--sur-marine-2); }
[data-module="jeu"] .jx-score { margin: 0; text-align: right; line-height: var(--lh-serre); }
[data-module="jeu"] .jx-score-n { display: inline; font-family: inherit; font-size: inherit; letter-spacing: inherit; color: inherit; }
[data-module="jeu"] .jx-rang { max-width: 40ch; margin-top: var(--e-1-5); font-size: var(--fs-meta); color: var(--sur-marine-3); }
[data-module="jeu"] .jx-pied { justify-content: flex-end; gap: var(--e-2); margin: 0; }

[data-module="jeu"] .jx-hero .df-etat { height: var(--h-pastille-fixe); min-height: 0; padding: 0 var(--e-2); background: var(--papier); color: var(--texte); font-family: var(--font-donnee); font-size: var(--fs-meta); font-weight: 400; letter-spacing: 0; text-transform: none; }
[data-module="jeu"] .jx-hero .df-etat i { width: var(--e-1-5); height: var(--e-1-5); background: var(--marine); }
[data-module="jeu"] .jx-hero .df-etat.ok,
[data-module="jeu"] .jx-hero .df-etat.verif,
[data-module="jeu"] .jx-hero .df-etat.dq { background: var(--papier); color: var(--texte); }
[data-module="jeu"] .jx-hero .df-etat.ok i { background: var(--note-ok-vif); }
[data-module="jeu"] .jx-hero .df-etat.verif i { background: var(--or); }
[data-module="jeu"] .jx-hero .df-etat.dq i { background: var(--note-ko); }

[data-module="jeu"] .jx-hero .jx-figs { grid-column: 1 / -1; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--e-4); margin: 0; padding-top: var(--e-5); border: 0; border-top: 1px solid var(--creme-a12); }
[data-module="jeu"] .jx-hero .jx-figs .df-fig,
[data-module="jeu"] .jx-hero .jx-figs .df-fig:nth-child(n) { padding: 0; border: 0; }
[data-module="jeu"] .jx-hero .df-fig .v { font-family: var(--font-titre); font-size: var(--fs-roi-s); line-height: var(--lh-serre); color: var(--sur-marine); }
[data-module="jeu"] .jx-hero .df-fig .v small { font-family: var(--font-titre); font-size: .5em; color: var(--sur-marine-3); }
[data-module="jeu"] .jx-hero .df-fig .k { margin-top: var(--e-1-5); font-family: var(--font-donnee); font-size: var(--fs-meta); line-height: var(--lh-meta); letter-spacing: 0; text-transform: none; color: var(--sur-marine-3); }

[data-module="jeu"] .jx-ferme { display: block; }

[data-module="jeu"] .jx-ferme .vide p:not(.vide-titre) { font-family: var(--font-texte); font-size: var(--fs-ui); line-height: var(--lh-ui); }

@media (max-width: 639.98px) {
  [data-module="jeu"] .jx.jx-accueil { gap: var(--e-6); padding: var(--e-6) var(--e-5); border-radius: var(--r-lg); }
  .jx-tete { grid-template-columns: minmax(0, 1fr); grid-template-areas: "sur" "titre" "lead" "action"; row-gap: var(--e-4); }
  [data-module="jeu"] .jx-accueil .jx-action { margin-top: var(--e-2); }
  [data-module="jeu"] .jx-accueil .jx-lead { font-size: var(--fs-ui); line-height: var(--lh-ui); }
  [data-module="jeu"] .jx-accueil .jx-action { align-items: stretch; }

  [data-module="jeu"] .jx-accueil .jx-go { flex: none; }
  .jx-chiffres { gap: var(--e-5) var(--e-8); }
  [data-module="jeu"] .jx-accueil .jx-cmd { max-width: none; }
  .jx-sec { margin-top: var(--e-8); }
  [data-module="jeu"] .jx-regles { grid-template-columns: minmax(0, 1fr); gap: var(--e-2); }
  [data-module="jeu"] .jx-regles li.jx-regle { flex-direction: row; align-items: center; gap: var(--e-4); padding: var(--e-3) var(--e-4); }
  .jx-regle-tete { flex-direction: row-reverse; flex: none; }
  .jx-regle-n { display: none; }
  .jx-picto { width: var(--e-12); height: var(--e-10); border-radius: var(--r-sm); }
  .jx-picto svg { width: 30px; height: 24px; }
  [data-module="jeu"] .carte.jx-bareme { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-module="jeu"] .carte.jx-hero { grid-template-columns: minmax(0, 1fr); padding: var(--e-5); border-radius: var(--r-lg); }
  .jx-hero-d { align-items: flex-start; text-align: left; }
  [data-module="jeu"] .jx-score { text-align: left; }
  [data-module="jeu"] .jx-pied { justify-content: flex-start; width: 100%; }
  [data-module="jeu"] .jx-hero .jx-figs { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: var(--e-4); }
  [data-module="jeu"] .jx-hero .df-fig .v { font-size: var(--fs-section); }
}