/* Cahier jeux : bloc de jeu. A porter dans papier.css si la maquette est retenue. */
.jeu{margin:26px 0 8px}
.jeu-item{border-top:2px solid var(--encre);padding-top:14px}
.jeu-tete{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.jeu-type{font:700 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--rouge)}
.jeu-compte{font:400 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--encre-doux);font-variant-numeric:tabular-nums}
.jeu-question{font-family:var(--serif);font-size:23px;line-height:1.28;margin:12px 0 22px;text-wrap:balance}

.jeu-curseur{background:var(--papier-creux);border:1px solid var(--filet);padding:16px 18px 12px}
.jeu-saisie{font-family:var(--serif);font-size:34px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums;margin-bottom:10px}
.jeu-curseur input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;
  height:24px;margin:0;background:transparent;cursor:grab}
.jeu-curseur input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--filet-fort)}
.jeu-curseur input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;
  border-radius:50%;background:var(--rouge);border:2px solid var(--papier-creux);margin-top:-8px}
.jeu-curseur input[type=range]::-moz-range-track{height:3px;background:var(--filet-fort)}
.jeu-curseur input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;
  background:var(--rouge);border:2px solid var(--papier-creux)}
.jeu-curseur input[type=range]:disabled::-webkit-slider-thumb{background:var(--encre-doux)}
.jeu-curseur input[type=range]:disabled::-moz-range-thumb{background:var(--encre-doux)}
.jeu-bornes{display:flex;justify-content:space-between;font:400 11.5px/1 var(--sans);color:var(--encre-doux);margin-top:6px;font-variant-numeric:tabular-nums}

.jeu-bouton{display:inline-block;margin-top:18px;padding:12px 20px;background:var(--encre);color:var(--papier);
  border:1px solid var(--encre);font:600 13px/1 var(--sans);letter-spacing:.04em;cursor:pointer}
.jeu-bouton:hover{background:var(--rouge);border-color:var(--rouge)}
.jeu-bouton:disabled{opacity:.45;cursor:not-allowed}
.jeu-bouton:disabled:hover{background:var(--encre);border-color:var(--encre)}
.jeu-bouton.suite{background:transparent;color:var(--encre)}
.jeu-bouton.suite:hover{background:var(--encre);color:var(--papier)}

.jeu-choix{display:grid;gap:10px}
.jeu-option{text-align:left;padding:14px 16px;border:1px solid var(--filet-fort);background:transparent;
  font:400 15px/1.4 var(--sans);color:var(--encre);cursor:pointer}
.jeu-option:hover{background:var(--papier-creux)}
.jeu-option.bonne{border-color:var(--vert);background:#eef4ef}
.jeu-option.ratee{border-color:var(--rouge);background:#f8eeee;text-decoration:line-through;text-decoration-thickness:1px}
.jeu-option:disabled{cursor:default}

.jeu-revelation{margin-top:22px;border-top:1px solid var(--filet);padding-top:16px}
.jeu-verdict{font:600 11.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--encre-doux)}
.jeu-revelation.est-juste .jeu-verdict{color:var(--vert)}
.jeu-reponse-vraie{font-family:var(--serif);font-size:32px;line-height:1.15;margin:8px 0 12px;color:var(--rouge);font-variant-numeric:tabular-nums}
.jeu-rappel{font-size:15px;line-height:1.5;margin:10px 0 12px;color:var(--encre)}
.jeu-rappel b{font-family:var(--serif);font-size:17px;font-weight:600}
.jeu-explication{font-size:15px;line-height:1.62;max-width:62ch;text-wrap:pretty}
.jeu-source{font-size:11.5px;line-height:1.5;color:var(--encre-doux);margin-top:12px}
.jeu-lien{display:inline-block;margin-top:4px;font:600 13px var(--sans);color:var(--bleu);text-decoration:none}
.jeu-lien:hover{text-decoration:underline}

.jeu-fin{margin-top:22px;border-top:3px solid var(--accent-fonce);background:var(--accent-pale);
  padding:18px 18px 20px;display:flex;gap:22px;align-items:flex-start}
.jeu-fin-corps{flex:1;min-width:0}
.jeu-tampon{flex:0 0 auto;width:118px;height:118px;border-radius:50%;border:6px double currentColor;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:10px;transform:rotate(-6deg);opacity:.95}
/* Trois encres seulement, et toutes au-dessus de 4,5:1 sur le fond pale du bloc.
   Le rouge de marque signalait un echec la ou il n'y en a pas ; l'or du site
   (#9a6b12, 4,23:1) et le jaune moutarde (2,94:1) sont trop clairs pour un texte
   de 10 px. Les trois teintes retenues : vert 5,70 · or 4,84 · orange 4,78. */
.jeu-tampon.ton-vert{color:var(--vert)}
.jeu-tampon.ton-or{color:#8f6212}
.jeu-tampon.ton-orange{color:#a9541f}
.jeu-tampon-mot{font:700 10px/1.15 var(--sans);letter-spacing:.08em;text-transform:uppercase;max-width:86px}
.jeu-tampon-score{font-family:var(--serif);font-size:19px;line-height:1.1;margin-top:3px}
.jeu-fin-texte{font-size:14px;line-height:1.6;max-width:46ch}
.jeu-fin-encourage{font:600 10.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;
  color:var(--encre-doux);margin:14px 0 6px}
.jeu-fin-liens{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.jeu-fin-liens a{font-family:var(--serif);font-size:14.5px;line-height:1.35;color:var(--bleu);text-decoration:none}
.jeu-fin-liens a:hover{text-decoration:underline}
.jeu-fin .jeu-bouton{margin-top:16px}

.jeu-intro{font-size:14px;line-height:1.6;color:var(--encre-doux);max-width:60ch}
.jeu-methode{margin-top:26px;padding-top:12px;border-top:1px solid var(--filet);
  font-size:12px;line-height:1.55;color:var(--encre-doux);max-width:62ch}
.speciale-liste{display:grid;gap:10px;margin:16px 0 4px}
.speciale{border-left:3px solid var(--accent);padding:8px 0 8px 14px}
.speciale-quand{font:600 10.5px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--rouge)}
.speciale-titre{font-family:var(--serif);font-size:17px;line-height:1.3;margin:5px 0 3px}
.speciale-texte{font-size:13px;line-height:1.5;color:var(--encre-doux);max-width:54ch}
.speciale.avenir{opacity:.62}

/* Bloc de fin d'article */
.jeu-bloc{margin:34px 0 8px;border-top:3px solid var(--accent-fonce);padding-top:16px}
.jeu-bloc-titre{font-family:var(--serif);font-size:21px;line-height:1.25;margin-bottom:4px}
.jeu-bloc-sous{font:400 11.5px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--encre-doux);margin-bottom:2px}
.jeu-compact .jeu-question{font-size:18px;margin:10px 0 16px;max-width:52ch}
.jeu-compact .jeu-saisie{font-size:26px}
.jeu-compact .jeu-reponse-vraie{font-size:24px}
.jeu-compact .jeu-bouton{padding:10px 16px;margin-top:14px}
.jeu-compact .jeu-explication{font-size:14px}

@media (max-width:600px){
  .jeu-fin{display:block}
  .jeu-tampon{width:104px;height:104px;margin:0 0 14px}
}
@media (max-width:520px){
  .jeu-question{font-size:20px}
  .jeu-saisie{font-size:28px}
  .jeu-reponse-vraie{font-size:26px}
  .jeu-option{font-size:14.5px}
  .jeu-compact .jeu-question{font-size:17px}
}