/* FE-04 PASSE 4 : Concept v7/v8 exact ; base et palette Découvrir partagées via Bienvenue. */
.fx-discover-concept{--fx-discover-concept-color-001:rgba(244,139,32,.14);--fx-discover-concept-color-002:rgba(89,113,131,.18);--fx-discover-concept-color-003:#17171d;--fx-discover-concept-color-004:#1e1717;--fx-discover-concept-color-005:#23180f;--fx-discover-concept-color-006:rgba(255,181,100,.1);--fx-discover-concept-color-007:rgba(255,255,255,.1);--fx-discover-concept-color-008:rgba(255,255,255,.075);--fx-discover-concept-color-009:rgba(255,255,255,.018);--fx-discover-concept-color-010:#f5eee8;--fx-discover-concept-color-011:rgba(255,148,27,.22);--fx-discover-concept-color-012:#312117;--fx-discover-concept-color-013:#211a1a;--fx-discover-concept-color-014:rgba(255,161,61,.25);--fx-discover-concept-color-015:rgba(255,166,67,.4);--fx-discover-concept-color-016:#ffb36b;--fx-discover-concept-color-017:#fff5ea;--fx-discover-concept-color-018:#e1d8d0;--fx-discover-concept-color-019:#c1b5aa;--fx-discover-concept-color-020:rgba(255,181,93,.6);--fx-discover-concept-color-021:#3e342d;--fx-discover-concept-color-022:#1e1c1f;--fx-discover-concept-color-023:rgba(0,0,0,.12);--fx-discover-concept-color-024:#54402c;--fx-discover-concept-color-025:#84501e;--fx-discover-concept-color-026:#e5820d;--fx-discover-concept-color-027:#ff9b2a;--fx-discover-concept-color-028:#b2641a;--fx-discover-concept-color-029:#38251d;--fx-discover-concept-color-030:rgba(255,255,255,.05);--fx-discover-concept-color-031:#e9dbce;--fx-discover-concept-color-032:#9c897b;--fx-discover-concept-color-033:#292426;--fx-discover-concept-color-034:#ffe5c4;--fx-discover-concept-color-035:rgba(255,176,85,.52);--fx-discover-concept-color-036:#9b5620;--fx-discover-concept-color-037:#402922;--fx-discover-concept-color-038:#f4941e;--fx-discover-concept-color-039:#845018;--fx-discover-concept-color-040:#685c58;--fx-discover-concept-color-041:#2e292b;--fx-discover-concept-color-042:rgba(251,161,57,.25);--fx-discover-concept-color-043:rgba(106,145,167,.2);--fx-discover-concept-color-044:#f3e8d9;--fx-discover-concept-color-045:#e7e3df;--fx-discover-concept-color-046:#f3e2cd;--fx-discover-concept-color-047:rgba(116,74,43,.15);--fx-discover-concept-color-048:#241e1a;--fx-discover-concept-color-049:rgba(255,255,255,.78);--fx-discover-concept-color-050:rgba(255,251,246,.55);--fx-discover-concept-color-051:rgba(114,76,47,.16);--fx-discover-concept-color-052:rgba(255,166,60,.29);--fx-discover-concept-color-053:#fffaf3;--fx-discover-concept-color-054:#f3e6d8;--fx-discover-concept-color-055:#261d18;--fx-discover-concept-color-056:#50443d;--fx-discover-concept-color-057:#675850;--fx-discover-concept-color-058:#9b4c00;}

/* Concept v7 : trois temporalités, sans répéter les illustrations des jeux. */.fx-discover-concept .discover-main{padding-top:10px}
/* Step geometry provided by the shared shell. */
.fx-discover-concept .discover-pass{margin:-8px 0 4px}
.fx-discover-concept .discover-intro{max-width:900px;margin-bottom:14px}
.fx-discover-concept .discover-intro h1{margin:8px 0 12px}
.fx-discover-concept .discover-rhythm-stage{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;isolation:isolate;padding:22px;border-radius:25px;overflow:hidden;background:radial-gradient(ellipse 58% 82% at 51% 22%,var(--fx-discover-concept-color-001),var(--fx-discover-welcome-color-019) 74%),radial-gradient(ellipse 45% 72% at 2% 95%,var(--fx-discover-concept-color-002),var(--fx-discover-welcome-color-019) 72%),linear-gradient(130deg,var(--fx-discover-concept-color-003),var(--fx-discover-concept-color-004) 72%,var(--fx-discover-concept-color-005))}
.fx-discover-concept .discover-rhythm-stage:before{content:'';position:absolute;inset:9% 8%;border:1px solid var(--fx-discover-concept-color-006);border-radius:50%;transform:rotate(-11deg);pointer-events:none}
.fx-discover-concept .discover-rhythm{position:relative;min-width:0;min-height:320px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--fx-discover-concept-color-007);border-radius:17px;background:linear-gradient(155deg,var(--fx-discover-concept-color-008),var(--fx-discover-concept-color-009) 65%);color:var(--fx-discover-concept-color-010)}
.fx-discover-concept .discover-rhythm--live{background:radial-gradient(circle at 52% 26%,var(--fx-discover-concept-color-011),var(--fx-discover-welcome-color-019) 56%),linear-gradient(155deg,var(--fx-discover-concept-color-012),var(--fx-discover-concept-color-013) 70%);border-color:var(--fx-discover-concept-color-014)}
.fx-discover-concept .discover-rhythm-art{height:130px;display:grid;place-items:center;position:relative;overflow:hidden}
.fx-discover-concept .discover-rhythm-art:before{content:'';position:absolute;left:15%;right:15%;bottom:26px;height:1px;background:linear-gradient(90deg,var(--fx-discover-welcome-color-019),var(--fx-discover-concept-color-015),var(--fx-discover-welcome-color-019))}
.fx-discover-concept .discover-rhythm-copy{padding:16px 21px 24px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.fx-discover-concept .discover-rhythm-number{color:var(--fx-discover-concept-color-016);font-size:10px;font-weight:800;letter-spacing:.17em}
.fx-discover-concept .discover-rhythm h2{font-size:clamp(23px,2.3vw,31px);line-height:1.08;letter-spacing:-.045em;margin:9px 0 11px;color:var(--fx-discover-concept-color-017)}
.fx-discover-concept .discover-rhythm p{margin:0;font-size:14px;line-height:1.5;color:var(--fx-discover-concept-color-018)}
.fx-discover-concept .discover-rhythm small{display:block;margin-top:auto;padding-top:16px;font-size:11px;line-height:1.4;color:var(--fx-discover-concept-color-019)}
.fx-discover-concept .discover-rhythm-track,.fx-discover-concept .discover-rhythm-duel,.fx-discover-concept .discover-rhythm-turn{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:1}
.fx-discover-concept .discover-rhythm-track{transform:rotate(-13deg)}
.fx-discover-concept .discover-rhythm-track i{width:36px;height:36px;border:1px solid var(--fx-discover-concept-color-020);background:linear-gradient(145deg,var(--fx-discover-concept-color-021),var(--fx-discover-concept-color-022));border-radius:7px;box-shadow:8px 12px 0 var(--fx-discover-concept-color-023)}
.fx-discover-concept .discover-rhythm-track i:nth-child(2){transform:translateY(-10px);background:var(--fx-discover-concept-color-024)}
.fx-discover-concept .discover-rhythm-track i:nth-child(3){transform:translateY(-23px);background:var(--fx-discover-concept-color-025)}
.fx-discover-concept .discover-rhythm-track i:nth-child(4){transform:translateY(-38px);background:var(--fx-discover-concept-color-026)}
.fx-discover-concept .discover-rhythm-duel{gap:15px}
.fx-discover-concept .discover-rhythm-duel i{width:79px;height:79px;border-radius:50%;border:2px solid var(--fx-discover-concept-color-027);background:radial-gradient(circle at 35% 25%,var(--fx-discover-concept-color-028),var(--fx-discover-concept-color-029) 70%);box-shadow:inset 0 0 0 8px var(--fx-discover-concept-color-030)}
.fx-discover-concept .discover-rhythm-duel i:last-child{border-color:var(--fx-discover-concept-color-031);background:radial-gradient(circle at 35% 25%,var(--fx-discover-concept-color-032),var(--fx-discover-concept-color-033) 70%)}
.fx-discover-concept .discover-rhythm-duel b{font-size:12px;letter-spacing:.12em;color:var(--fx-discover-concept-color-034)}
.fx-discover-concept .discover-rhythm-turn i{width:48px;height:58px;border-radius:8px;border:1px solid var(--fx-discover-concept-color-035);background:linear-gradient(145deg,var(--fx-discover-concept-color-036),var(--fx-discover-concept-color-037));transform:rotate(-9deg) translateX(10px)}
.fx-discover-concept .discover-rhythm-turn i:nth-child(2){transform:rotate(1deg) translateY(-12px);background:linear-gradient(145deg,var(--fx-discover-concept-color-038),var(--fx-discover-concept-color-039));z-index:2}
.fx-discover-concept .discover-rhythm-turn i:nth-child(3){transform:rotate(10deg) translateX(-10px);background:linear-gradient(145deg,var(--fx-discover-concept-color-040),var(--fx-discover-concept-color-041))}
.fx-discover-concept .discover-rhythm-next{margin:18px 0 0;color:var(--fx-discover-welcome-muted);font-size:13px}
.fx-discover-concept .discover-concept-more{margin-top:22px;padding-top:20px;border-top:1px solid var(--fx-discover-welcome-line)}
.fx-discover-concept .discover-concept-more summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:14px;font-weight:700}
.fx-discover-concept .discover-concept-more p{max-width:740px;color:var(--fx-discover-welcome-muted);font-size:13px;line-height:1.65;margin:0 0 15px}
html[data-theme=light] .fx-discover-concept .discover-rhythm-stage{background:radial-gradient(ellipse 55% 85% at 50% 15%,var(--fx-discover-concept-color-042),var(--fx-discover-welcome-color-019) 74%),radial-gradient(ellipse 46% 74% at 2% 95%,var(--fx-discover-concept-color-043),var(--fx-discover-welcome-color-019) 74%),linear-gradient(130deg,var(--fx-discover-concept-color-044),var(--fx-discover-concept-color-045) 72%,var(--fx-discover-concept-color-046))}
html[data-theme=light] .fx-discover-concept .discover-rhythm-stage:before{border-color:var(--fx-discover-concept-color-047)}
html[data-theme=light] .fx-discover-concept .discover-rhythm{color:var(--fx-discover-concept-color-048);background:linear-gradient(150deg,var(--fx-discover-concept-color-049),var(--fx-discover-concept-color-050));border-color:var(--fx-discover-concept-color-051)}
html[data-theme=light] .fx-discover-concept .discover-rhythm--live{background:radial-gradient(circle at 52% 24%,var(--fx-discover-concept-color-052),var(--fx-discover-welcome-color-019) 58%),linear-gradient(150deg,var(--fx-discover-concept-color-053),var(--fx-discover-concept-color-054))}
html[data-theme=light] .fx-discover-concept .discover-rhythm h2{color:var(--fx-discover-concept-color-055)}
html[data-theme=light] .fx-discover-concept .discover-rhythm p{color:var(--fx-discover-concept-color-056)}
html[data-theme=light] .fx-discover-concept .discover-rhythm small{color:var(--fx-discover-concept-color-057)}
html[data-theme=light] .fx-discover-concept .discover-rhythm-number{color:var(--fx-discover-concept-color-058)}
@media(max-width:800px){
.fx-discover-concept .discover-rhythm-stage{grid-template-columns:1fr;gap:10px;padding:13px}
.fx-discover-concept .discover-rhythm{min-height:0;flex-direction:row;align-items:center}
.fx-discover-concept .discover-rhythm-art{width:34%;height:156px;flex:none}
.fx-discover-concept .discover-rhythm-copy{padding:16px}
.fx-discover-concept .discover-rhythm h2{font-size:23px;margin:5px 0 7px}
.fx-discover-concept .discover-rhythm p{font-size:13px}
.fx-discover-concept .discover-rhythm small{font-size:10px;padding-top:9px}
.fx-discover-concept .discover-rhythm-track i{width:22px;height:22px}
.fx-discover-concept .discover-rhythm-duel{gap:5px}
.fx-discover-concept .discover-rhythm-duel i{width:31px;height:31px}
.fx-discover-concept .discover-rhythm-duel b{font-size:9px}
.fx-discover-concept .discover-rhythm-turn i{width:25px;height:37px}
}
@media(max-width:700px){
.fx-discover-concept .discover-rhythm-stage{padding:10px;border-radius:17px}
.fx-discover-concept .discover-rhythm-art{width:31%;height:138px}
.fx-discover-concept .discover-rhythm-copy{padding:12px 11px}
.fx-discover-concept .discover-rhythm-number{font-size:9px}
.fx-discover-concept .discover-rhythm h2{font-size:21px}
.fx-discover-concept .discover-rhythm p{font-size:12px;line-height:1.36}
.fx-discover-concept .discover-rhythm small{font-size:10px}
.fx-discover-concept .discover-rhythm-next{font-size:12px;line-height:1.45}

}
@media(prefers-reduced-motion:reduce){
.fx-discover-concept .discover-rhythm-track,.fx-discover-concept .discover-rhythm-turn{transform:none}}

