/* FE-04 PASSE 5: règles Essayer exactes, palettes Découvrir partagées. */
.fx-discover-play{--fx-discover-play-color-001:#1f4935;--fx-discover-play-color-002:#d8f6e8;--fx-discover-play-color-003:#4fa17c;--fx-discover-play-color-004:#542b2b;--fx-discover-play-color-005:#ffe4e4;--fx-discover-play-color-006:#ba7171;--fx-discover-play-color-007:#181719;--fx-discover-play-color-008:#fffcf8;--fx-discover-play-color-009:rgba(76,91,107,.12);--fx-discover-play-color-010:transparent;--fx-discover-play-color-011:rgba(167,90,23,.10);--fx-discover-play-color-012:rgba(134,159,168,.13);--fx-discover-play-color-013:rgba(238,162,78,.12);--fx-discover-play-color-014:#ffac50;--fx-discover-play-color-015:#e4ddd8;--fx-discover-play-color-016:rgba(255,255,255,.16);--fx-discover-play-color-017:rgba(255,255,255,.055);--fx-discover-play-color-018:#f99412;--fx-discover-play-color-019:#fff4e7;--fx-discover-play-color-020:rgba(251,139,9,.19);--fx-discover-play-color-021:#ff9510;--fx-discover-play-color-022:#302621;--fx-discover-play-color-023:#d9cabe;--fx-discover-play-color-024:#fffaf5;--fx-discover-play-color-025:#562b00;--fx-discover-play-color-026:#e9860b;--fx-discover-play-color-027:#fff0d8;--fx-discover-play-color-028:#f4ece5;--fx-discover-play-color-029:rgba(231,125,27,.22);--fx-discover-play-color-030:#30252a;--fx-discover-play-color-031:#18171d;--fx-discover-play-color-032:#50331d;--fx-discover-play-color-033:#201919;--fx-discover-play-color-034:#211b1b;--fx-discover-play-color-035:rgba(249,179,90,.25);--fx-discover-play-color-036:#fffaf4;--fx-discover-play-color-037:#eee4da;--fx-discover-play-color-038:#fff8ee;--fx-discover-play-color-039:#e7d7c4;}
.fx-discover-play .discover-intro{max-width:790px;margin-bottom:32px}
.fx-discover-play .discover-intro h1{font-size:clamp(34px,4.5vw,56px);line-height:1.08;letter-spacing:-.045em;margin:14px 0 20px}
.fx-discover-play .discover-intro .seo-lead{max-width:700px}
.fx-discover-play .discover-small{font-size:12px!important;color:var(--fx-discover-welcome-muted);line-height:1.65;margin-top:16px}
.fx-discover-play .discover-play-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start}
.fx-discover-play .discover-play-aside label{display:block;font-size:13px;font-weight:700;margin-bottom:12px}
.fx-discover-play .discover-play-aside select{background:var(--fx-discover-welcome-surface);color:var(--fx-discover-welcome-text);width:100%;max-width:100%;border:1px solid var(--fx-discover-welcome-line);padding:12px;border-radius:6px;font:inherit;font-size:13px}
.fx-discover-play .discover-play-aside>p{font-size:12px;color:var(--fx-discover-welcome-muted);margin-top:16px}
.fx-discover-play .discover-play-aside img{margin:24px auto 4px;max-width:150px;height:auto}
.fx-discover-play .discover-quiz{background:var(--fx-discover-welcome-surface);padding:32px;border-radius:14px;min-height:365px}
.fx-discover-play .discover-quiz h2{font-size:30px;line-height:1.22;margin-bottom:24px}
.fx-discover-play .discover-quiz #discover-start p:not(.seo-kicker){color:var(--fx-discover-welcome-muted);font-size:14px;margin-bottom:28px}
.fx-discover-play .discover-question-meta{display:flex;justify-content:space-between;color:var(--fx-discover-welcome-muted);font-size:12px}
.fx-discover-play .discover-quiz progress{width:100%;height:5px;appearance:none;border:0;margin:14px 0 28px;border-radius:4px;background:var(--fx-discover-welcome-line)}
.fx-discover-play .discover-quiz progress::-webkit-progress-bar{background:var(--fx-discover-welcome-line);border-radius:4px}
.fx-discover-play .discover-quiz progress::-webkit-progress-value{background:var(--fx-discover-welcome-orange);border-radius:4px}
.fx-discover-play .discover-quiz progress::-moz-progress-bar{background:var(--fx-discover-welcome-orange)}
.fx-discover-play .discover-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fx-discover-play .discover-answers button{padding:17px 18px;min-height:58px;background:var(--fx-discover-welcome-surface2);border:1px solid var(--fx-discover-welcome-line);border-radius:7px;font-size:14px;text-align:left}
.fx-discover-play .discover-answers button:hover:not(:disabled){border-color:var(--fx-discover-welcome-orange)}
.fx-discover-play .discover-answers button:disabled{cursor:default}
.fx-discover-play .discover-answers .is-correct{background:var(--fx-discover-play-color-001);color:var(--fx-discover-play-color-002);border-color:var(--fx-discover-play-color-003)}
.fx-discover-play .discover-answers .is-wrong{background:var(--fx-discover-play-color-004);color:var(--fx-discover-play-color-005);border-color:var(--fx-discover-play-color-006)}
.fx-discover-play .discover-score{font-size:60px;font-weight:800;color:var(--fx-discover-welcome-orange);letter-spacing:-.05em;margin-bottom:10px}
.fx-discover-play .discover-result-dots{display:flex;gap:8px;margin:20px 0}
.fx-discover-play .discover-result-dots span{border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:var(--fx-discover-welcome-surface2);font-size:12px}
.fx-discover-play .discover-result-dots .is-correct{background:var(--fx-discover-play-color-001);color:var(--fx-discover-play-color-002)}
.fx-discover-play .discover-result-dots .is-wrong{background:var(--fx-discover-play-color-004);color:var(--fx-discover-play-color-005)}
.fx-discover-play [hidden]{display:none!important}
.fx-discover-play select:focus-visible{outline:3px solid var(--fx-discover-welcome-orange);outline-offset:4px}
@media(max-width:980px){
.fx-discover-play .discover-play-layout{grid-template-columns:210px minmax(0,1fr);gap:24px}
.fx-discover-play .discover-quiz{padding:24px}
}
@media(max-width:700px){
.fx-discover-play .discover-main{padding-block:20px 40px}
.fx-discover-play .discover-play-layout{grid-template-columns:1fr;gap:24px}
.fx-discover-play .discover-play-aside img,.fx-discover-play .discover-play-aside>p{display:none}
.fx-discover-play .discover-play-aside .text-link{font-size:12px}
.fx-discover-play .discover-quiz{padding:22px 18px;min-height:0}
.fx-discover-play .discover-quiz h2{font-size:25px}
.fx-discover-play .discover-answers{grid-template-columns:1fr;gap:9px}
.fx-discover-play .discover-answers button{min-height:50px;padding:12px 14px}
.fx-discover-play .discover-intro h1{font-size:36px}
}
@media(prefers-reduced-motion:reduce){
.fx-discover-play *{scroll-behavior:auto;transition:none!important}
}
.fx-discover-play .seo-button-secondary{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;border-radius:7px;font-size:13px;font-weight:650;line-height:1.5}
.fx-discover-play .seo-button-secondary:hover{background:var(--fx-discover-welcome-line)}
.fx-discover-play .discover-pass{display:flex;justify-content:flex-end;font-size:12px;color:var(--fx-discover-welcome-muted);margin:-24px 0 24px;min-height:32px;align-items:center}
.fx-discover-play .discover-pass:hover{color:var(--fx-discover-welcome-text)}
@media(max-width:700px){
.fx-discover-play .discover-pass{margin:-12px 0 16px}
}
.fx-discover-play .discover-preview-quiz{border-top:1px solid var(--fx-discover-welcome-line);padding-top:8px}
.fx-discover-play .discover-preview-quiz>summary{cursor:pointer;padding:20px 0;font-size:15px;font-weight:650}
.fx-discover-play .discover-preview-quiz>.discover-small{margin:0 0 24px}
.fx-discover-play .discover-preview-quiz .discover-play-layout{padding-bottom:24px}
.fx-discover-play .discover-main{max-width:1200px;padding-top:10px}
.fx-discover-play .discover-pass{margin:-8px 0 4px}
.fx-discover-play .discover-revision-concept{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fx-discover-play .discover-concept-feature{min-width:0;overflow:hidden;border-radius:18px;background:var(--fx-discover-welcome-surface);border:1px solid var(--fx-discover-welcome-line)}
.fx-discover-play .discover-feature-showcase{position:relative;height:290px;overflow:hidden;background:var(--fx-discover-play-color-007)}
.fx-discover-play .discover-feature-showcase>img{width:100%;height:100%;object-fit:cover}
.fx-discover-play .discover-concept-feature--words .discover-feature-showcase>img{object-position:center 35%}
.fx-discover-play .discover-concept-feature--quiz .discover-feature-showcase>img{filter:saturate(.85) brightness(.75)}
.fx-discover-play .discover-feature-copy{padding:22px 24px 26px}
.fx-discover-play .discover-feature-copy h2{font-size:25px;line-height:1.18;margin:8px 0 11px;letter-spacing:-.03em}
.fx-discover-play .discover-feature-copy p{color:var(--fx-discover-welcome-muted);font-size:14px;line-height:1.6;margin:0}
.fx-discover-play .discover-feature-copy .text-link{display:inline-flex;margin-top:13px}
html[data-theme=light] .fx-discover-play .discover-concept-feature{background:var(--fx-discover-play-color-008)}
@media(max-width:700px){
.fx-discover-play .discover-revision-concept{grid-template-columns:1fr;gap:22px}
.fx-discover-play .discover-feature-showcase{height:230px}
.fx-discover-play .discover-feature-copy{padding:18px 18px 20px}
.fx-discover-play .discover-feature-copy h2{font-size:22px}
}
.fx-discover-play .discover-main{max-width:1200px}
.fx-discover-play {background:radial-gradient(ellipse 62% 42% at 16% 48%,var(--fx-discover-play-color-009),var(--fx-discover-play-color-010) 76%),radial-gradient(ellipse 46% 34% at 92% 73%,var(--fx-discover-play-color-011),var(--fx-discover-play-color-010) 78%),var(--fx-discover-welcome-bg)}
html[data-theme=light] .fx-discover-play {background:radial-gradient(ellipse 60% 40% at 16% 48%,var(--fx-discover-play-color-012),var(--fx-discover-play-color-010) 76%),radial-gradient(ellipse 50% 38% at 90% 75%,var(--fx-discover-play-color-013),var(--fx-discover-play-color-010) 78%),var(--fx-discover-welcome-bg)}
@media(max-width:700px){
.fx-discover-play .discover-main{padding-top:12px}
.fx-discover-play .discover-pass{margin:-8px 0 3px}
.fx-discover-play .discover-intro{margin-bottom:15px}
.fx-discover-play .discover-intro h1{font-size:31px;line-height:1.08;margin:6px 0 8px}
.fx-discover-play .discover-intro .seo-lead{font-size:12px;line-height:1.45;margin-top:8px}
.fx-discover-play .discover-revision-concept{gap:11px}
.fx-discover-play .discover-concept-feature{display:grid;grid-template-columns:46% 54%;min-height:180px;max-height:198px}
.fx-discover-play .discover-feature-showcase{height:100%;min-height:180px}
.fx-discover-play .discover-feature-copy{padding:11px 10px;min-width:0}
.fx-discover-play .discover-feature-copy .seo-kicker{font-size:8px;margin:0}
.fx-discover-play .discover-feature-copy h2{font-size:16px;line-height:1.14;margin:5px 0 7px}
.fx-discover-play .discover-feature-copy p{font-size:10px;line-height:1.34}
.fx-discover-play .discover-feature-copy .text-link{font-size:10px;margin-top:5px}
}
@media(max-width:700px){
.fx-discover-play .discover-concept-feature{min-height:207px;max-height:213px}
.fx-discover-play .discover-feature-showcase{min-height:207px}
.fx-discover-play .discover-feature-copy h2{font-size:17px}
.fx-discover-play .discover-feature-copy p{font-size:11px;line-height:1.36}
.fx-discover-play .discover-feature-copy .text-link{font-size:11px}
}
@media(max-width:700px){
.fx-discover-play .discover-intro .seo-lead{font-size:13px;line-height:1.4}
.fx-discover-play .discover-concept-feature{min-height:216px;max-height:222px}
.fx-discover-play .discover-feature-showcase{min-height:216px}
.fx-discover-play .discover-feature-copy{padding:10px 9px}
.fx-discover-play .discover-feature-copy .seo-kicker{font-size:10px}
.fx-discover-play .discover-feature-copy h2{font-size:17px;margin:4px 0 6px}
.fx-discover-play .discover-feature-copy p{font-size:12px;line-height:1.3}
.fx-discover-play .discover-feature-copy .text-link{font-size:12px;min-height:24px;margin-top:4px}
}
.fx-discover-play .discover-scene-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--fx-discover-play-color-014)}
.fx-discover-play .discover-live-question{display:grid;align-content:center;gap:17px;flex:1;min-height:0}
.fx-discover-play .discover-live-question>strong{display:block;font-size:19px;line-height:1.22;letter-spacing:-.02em;max-width:360px}
.fx-discover-play .discover-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fx-discover-play .discover-answer-grid>span{
 display:flex;align-items:center;min-height:36px;padding:6px 11px;
 color:var(--fx-discover-play-color-015);font-size:12px;font-weight:650;
 border:1px solid var(--fx-discover-play-color-016);border-radius:8px;
 background:var(--fx-discover-play-color-017);
}
.fx-discover-play .discover-answer-grid>.is-selected{border-color:var(--fx-discover-play-color-018);color:var(--fx-discover-play-color-019);background:var(--fx-discover-play-color-020);box-shadow:inset 3px 0 var(--fx-discover-play-color-021)}
html[data-theme=light] .fx-discover-play .discover-answer-grid>span{color:var(--fx-discover-play-color-022);border-color:var(--fx-discover-play-color-023);background:var(--fx-discover-play-color-024)}
html[data-theme=light] .fx-discover-play .discover-answer-grid>.is-selected{color:var(--fx-discover-play-color-025);border-color:var(--fx-discover-play-color-026);background:var(--fx-discover-play-color-027)}
@media(max-width:700px){
.fx-discover-play .discover-scene-eyebrow{font-size:8px;letter-spacing:.08em}
.fx-discover-play .discover-live-question{gap:7px}
.fx-discover-play .discover-live-question>strong{font-size:11px;line-height:1.2}
.fx-discover-play .discover-answer-grid{gap:4px}
.fx-discover-play .discover-answer-grid>span{min-height:25px;padding:3px 4px;font-size:9px;border-radius:5px}
}
.fx-discover-play .discover-concept-feature--quiz .discover-feature-showcase{
 display:flex;flex-direction:column;gap:8px;
 padding:22px 24px;
 color:var(--fx-discover-play-color-028);
 background:radial-gradient(ellipse at 18% 0%,var(--fx-discover-play-color-029),var(--fx-discover-play-color-010) 55%),linear-gradient(140deg,var(--fx-discover-play-color-030),var(--fx-discover-play-color-031) 75%);
}
.fx-discover-play .discover-concept-feature--quiz .discover-live-question{gap:19px}
.fx-discover-play .discover-concept-feature--words .discover-feature-showcase{
 background:radial-gradient(circle at 50% 40%,var(--fx-discover-play-color-032),var(--fx-discover-play-color-033) 75%);
}
.fx-discover-play .discover-concept-feature--words .discover-feature-showcase>img{
 object-fit:contain;
 object-position:center;
}
html[data-theme=light] .fx-discover-play .discover-concept-feature--quiz .discover-feature-showcase{
 color:var(--fx-discover-play-color-034);
 background:radial-gradient(ellipse at 17% 0%,var(--fx-discover-play-color-035),var(--fx-discover-play-color-010) 56%),linear-gradient(145deg,var(--fx-discover-play-color-036),var(--fx-discover-play-color-037));
}
html[data-theme=light] .fx-discover-play .discover-concept-feature--words .discover-feature-showcase{
 background:radial-gradient(circle at 50% 38%,var(--fx-discover-play-color-038),var(--fx-discover-play-color-039) 76%);
}
html[data-theme=light] .fx-discover-play .discover-concept-feature--words .discover-feature-showcase>img{
 filter:invert(1) hue-rotate(180deg);
}
@media(max-width:700px){
.fx-discover-play .discover-concept-feature--quiz .discover-feature-showcase{padding:10px 9px}
.fx-discover-play .discover-concept-feature--quiz .discover-live-question{gap:8px}
.fx-discover-play .discover-concept-feature--quiz .discover-scene-eyebrow{font-size:8px}
.fx-discover-play .discover-concept-feature--quiz .discover-live-question>strong{font-size:12px;line-height:1.2}
.fx-discover-play .discover-concept-feature--quiz .discover-answer-grid{gap:4px}
.fx-discover-play .discover-concept-feature--quiz .discover-answer-grid>span{min-height:26px;padding:3px 4px;font-size:9px;border-radius:5px}
}
.fx-discover-play .discover-main{padding-top:10px}
.fx-discover-play .discover-pass{margin:-8px 0 4px}
.fx-discover-play .discover-intro{margin-bottom:14px}
.fx-discover-play .discover-intro h1{margin:8px 0 12px}
.fx-discover-play .discover-try-games{margin:20px 0 34px}
.fx-discover-play .discover-try-feature{display:flex;flex-direction:column}
.fx-discover-play .discover-try-feature .discover-feature-showcase{height:200px;flex:none}
.fx-discover-play .discover-try-feature .discover-feature-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-height:0;padding:15px 20px 19px}
.fx-discover-play .discover-try-feature .discover-feature-copy h2{font-size:22px;margin:5px 0 8px}
.fx-discover-play .discover-try-feature .discover-feature-copy p{font-size:12px;line-height:1.4;margin:11px 0 0}
.fx-discover-play .discover-try-feature .seo-button,.fx-discover-play .discover-try-feature .seo-button-secondary{min-height:44px;font-size:13px}
@media(max-width:700px){
.fx-discover-play .discover-try-games{grid-template-columns:1fr;gap:10px}
.fx-discover-play .discover-try-feature{display:grid;grid-template-columns:43% 57%;min-height:210px;max-height:none}
.fx-discover-play .discover-try-feature .discover-feature-showcase{height:100%;min-height:210px}
.fx-discover-play .discover-try-feature .discover-feature-copy{padding:10px 8px;min-height:0}
.fx-discover-play .discover-try-feature .discover-feature-copy h2{font-size:17px;line-height:1.14;margin:4px 0 8px}
.fx-discover-play .discover-try-feature .discover-feature-copy p{font-size:11px;line-height:1.3;margin-top:8px}
.fx-discover-play .discover-try-feature .seo-button,.fx-discover-play .discover-try-feature .seo-button-secondary{width:100%;justify-content:center;font-size:11px;padding:7px 5px;line-height:1.2}
.fx-discover-play .discover-try-feature.discover-concept-feature--quiz .discover-feature-showcase{padding:9px}
.fx-discover-play .discover-try-feature.discover-concept-feature--quiz .discover-live-question>strong{font-size:12px}
.fx-discover-play .discover-try-feature.discover-concept-feature--quiz .discover-answer-grid>span{font-size:9px}
}

.fx-discover-play .discover-intro,.fx-discover-play .discover-intro .seo-lead{margin-left:0;margin-right:0;text-align:left}
.fx-discover-play .discover-main:before{content:none}
.fx-discover-play [hidden]{display:none!important}
.fx-discover-play .discover-quiz button{font-family:inherit;font-weight:400;letter-spacing:0}
.fx-discover-play .discover-quiz .seo-button{font-weight:750}
.fx-discover-play .discover-quiz .seo-button-secondary{font-weight:650}
.fx-discover-play .discover-feature-copy h2,.fx-discover-play .discover-quiz h2{font-weight:700;color:var(--fx-discover-welcome-text);margin-top:0}
.fx-discover-play .discover-quiz h2{letter-spacing:-.045em}
.fx-discover-play .discover-play-aside label{letter-spacing:0;color:var(--fx-discover-welcome-text)}
/* Orchestrateur : les boutons natifs ne héritent pas de la couleur du texte ; la maquette les rend en --text. */
.fx-discover-welcome.fx-discover-play .discover-answers button{color:var(--fx-discover-welcome-text)}
.fx-discover-welcome.fx-discover-play #discover-feedback{font-size:13px;margin:20px 0;color:var(--fx-discover-welcome-muted);min-height:22px}