.fx-discover-concept .discover-main{max-width:1200px}
.fx-discover-concept .discover-main:before{display:none}
.fx-discover-concept .discover-foot-actions{display:flex;align-items:center;gap:24px;margin-top:36px;flex-wrap:wrap}
.fx-discover-concept .discover-rhythm h2{font-weight:700}
.fx-discover-concept .discover-rhythm p,.fx-discover-concept .discover-rhythm small,.fx-discover-concept .discover-rhythm-next,.fx-discover-concept .discover-concept-more p{font-weight:400;letter-spacing:0}
.fx-discover-concept .discover-concept-more summary{letter-spacing:0;color:var(--fx-discover-welcome-text);line-height:1.55}
@media(max-width:700px){.fx-discover-concept .discover-foot-actions{gap:16px}}

/* Cascade mobile antérieure à Concept v7 : tailles conservées de la maquette. */
@media(max-width:700px){
.fx-discover-concept .discover-intro h1{font-size:31px;line-height:1.08}
.fx-discover-concept .discover-intro .seo-lead{font-size:13px;line-height:1.4;margin-top:8px}
}
/* Orchestrateur : la base Bienvenue centre son intro ; Concept la garde alignée à gauche comme la maquette. */
.fx-discover-welcome.fx-discover-concept .discover-intro{margin-left:0;margin-right:0;text-align:start}
.fx-discover-welcome.fx-discover-concept .discover-intro .seo-lead{margin-inline:0}