/* =========================================================
   ÉCLORYA — COIN DÉTENTE V1
   Une parenthèse ludique, éditoriale et premium.
   ========================================================= */

body.eclorya-coin-detente-page {
  --er-cream:#f6f1e7;
  --er-paper:#fbf8f2;
  --er-paper-2:#f1e8d9;
  --er-ink:#16130f;
  --er-ink-soft:#554a40;
  --er-gold:#b08d57;
  --er-gold-soft:#d9be8e;
  --er-clay:#8c4b30;
  --er-line:rgba(22,19,15,.12);
  --er-line-gold:rgba(176,141,87,.28);
  --er-shadow:0 22px 60px rgba(40,30,20,.10);
  background:var(--er-cream);
}

body.eclorya-coin-detente-page .content-area,
body.eclorya-coin-detente-page .site-main,
body.eclorya-coin-detente-page .entry-content {
  margin:0;
  padding:0;
}

.eclorya-relax {
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 5%, rgba(217,190,142,.17), transparent 24rem),
    var(--er-cream);
  color:var(--er-ink);
  font-family:"Work Sans", Arial, sans-serif;
}

.eclorya-relax * { box-sizing:border-box; }
.eclorya-relax button,.eclorya-relax select,.eclorya-relax input { font:inherit; }
.eclorya-relax button { color:inherit; }
.eclorya-relax-shell { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
.eclorya-relax h1,.eclorya-relax h2,.eclorya-relax h3 { font-family:"Bodoni Moda", Georgia, serif; font-weight:400; color:var(--er-ink); margin:0; }
.eclorya-relax p { color:var(--er-ink-soft); }
.eclorya-relax-kicker { margin:0 0 15px; font-size:10px; line-height:1.4; font-weight:600; letter-spacing:.26em; text-transform:uppercase; color:var(--er-gold)!important; }
.eclorya-relax-handnote { margin:0; font-family:"La Belle Aurore", cursive; color:var(--er-clay)!important; }

.eclorya-relax-hero { position:relative; padding:90px 0 72px; min-height:620px; display:flex; align-items:center; border-bottom:1px solid var(--er-line); }
.eclorya-relax-hero__grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr); gap:64px; align-items:center; }
.eclorya-relax-hero h1 { max-width:770px; font-size:clamp(54px,6vw,86px); line-height:.98; letter-spacing:-.035em; }
.eclorya-relax-hero h1 em { color:var(--er-clay); font-weight:400; }
.eclorya-relax-lead { max-width:600px; margin:28px 0 0; font-size:17px; line-height:1.75; font-weight:400; }
.eclorya-relax-hero__actions { display:flex; flex-wrap:wrap; gap:22px; align-items:center; margin-top:34px; }
.eclorya-relax-button { display:inline-flex; align-items:center; justify-content:center; min-height:47px; padding:0 25px; border:1px solid var(--er-ink); text-decoration:none; font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; transition:.24s ease; }
.eclorya-relax-button--dark { background:var(--er-ink); color:var(--er-paper); }
.eclorya-relax-button--dark:hover { background:var(--er-clay); border-color:var(--er-clay); color:#fff; }
.eclorya-relax-textlink { color:var(--er-ink); text-decoration:none; font-size:12px; border-bottom:1px solid var(--er-gold-soft); padding-bottom:3px; }

.eclorya-relax-hero__visual { position:relative; min-height:470px; display:flex; align-items:flex-end; justify-content:center; }
.eclorya-relax-hero__visual img { position:relative; z-index:2; width:min(365px,85%); max-height:470px; object-fit:contain; filter:sepia(.12) saturate(.88); }
.eclorya-relax-hero__visual .eclorya-relax-handnote { position:absolute; z-index:3; right:0; top:65px; width:210px; transform:rotate(-5deg); font-size:24px; line-height:1.25; }
.eclorya-relax-orbit { position:absolute; border:1px solid var(--er-line-gold); border-radius:50%; }
.eclorya-relax-orbit--one { width:390px; height:390px; top:26px; left:50%; transform:translateX(-50%); }
.eclorya-relax-orbit--two { width:280px; height:280px; top:82px; left:50%; transform:translateX(-50%); border-style:dashed; opacity:.65; }

.eclorya-relax-daily { padding:38px 0 12px; }
.eclorya-relax-daily__card { display:grid; grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr); gap:46px; align-items:center; padding:30px 36px; background:var(--er-ink); box-shadow:var(--er-shadow); }
.eclorya-relax-daily__card h2 { color:#fff; font-size:31px; line-height:1.1; }
.eclorya-relax-daily__content { color:#fff; }
.eclorya-relax-daily__content p { color:rgba(255,255,255,.78); margin:0; }
.eclorya-relax-daily-question { display:grid; gap:14px; }
.eclorya-relax-daily-question strong { font-family:"Bodoni Moda", Georgia, serif; font-weight:400; font-size:24px; line-height:1.25; color:#fff; }
.eclorya-relax-daily-options { display:flex; flex-wrap:wrap; gap:8px; }
.eclorya-relax-daily-options button { border:1px solid rgba(255,255,255,.23); background:transparent; color:#fff; padding:8px 12px; cursor:pointer; transition:.2s ease; }
.eclorya-relax-daily-options button:hover { background:rgba(255,255,255,.08); }
.eclorya-relax-daily-feedback { font-size:13px; color:var(--er-gold-soft)!important; }

.eclorya-relax-games { padding:88px 0 96px; }
.eclorya-relax-sectionhead { display:flex; justify-content:space-between; gap:42px; align-items:flex-end; margin-bottom:38px; }
.eclorya-relax-sectionhead h2 { font-size:clamp(40px,4.5vw,62px); line-height:1; }
.eclorya-relax-sectionhead > p { max-width:430px; margin:0 0 5px; font-size:14px; line-height:1.7; }
.eclorya-relax-gamegrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.eclorya-relax-gamecard { position:relative; min-height:300px; display:flex; flex-direction:column; align-items:flex-start; text-align:left; padding:34px 34px 30px; border:1px solid var(--er-line); background:rgba(251,248,242,.82); cursor:pointer; overflow:hidden; box-shadow:none; transition:transform .26s ease, box-shadow .26s ease, border-color .26s ease; }
.eclorya-relax-gamecard::after { content:""; position:absolute; width:210px; height:210px; border:1px solid var(--er-line-gold); border-radius:50%; right:-80px; bottom:-105px; transition:transform .3s ease; }
.eclorya-relax-gamecard:hover { transform:translateY(-4px); box-shadow:var(--er-shadow); border-color:rgba(176,141,87,.44); }
.eclorya-relax-gamecard:hover::after { transform:scale(1.06); }
.eclorya-relax-gamecard__number { position:absolute; right:24px; top:22px; color:var(--er-gold); font-family:"Bodoni Moda",serif; font-size:18px; }
.eclorya-relax-gamecard__icon { width:48px; height:48px; display:grid; place-items:center; margin-bottom:38px; border:1px solid var(--er-gold-soft); border-radius:50%; font-family:"Bodoni Moda",serif; font-size:25px; color:var(--er-clay); }
.eclorya-relax-gamecard__eyebrow { margin-bottom:7px; color:var(--er-gold); font-size:9px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }
.eclorya-relax-gamecard strong { display:block; font-family:"Bodoni Moda",Georgia,serif; font-weight:400; font-size:32px; line-height:1.08; }
.eclorya-relax-gamecard > span:not(.eclorya-relax-gamecard__number):not(.eclorya-relax-gamecard__icon):not(.eclorya-relax-gamecard__eyebrow) { max-width:460px; margin-top:13px; color:var(--er-ink-soft); font-size:13px; line-height:1.65; }
.eclorya-relax-gamecard em { margin-top:auto; padding-top:24px; font-size:11px; font-style:normal; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.eclorya-relax-gamecard--riddle { background:#efe5d6; }
.eclorya-relax-gamecard--morpion { background:#e9e1d6; }

.eclorya-relax-stage { padding:0 0 96px; scroll-margin-top:40px; }
.eclorya-relax-stage__paper { position:relative; border:1px solid var(--er-line); background:var(--er-paper); box-shadow:var(--er-shadow); }
.eclorya-relax-stage__paper::before { content:""; position:absolute; inset:0; pointer-events:none; background:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(176,141,87,.065) 32px); opacity:.6; }
.eclorya-relax-stage__head,.eclorya-relax-stage__body { position:relative; z-index:1; }
.eclorya-relax-stage__head { min-height:114px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:25px 32px; border-bottom:1px solid var(--er-line); }
.eclorya-relax-stage__head h2 { font-size:42px; line-height:1; }
.eclorya-relax-close { align-self:flex-start; border:0; background:transparent; padding:8px 0; cursor:pointer; color:var(--er-ink-soft); font-size:11px; text-transform:uppercase; letter-spacing:.13em; }
.eclorya-relax-stage__body { min-height:390px; padding:42px 42px 48px; }

/* Quiz */
.eclorya-quiz-start { max-width:760px; margin:0 auto; text-align:center; }
.eclorya-quiz-start h3 { font-size:38px; line-height:1.08; }
.eclorya-quiz-start > p { max-width:580px; margin:12px auto 28px; }
.eclorya-quiz-settings { display:grid; grid-template-columns:1fr 1fr; gap:18px; text-align:left; margin:25px 0; }
.eclorya-fieldlabel { display:block; margin:0 0 8px; font-size:10px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; color:var(--er-gold); }
.eclorya-quiz-counts { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }
.eclorya-choice-pill,.eclorya-relax-select { min-height:43px; border:1px solid var(--er-line); background:#fff; cursor:pointer; }
.eclorya-choice-pill.is-active { background:var(--er-ink); color:#fff; border-color:var(--er-ink); }
.eclorya-relax-select { width:100%; padding:0 12px; color:var(--er-ink); }
.eclorya-quiz-meta { display:flex; justify-content:space-between; gap:18px; margin-bottom:18px; font-size:11px; color:var(--er-ink-soft); }
.eclorya-quiz-progress { height:2px; background:rgba(22,19,15,.08); margin-bottom:30px; }
.eclorya-quiz-progress > span { display:block; height:100%; background:var(--er-gold); transition:width .25s ease; }
.eclorya-quiz-question { max-width:840px; margin:0 auto; }
.eclorya-quiz-question h3 { font-size:clamp(31px,4vw,48px); line-height:1.08; }
.eclorya-quiz-question__note { margin:9px 0 22px; font-size:12px; color:var(--er-clay)!important; }
.eclorya-quiz-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:25px 0 20px; }
.eclorya-quiz-option { position:relative; display:flex; gap:12px; align-items:flex-start; min-height:72px; padding:16px; border:1px solid var(--er-line); background:rgba(255,255,255,.75); cursor:pointer; transition:.2s ease; }
.eclorya-quiz-option:hover { border-color:var(--er-gold); }
.eclorya-quiz-option input { margin-top:4px; accent-color:var(--er-clay); }
.eclorya-quiz-option.is-correct { border-color:#74845f; background:rgba(116,132,95,.08); }
.eclorya-quiz-option.is-wrong { border-color:#9d5b4a; background:rgba(157,91,74,.07); }
.eclorya-quiz-feedback { margin:18px 0; padding:18px 20px; border-left:2px solid var(--er-gold); background:#f3ecdf; }
.eclorya-quiz-feedback strong { display:block; margin-bottom:5px; }
.eclorya-quiz-actions { display:flex; justify-content:flex-end; gap:10px; }
.eclorya-ui-button { min-height:44px; padding:0 20px; border:1px solid var(--er-ink); background:var(--er-ink); color:#fff!important; cursor:pointer; font-size:10px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.eclorya-ui-button--ghost { background:transparent; color:var(--er-ink)!important; }
.eclorya-ui-button:disabled { opacity:.38; cursor:not-allowed; }
.eclorya-quiz-result { max-width:650px; margin:0 auto; text-align:center; }
.eclorya-quiz-result__score { width:150px; height:150px; display:grid; place-items:center; margin:0 auto 24px; border:1px solid var(--er-gold-soft); border-radius:50%; font-family:"Bodoni Moda",serif; font-size:46px; }
.eclorya-quiz-result h3 { font-size:45px; }
.eclorya-quiz-result .eclorya-relax-handnote { font-size:28px; margin:15px 0 24px; }

/* Enigmes */
.eclorya-riddle { max-width:760px; margin:0 auto; text-align:center; }
.eclorya-riddle__mark { width:58px; height:58px; display:grid; place-items:center; margin:0 auto 25px; border:1px solid var(--er-gold); border-radius:50%; color:var(--er-clay); font-family:"Bodoni Moda",serif; font-size:30px; }
.eclorya-riddle h3 { font-size:clamp(32px,4vw,48px); line-height:1.14; }
.eclorya-riddle__hint,.eclorya-riddle__answer { margin:24px auto 0; padding:16px 20px; max-width:610px; background:#f1e8d9; border:1px solid var(--er-line); }
.eclorya-riddle__answer strong { display:block; font-family:"Bodoni Moda",serif; font-size:26px; }
.eclorya-riddle__actions { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin-top:28px; }

/* Memory */
.eclorya-memory-top { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:24px; }
.eclorya-memory-top p { margin:0; }
.eclorya-memory-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; max-width:760px; margin:0 auto; }
.eclorya-memory-card { aspect-ratio:1/1; perspective:900px; -webkit-perspective:900px; border:0; background:transparent; padding:0; cursor:pointer; }
.eclorya-memory-card__inner { position:relative; width:100%; height:100%; transform-style:preserve-3d; -webkit-transform-style:preserve-3d; transition:transform .42s ease; }
.eclorya-memory-card.is-open .eclorya-memory-card__inner,.eclorya-memory-card.is-matched .eclorya-memory-card__inner { transform:rotateY(180deg); }
.eclorya-memory-face { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; backface-visibility:hidden; -webkit-backface-visibility:hidden; border:1px solid var(--er-line); background:#efe5d6; }
.eclorya-memory-face--front { font-family:"Bodoni Moda",serif; color:var(--er-gold); font-size:30px; }
.eclorya-memory-face--back { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); background:#fff; }
.eclorya-memory-icon svg { width:42px; height:42px; stroke:var(--er-clay); fill:none; stroke-width:1.6; }
.eclorya-memory-label { margin-top:8px; font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--er-ink-soft); }
.eclorya-memory-card.is-matched .eclorya-memory-face--back { border-color:#74845f; background:rgba(116,132,95,.08); }
.eclorya-memory-win { margin:25px auto 0; max-width:640px; padding:18px; text-align:center; border-top:1px solid var(--er-line); }

/* Morpion */
.eclorya-tictactoe { display:grid; grid-template-columns:minmax(250px,.7fr) minmax(320px,1.3fr); gap:48px; align-items:center; max-width:900px; margin:0 auto; }
.eclorya-tictactoe__info h3 { font-size:42px; line-height:1.05; }
.eclorya-tictactoe__modes { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0; }
.eclorya-tictactoe__status { min-height:50px; font-family:"Bodoni Moda",serif; font-size:24px; }
.eclorya-tictactoe-board { display:grid; grid-template-columns:repeat(3,1fr); width:min(430px,100%); aspect-ratio:1/1; margin-left:auto; border:1px solid var(--er-line); }
.eclorya-tt-cell { display:grid; place-items:center; border:0; background:rgba(255,255,255,.58); cursor:pointer; }
.eclorya-tt-cell:nth-child(-n+6) { border-bottom:1px solid var(--er-line); }
.eclorya-tt-cell:not(:nth-child(3n)) { border-right:1px solid var(--er-line); }
.eclorya-tt-cell svg { width:58%; height:58%; stroke:var(--er-clay); fill:none; stroke-width:1.5; }
.eclorya-tt-cell[data-symbol="leaf"] svg { stroke:#6f7654; }
.eclorya-tt-cell:disabled { cursor:default; }

.eclorya-relax-footnote { padding:10px 0 85px; }
.eclorya-relax-footnote__inner { display:flex; justify-content:space-between; gap:50px; padding-top:30px; border-top:1px solid var(--er-line); }
.eclorya-relax-footnote__inner .eclorya-relax-handnote { font-size:29px; }
.eclorya-relax-footnote__inner > p:last-child { max-width:590px; margin:0; font-size:12px; line-height:1.75; }

@media (max-width:900px) {
  .eclorya-relax-shell { width:min(100% - 32px, 1180px); }
  .eclorya-relax-hero { padding:65px 0 55px; min-height:auto; }
  .eclorya-relax-hero__grid { grid-template-columns:1fr; gap:34px; }
  .eclorya-relax-hero__visual { min-height:300px; justify-content:flex-end; }
  .eclorya-relax-hero__visual img { width:280px; max-height:330px; margin-right:10%; }
  .eclorya-relax-orbit--one { width:300px; height:300px; left:auto; right:6%; transform:none; }
  .eclorya-relax-orbit--two { width:220px; height:220px; left:auto; right:10%; transform:none; }
  .eclorya-relax-hero__visual .eclorya-relax-handnote { left:3%; right:auto; top:35px; }
  .eclorya-relax-daily__card { grid-template-columns:1fr; gap:22px; }
  .eclorya-relax-sectionhead { display:block; }
  .eclorya-relax-sectionhead > p { margin-top:15px; }
  .eclorya-relax-gamegrid { grid-template-columns:1fr; }
  .eclorya-relax-gamecard { min-height:260px; }
  .eclorya-tictactoe { grid-template-columns:1fr; gap:24px; }
  .eclorya-tictactoe-board { margin:0 auto; }
}

@media (max-width:640px) {
  .eclorya-relax-shell { width:min(100% - 22px, 1180px); }
  .eclorya-relax-hero { padding:48px 0 36px; }
  .eclorya-relax-hero h1 { font-size:47px; }
  .eclorya-relax-lead { font-size:15px; }
  .eclorya-relax-hero__visual { min-height:250px; }
  .eclorya-relax-hero__visual img { width:220px; margin-right:4%; }
  .eclorya-relax-orbit--one { width:240px; height:240px; right:1%; }
  .eclorya-relax-orbit--two { width:180px; height:180px; right:7%; }
  .eclorya-relax-hero__visual .eclorya-relax-handnote { width:140px; font-size:20px; }
  .eclorya-relax-daily__card { padding:25px 22px; }
  .eclorya-relax-daily__card h2 { font-size:27px; }
  .eclorya-relax-games { padding:65px 0; }
  .eclorya-relax-sectionhead h2 { font-size:44px; }
  .eclorya-relax-gamecard { padding:28px 24px 25px; }
  .eclorya-relax-gamecard strong { font-size:29px; }
  .eclorya-relax-stage { padding-bottom:65px; }
  .eclorya-relax-stage__head { padding:21px 19px; }
  .eclorya-relax-stage__head h2 { font-size:34px; }
  .eclorya-relax-stage__body { padding:30px 17px 36px; }
  .eclorya-quiz-settings { grid-template-columns:1fr; }
  .eclorya-quiz-options { grid-template-columns:1fr; }
  .eclorya-quiz-actions { justify-content:stretch; }
  .eclorya-quiz-actions .eclorya-ui-button { flex:1; }
  .eclorya-memory-grid { grid-template-columns:repeat(3,1fr); }
  .eclorya-memory-top { align-items:flex-start; }
  .eclorya-tictactoe__info h3 { font-size:36px; }
  .eclorya-relax-footnote__inner { display:block; }
  .eclorya-relax-footnote__inner > p:last-child { margin-top:16px; }
}

@media (prefers-reduced-motion: reduce) {
  .eclorya-relax *, .eclorya-relax *::before, .eclorya-relax *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}

/* =========================================================
   ÉCLORYA — GRAND QUIZ V2 · SALLE DE CLASSE
   Le reste du Coin détente V1 reste volontairement intact.
   ========================================================= */
body.eclorya-coin-detente-page {
  --er-chalk:#f6f0df;
  --er-board:#20231f;
  --er-board-deep:#171a17;
  --er-board-soft:#2d312b;
  --er-wood:#8a5d38;
  --er-wood-dark:#5f3d26;
  --er-sage:#7e8967;
  --er-sage-soft:#aab397;
  --er-coral:#b86f53;
}

.eclorya-relax-stage--quiz .eclorya-relax-stage__paper {
  border:0;
  background:transparent;
  box-shadow:none;
}
.eclorya-relax-stage--quiz .eclorya-relax-stage__paper::before { display:none; }
.eclorya-relax-stage--quiz .eclorya-relax-stage__head {
  margin:0 0 18px;
  border:1px solid var(--er-line);
  background:rgba(251,248,242,.86);
  box-shadow:0 12px 35px rgba(55,40,24,.06);
}
.eclorya-relax-stage--quiz .eclorya-relax-stage__body {
  padding:0;
  min-height:620px;
}

/* Scène */
.eclorya-quiz-classroom {
  position:relative;
  display:grid;
  grid-template-columns:minmax(150px, .28fr) minmax(520px, 1fr) minmax(150px, .28fr);
  align-items:end;
  gap:0;
  width:100%;
  min-height:620px;
  padding:48px 14px 34px;
  isolation:isolate;
}
.eclorya-quiz-classroom::before,
.eclorya-quiz-classroom::after {
  content:"";
  position:absolute;
  z-index:-1;
  width:250px;
  height:250px;
  border-radius:50%;
  border:1px solid rgba(126,137,103,.18);
  pointer-events:none;
}
.eclorya-quiz-classroom::before { left:1%; top:8%; }
.eclorya-quiz-classroom::after { right:1%; bottom:5%; }

.eclorya-quiz-board-wrap {
  position:relative;
  z-index:3;
  width:100%;
  align-self:center;
}
.eclorya-quiz-board-wrap::before,
.eclorya-quiz-board-wrap::after {
  content:"";
  position:absolute;
  z-index:-1;
  width:95px;
  height:150px;
  opacity:.68;
  background:
    radial-gradient(ellipse at 45% 18%, transparent 0 35%, var(--er-sage) 36% 42%, transparent 43%),
    radial-gradient(ellipse at 60% 39%, transparent 0 34%, var(--er-sage-soft) 35% 41%, transparent 42%),
    radial-gradient(ellipse at 34% 60%, transparent 0 34%, var(--er-sage) 35% 41%, transparent 42%);
  transform:rotate(-14deg);
}
.eclorya-quiz-board-wrap::before { left:-45px; top:-46px; }
.eclorya-quiz-board-wrap::after { right:-40px; bottom:-44px; transform:rotate(158deg); }

.eclorya-quiz-board {
  position:relative;
  min-height:500px;
  padding:20px;
  border:12px solid var(--er-wood);
  border-radius:8px;
  background:
    radial-gradient(circle at 20% 15%, rgba(255,255,255,.025), transparent 20%),
    radial-gradient(circle at 76% 66%, rgba(255,255,255,.018), transparent 22%),
    repeating-linear-gradient(8deg, rgba(255,255,255,.008) 0 1px, transparent 1px 5px),
    linear-gradient(135deg, var(--er-board-soft), var(--er-board-deep));
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.05),
    inset 0 0 34px rgba(0,0,0,.35),
    0 24px 55px rgba(41,28,18,.20),
    0 0 0 2px var(--er-wood-dark);
  color:var(--er-chalk);
}
.eclorya-quiz-board::before {
  content:"";
  position:absolute;
  inset:-9px;
  pointer-events:none;
  border:1px solid rgba(244,219,174,.18);
  border-radius:4px;
}
.eclorya-quiz-board::after {
  content:"";
  position:absolute;
  left:5%; right:5%; bottom:-21px;
  height:12px;
  border-radius:0 0 4px 4px;
  background:linear-gradient(#7c5031,#5a3823);
  box-shadow:0 4px 7px rgba(34,22,14,.25);
}
.eclorya-quiz-board__content { position:relative; z-index:2; min-height:440px; }
.eclorya-quiz-board__ledge { position:absolute; z-index:4; left:8%; bottom:-23px; display:flex; gap:7px; }
.eclorya-quiz-board__ledge i { display:block; width:35px; height:7px; border-radius:3px; background:#eee5d1; box-shadow:0 1px 2px rgba(0,0,0,.2); transform:rotate(-3deg); }
.eclorya-quiz-board__ledge i:nth-child(2) { width:23px; background:#d9b883; transform:rotate(5deg); }
.eclorya-quiz-board__ledge i:nth-child(3) { width:19px; background:#b56f59; transform:rotate(-7deg); }
.eclorya-quiz-chalk-doodle { position:absolute; z-index:1; color:rgba(246,240,223,.26); font-family:"La Belle Aurore",cursive; pointer-events:none; }
.eclorya-quiz-chalk-doodle--leaf { left:25px; bottom:28px; font-size:54px; transform:rotate(-20deg); }
.eclorya-quiz-chalk-doodle--heart { right:28px; bottom:25px; font-size:34px; transform:rotate(8deg); }

/* Mimi & Zouzou autour du tableau */
.eclorya-quiz-character {
  position:relative;
  z-index:4;
  align-self:end;
  min-width:0;
  pointer-events:none;
}
.eclorya-quiz-character img {
  display:block;
  width:100%;
  max-width:220px;
  max-height:410px;
  object-fit:contain;
  object-position:bottom center;
  filter:sepia(.12) saturate(.86) contrast(.96);
}
.eclorya-quiz-character--mimi { margin-right:-28px; transform:translateY(10px); }
.eclorya-quiz-character--zouzou { margin-left:-28px; transform:translateY(9px); }
.eclorya-quiz-character--mimi img { margin-left:auto; }
.eclorya-quiz-character--zouzou img { margin-right:auto; }
.eclorya-quiz-character__note {
  position:absolute;
  z-index:5;
  display:block;
  width:165px;
  font-family:"La Belle Aurore",cursive;
  font-size:19px;
  line-height:1.2;
  color:var(--er-clay);
  text-align:center;
}
.eclorya-quiz-character--mimi .eclorya-quiz-character__note { left:0; top:-30px; transform:rotate(-6deg); }
.eclorya-quiz-character--zouzou .eclorya-quiz-character__note { right:-2px; top:-38px; transform:rotate(5deg); }

/* Typographie craie */
.eclorya-quiz-board h3,
.eclorya-quiz-board p,
.eclorya-quiz-board span,
.eclorya-quiz-board button { color:var(--er-chalk); }
.eclorya-quiz-chalk-kicker,
.eclorya-quiz-chalk-label {
  font-family:"Work Sans",Arial,sans-serif;
  font-size:9px;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#d9bc84!important;
}
.eclorya-quiz-board h3 {
  font-family:"Bodoni Moda",Georgia,serif;
  font-weight:400;
  text-shadow:0 0 1px rgba(255,255,255,.28);
}
.eclorya-quiz-chalk-intro,
.eclorya-quiz-question-v2__note,
.eclorya-quiz-whisper,
.eclorya-quiz-result-v2__note {
  font-family:"La Belle Aurore",cursive;
}

/* Écran de départ */
.eclorya-quiz-start-v2 { max-width:760px; margin:0 auto; padding:31px 30px 22px; text-align:center; }
.eclorya-quiz-start-v2 h3 { margin:6px 0 6px; font-size:clamp(38px,4vw,56px); color:var(--er-chalk); }
.eclorya-quiz-chalk-intro { max-width:620px; margin:0 auto 25px; font-size:23px; line-height:1.25; color:rgba(246,240,223,.78)!important; }
.eclorya-quiz-universes { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 auto 30px; }
.eclorya-quiz-universes button,
.eclorya-quiz-counts-v2 button {
  border:1px solid rgba(246,240,223,.32);
  background:rgba(255,255,255,.018);
  color:var(--er-chalk);
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
.eclorya-quiz-universes button { min-height:40px; padding:0 15px; border-radius:999px; font-size:11px; }
.eclorya-quiz-universes button:hover,
.eclorya-quiz-counts-v2 button:hover { border-color:#dfc28d; transform:translateY(-1px); }
.eclorya-quiz-universes button.is-active,
.eclorya-quiz-counts-v2 button.is-active { background:#f2dfb5; border-color:#f2dfb5; color:#23241f; }
.eclorya-quiz-start-v2__bottom { display:grid; grid-template-columns:1fr auto; gap:22px; align-items:end; max-width:600px; margin:0 auto 24px; text-align:left; }
.eclorya-quiz-counts-v2 { display:grid; grid-template-columns:repeat(4,54px); gap:7px; margin-top:8px; }
.eclorya-quiz-counts-v2 button { width:54px; height:43px; }
.eclorya-quiz-available { max-width:210px; padding-bottom:5px; font-size:10px; line-height:1.5; color:rgba(246,240,223,.58)!important; text-align:right; }
.eclorya-quiz-chalk-button {
  min-height:44px;
  padding:0 19px;
  border:1px solid rgba(246,240,223,.70);
  border-radius:2px;
  background:rgba(246,240,223,.92);
  color:#20231f!important;
  cursor:pointer;
  font-size:10px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.03);
  transition:.2s ease;
}
.eclorya-quiz-chalk-button:hover { background:#fff4d9; transform:translateY(-1px); }
.eclorya-quiz-chalk-button:disabled { opacity:.35; cursor:not-allowed; transform:none; }
.eclorya-quiz-start-v2__aside { margin:20px 0 0; font-family:"La Belle Aurore",cursive; font-size:17px; color:rgba(246,240,223,.60)!important; }
.eclorya-quiz-loading { display:grid; place-items:center; min-height:420px; margin:0; font-family:"La Belle Aurore",cursive; font-size:26px; color:var(--er-chalk)!important; text-align:center; }

/* Question */
.eclorya-quiz-question-v2 { max-width:790px; margin:0 auto; padding:26px 28px 20px; }
.eclorya-quiz-board-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 20px; margin-bottom:12px; font-size:9px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.eclorya-quiz-board-meta span { color:rgba(246,240,223,.62); }
.eclorya-quiz-board-meta span:first-child { color:#dec28e; }
.eclorya-quiz-progress-v2 { height:2px; margin:0 0 26px; background:rgba(246,240,223,.14); overflow:hidden; }
.eclorya-quiz-progress-v2 > span { display:block; height:100%; background:#e0c38d; transition:width .25s ease; }
.eclorya-quiz-question-v2 h3 { max-width:690px; margin:0 auto; font-size:clamp(31px,3.6vw,46px); line-height:1.06; color:var(--er-chalk); text-align:center; }
.eclorya-quiz-question-v2__note { margin:8px 0 22px; font-size:19px; color:rgba(246,240,223,.62)!important; text-align:center; }
.eclorya-quiz-options-v2 { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 auto 18px; }
.eclorya-quiz-option-v2 {
  position:relative;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:center;
  min-height:67px;
  padding:12px 14px;
  border:1px solid rgba(246,240,223,.35);
  border-radius:4px;
  background:rgba(255,255,255,.018);
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.eclorya-quiz-option-v2:hover { border-color:rgba(242,223,181,.82); background:rgba(255,255,255,.035); transform:translateY(-1px); }
.eclorya-quiz-option-v2 input { position:absolute; opacity:0; pointer-events:none; }
.eclorya-quiz-option-v2:has(input:checked) { border-color:#e0c38d; background:rgba(224,195,141,.10); }
.eclorya-quiz-option-v2__letter {
  width:29px; height:29px;
  display:grid; place-items:center;
  border:1px solid rgba(246,240,223,.60);
  border-radius:50%;
  font-family:"Bodoni Moda",serif;
  font-size:15px;
  color:#f8f0de!important;
}
.eclorya-quiz-option-v2__text { font-size:13px; line-height:1.4; color:rgba(246,240,223,.94)!important; }
.eclorya-quiz-option-v2.is-correct { border-color:#aebd86; background:rgba(174,189,134,.14); }
.eclorya-quiz-option-v2.is-correct .eclorya-quiz-option-v2__letter { border-color:#b9c995; color:#d8e6bb!important; }
.eclorya-quiz-option-v2.is-wrong { border-color:#c47a61; background:rgba(196,122,97,.12); }
.eclorya-quiz-feedback-v2 { display:grid; gap:3px; margin:16px 0 8px; padding:13px 15px; border-left:2px solid #e0c38d; background:rgba(246,240,223,.06); }
.eclorya-quiz-feedback-v2 strong { font-family:"La Belle Aurore",cursive; font-size:21px; font-weight:400; color:#f2d8a7!important; }
.eclorya-quiz-feedback-v2 span { font-size:12px; line-height:1.55; color:rgba(246,240,223,.78)!important; }
.eclorya-quiz-actions-v2 { display:flex; justify-content:space-between; gap:18px; align-items:center; margin-top:14px; }
.eclorya-quiz-whisper { font-size:18px; color:rgba(246,240,223,.55)!important; }

/* Résultat */
.eclorya-quiz-result-v2 { max-width:650px; margin:0 auto; padding:35px 28px 28px; text-align:center; }
.eclorya-quiz-result-v2__score { width:145px; height:145px; display:grid; place-items:center; margin:10px auto 18px; border:2px solid rgba(246,240,223,.55); border-radius:50%; font-family:"Bodoni Moda",serif; font-size:50px; color:var(--er-chalk); transform:rotate(-2deg); }
.eclorya-quiz-result-v2__score small { display:block; margin-top:-38px; margin-left:45px; font-size:19px; opacity:.72; }
.eclorya-quiz-result-v2 h3 { font-size:clamp(38px,5vw,58px); color:var(--er-chalk); }
.eclorya-quiz-result-v2 > p:not(.eclorya-quiz-chalk-kicker) { margin:8px 0; color:rgba(246,240,223,.75); }
.eclorya-quiz-result-v2__note { margin:13px auto 24px!important; max-width:530px; font-size:21px; line-height:1.28; color:#e1c18a!important; }
.eclorya-quiz-result-v2__actions { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; }
.eclorya-quiz-chalk-link { min-height:44px; padding:0 16px; border:0; border-bottom:1px solid rgba(246,240,223,.45); background:transparent; color:var(--er-chalk)!important; cursor:pointer; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }

/* Accessibilité clavier */
.eclorya-quiz-universes button:focus-visible,
.eclorya-quiz-counts-v2 button:focus-visible,
.eclorya-quiz-chalk-button:focus-visible,
.eclorya-quiz-chalk-link:focus-visible,
.eclorya-quiz-option-v2:focus-within {
  outline:2px solid #f0d39b;
  outline-offset:3px;
}

@media (max-width:1120px) {
  .eclorya-quiz-classroom { grid-template-columns:130px minmax(500px,1fr) 130px; }
  .eclorya-quiz-character img { max-width:175px; max-height:340px; }
  .eclorya-quiz-character--mimi { margin-right:-22px; }
  .eclorya-quiz-character--zouzou { margin-left:-22px; }
  .eclorya-quiz-character__note { width:125px; font-size:16px; }
}

@media (max-width:900px) {
  .eclorya-relax-stage--quiz .eclorya-relax-shell { width:min(100% - 22px, 1180px); }
  .eclorya-quiz-classroom { display:block; min-height:0; padding:26px 0 36px; }
  .eclorya-quiz-board-wrap { width:calc(100% - 56px); margin:0 auto; }
  .eclorya-quiz-character { position:absolute; z-index:5; bottom:4px; width:125px; }
  .eclorya-quiz-character img { max-width:125px; max-height:210px; opacity:.94; }
  .eclorya-quiz-character--mimi { left:-4px; margin:0; transform:none; }
  .eclorya-quiz-character--zouzou { right:-3px; margin:0; transform:none; }
  .eclorya-quiz-character__note { display:none; }
  .eclorya-quiz-board { min-height:520px; }
  .eclorya-quiz-start-v2,
  .eclorya-quiz-question-v2,
  .eclorya-quiz-result-v2 { padding-left:26px; padding-right:26px; }
}

@media (max-width:650px) {
  .eclorya-relax-stage--quiz .eclorya-relax-stage__head { margin-bottom:10px; }
  .eclorya-relax-stage--quiz .eclorya-relax-stage__head h2 { font-size:31px; }
  .eclorya-quiz-classroom { padding:14px 0 26px; }
  .eclorya-quiz-board-wrap { width:100%; }
  .eclorya-quiz-board { min-height:560px; padding:11px; border-width:8px; }
  .eclorya-quiz-board__content { min-height:515px; }
  .eclorya-quiz-board::after { bottom:-17px; height:9px; }
  .eclorya-quiz-board__ledge { bottom:-18px; }
  .eclorya-quiz-character { display:none; }
  .eclorya-quiz-board-wrap::before,
  .eclorya-quiz-board-wrap::after { display:none; }
  .eclorya-quiz-start-v2,
  .eclorya-quiz-question-v2,
  .eclorya-quiz-result-v2 { padding:25px 13px 20px; }
  .eclorya-quiz-start-v2 h3 { font-size:37px; }
  .eclorya-quiz-chalk-intro { font-size:19px; }
  .eclorya-quiz-universes { gap:6px; }
  .eclorya-quiz-universes button { flex:1 1 calc(50% - 6px); padding:0 7px; font-size:10px; }
  .eclorya-quiz-start-v2__bottom { grid-template-columns:1fr; gap:11px; text-align:center; }
  .eclorya-quiz-counts-v2 { justify-content:center; grid-template-columns:repeat(4,48px); }
  .eclorya-quiz-counts-v2 button { width:48px; }
  .eclorya-quiz-available { max-width:none; text-align:center; }
  .eclorya-quiz-question-v2 h3 { font-size:29px; }
  .eclorya-quiz-options-v2 { grid-template-columns:1fr; gap:7px; }
  .eclorya-quiz-option-v2 { min-height:58px; padding:9px 10px; }
  .eclorya-quiz-actions-v2 { display:block; text-align:center; }
  .eclorya-quiz-whisper { display:block; margin-bottom:10px; }
  .eclorya-quiz-chalk-button { width:100%; }
  .eclorya-quiz-result-v2__score { width:125px; height:125px; font-size:43px; }
}

/* =========================================================
   ÉCLORYA — GRAND QUIZ V2.1 · FINITION VISUELLE
   - tableau agrandi
   - Mimi & Zouzou plus présentes
   - vraie sensation craie
   - en-tête allégé
   - décors botaniques PNG transparents
   ========================================================= */

/* Le quiz devient une vraie scène, pas un module WordPress. */
.eclorya-relax-stage--quiz {
  padding-top:18px;
}
.eclorya-relax-stage--quiz .eclorya-relax-shell {
  width:min(1380px, calc(100% - 28px));
}
.eclorya-relax-stage--quiz .eclorya-relax-stage__head {
  width:min(1080px, calc(100% - 120px));
  min-height:42px;
  margin:0 auto -4px;
  padding:0 4px 8px;
  border:0;
  background:transparent;
  box-shadow:none;
  align-items:flex-end;
}
.eclorya-relax-stage--quiz .eclorya-relax-stage__head h2 { display:none; }
.eclorya-relax-stage--quiz .eclorya-relax-stage__head .eclorya-relax-kicker {
  margin:0;
  font-size:9px;
  letter-spacing:.25em;
  color:#a67b46!important;
}
.eclorya-relax-stage--quiz .eclorya-relax-close {
  padding:4px 0;
  color:#6f6255;
  font-size:9px;
  letter-spacing:.16em;
}
.eclorya-relax-stage--quiz .eclorya-relax-stage__body { min-height:690px; }

/* La scène prend toute la largeur utile. */
.eclorya-quiz-classroom {
  display:block;
  min-height:700px;
  padding:42px 0 56px;
}
.eclorya-quiz-classroom::before {
  width:315px;
  height:315px;
  left:2%;
  top:9%;
  border-color:rgba(126,137,103,.13);
}
.eclorya-quiz-classroom::after {
  width:280px;
  height:280px;
  right:2%;
  bottom:2%;
  border-color:rgba(176,141,87,.12);
}
.eclorya-quiz-board-wrap {
  width:min(1080px, calc(100% - 150px));
  margin:0 auto;
}
.eclorya-quiz-board {
  min-height:565px;
  padding:22px 26px;
  border-width:13px;
  border-radius:9px;
  background:
    radial-gradient(circle at 12% 24%, rgba(255,255,255,.034), transparent 21%),
    radial-gradient(circle at 82% 67%, rgba(255,255,255,.026), transparent 24%),
    radial-gradient(circle at 47% 36%, rgba(255,255,255,.015), transparent 17%),
    repeating-linear-gradient(7deg, rgba(255,255,255,.010) 0 1px, transparent 1px 5px),
    linear-gradient(135deg,#30352e 0%,#222720 46%,#171b17 100%);
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.055),
    inset 0 0 46px rgba(0,0,0,.40),
    0 28px 68px rgba(41,28,18,.21),
    0 0 0 2px var(--er-wood-dark);
}
.eclorya-quiz-board__content {
  min-height:505px;
}
.eclorya-quiz-board__content::before {
  content:"";
  position:absolute;
  inset:6px;
  z-index:-1;
  pointer-events:none;
  opacity:.24;
  background-image:
    radial-gradient(circle at 9% 20%, rgba(246,240,223,.22) 0 1px, transparent 1.5px),
    radial-gradient(circle at 83% 33%, rgba(246,240,223,.16) 0 1px, transparent 1.5px),
    radial-gradient(circle at 39% 76%, rgba(246,240,223,.12) 0 1px, transparent 1.5px);
  background-size:31px 29px, 43px 37px, 27px 41px;
}

/* Mimi & Zouzou deviennent réellement les guides du tableau. */
.eclorya-quiz-character {
  position:absolute;
  z-index:7;
  bottom:12px;
  width:270px;
  max-width:24vw;
}
.eclorya-quiz-character img {
  width:100%;
  max-width:270px;
  max-height:470px;
  filter:none;
  object-fit:contain;
  filter:drop-shadow(0 10px 12px rgba(46,34,22,.08));
}
.eclorya-quiz-character--mimi {
  left:2px;
  margin:0;
  transform:translateY(10px);
}
.eclorya-quiz-character--zouzou {
  right:0;
  margin:0;
  transform:translateY(7px);
}
.eclorya-quiz-character--mimi img,
.eclorya-quiz-character--zouzou img { margin:0; }
.eclorya-quiz-character__note {
  width:180px;
  font-size:20px;
  line-height:1.15;
  color:#9e5138;
  text-shadow:0 1px rgba(255,255,255,.45);
}
.eclorya-quiz-character--mimi .eclorya-quiz-character__note {
  left:5px;
  top:-28px;
}
.eclorya-quiz-character--zouzou .eclorya-quiz-character__note {
  right:-4px;
  top:-34px;
}

/* Décors : livres à gauche, fleurs à droite, lierre sur le cadre. */
.eclorya-quiz-deco {
  position:absolute;
  z-index:5;
  display:block;
  pointer-events:none;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  filter:drop-shadow(0 10px 16px rgba(47,34,21,.07));
}
.eclorya-quiz-deco--books {
  width:150px;
  height:200px;
  left:24px;
  bottom:6px;
  background-image:url('../coin-detente/quiz-deco-livres.png');
  opacity:.96;
}
.eclorya-quiz-deco--flowers {
  width:145px;
  height:185px;
  right:21px;
  bottom:4px;
  background-image:url('../coin-detente/quiz-deco-fleurs.png');
  opacity:.92;
}
.eclorya-quiz-deco--ivy {
  width:120px;
  height:150px;
  left:calc(50% - 455px);
  top:3px;
  background-image:url('../coin-detente/quiz-deco-lierre.png');
  transform:rotate(-7deg);
  opacity:.94;
}

/* Effet craie : plus mat, légèrement irrégulier, jamais flou. */
.eclorya-quiz-board h3,
.eclorya-quiz-board p,
.eclorya-quiz-board span,
.eclorya-quiz-board button,
.eclorya-quiz-board label {
  text-rendering:geometricPrecision;
}
.eclorya-quiz-question-v2 h3,
.eclorya-quiz-start-v2 h3,
.eclorya-quiz-result-v2 h3 {
  color:#f2eddd!important;
  text-shadow:
    .45px .2px 0 rgba(255,255,255,.24),
    -.35px -.2px 0 rgba(255,255,255,.12),
    0 0 2px rgba(246,240,223,.13);
}
.eclorya-quiz-question-v2 h3 {
  max-width:760px;
  font-family:"La Belle Aurore",cursive;
  font-size:clamp(38px,4.2vw,56px);
  line-height:1.02;
  letter-spacing:.005em;
}
.eclorya-quiz-question-v2__note {
  margin-top:10px;
  font-size:20px;
  color:rgba(246,240,223,.68)!important;
}
.eclorya-quiz-option-v2 {
  min-height:69px;
  border-color:rgba(246,240,223,.40);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}
.eclorya-quiz-option-v2__letter {
  border-color:rgba(246,240,223,.67);
  box-shadow:0 0 0 1px rgba(255,255,255,.025);
}
.eclorya-quiz-option-v2__text {
  color:rgba(246,240,223,.95)!important;
  text-shadow:.25px .1px rgba(255,255,255,.15);
}
.eclorya-quiz-chalk-doodle {
  color:rgba(246,240,223,.36)!important;
  text-shadow:0 0 1px rgba(255,255,255,.17);
}
.eclorya-quiz-chalk-doodle--leaf { font-size:62px; }
.eclorya-quiz-chalk-doodle--heart { font-size:39px; }
.eclorya-quiz-whisper { color:rgba(246,240,223,.63)!important; }
.eclorya-quiz-board-meta span { color:rgba(246,240,223,.68); }
.eclorya-quiz-board-meta span:first-child { color:#e5c893; }
.eclorya-quiz-progress-v2 { background:rgba(246,240,223,.16); }
.eclorya-quiz-progress-v2 > span {
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#d9b873,#f0d99e);
}
.eclorya-quiz-chalk-button {
  min-width:150px;
  background:#ead09a;
  border-color:#f2dfb4;
  box-shadow:0 3px 0 rgba(92,65,35,.22),inset 0 0 0 1px rgba(255,255,255,.22);
}
.eclorya-quiz-chalk-button:hover { background:#f3dcaa; }

/* On laisse respirer le contenu dans le tableau agrandi. */
.eclorya-quiz-start-v2 { max-width:830px; padding:42px 34px 30px; }
.eclorya-quiz-start-v2 h3 { font-size:clamp(44px,4.6vw,62px); }
.eclorya-quiz-question-v2 { max-width:860px; padding:34px 34px 26px; }
.eclorya-quiz-result-v2 { max-width:720px; padding:45px 30px 34px; }

@media (max-width:1180px) {
  .eclorya-relax-stage--quiz .eclorya-relax-shell { width:min(1240px, calc(100% - 20px)); }
  .eclorya-quiz-board-wrap { width:calc(100% - 130px); }
  .eclorya-quiz-character { width:225px; }
  .eclorya-quiz-character img { max-width:225px; max-height:400px; }
  .eclorya-quiz-deco--books { width:125px; height:170px; left:11px; }
  .eclorya-quiz-deco--flowers { width:118px; height:160px; right:9px; }
  .eclorya-quiz-deco--ivy { left:calc(50% - 390px); width:100px; height:125px; }
  .eclorya-quiz-character__note { width:150px; font-size:17px; }
}

@media (max-width:900px) {
  .eclorya-relax-stage--quiz .eclorya-relax-stage__head { width:calc(100% - 54px); }
  .eclorya-quiz-classroom { padding:30px 0 48px; }
  .eclorya-quiz-board-wrap { width:calc(100% - 72px); }
  .eclorya-quiz-board { min-height:560px; }
  .eclorya-quiz-character { width:145px; bottom:0; }
  .eclorya-quiz-character img { max-width:145px; max-height:245px; }
  .eclorya-quiz-character--mimi { left:-2px; }
  .eclorya-quiz-character--zouzou { right:-2px; }
  .eclorya-quiz-character__note { display:none; }
  .eclorya-quiz-deco--books { width:90px; height:125px; left:2px; opacity:.82; }
  .eclorya-quiz-deco--flowers { width:86px; height:120px; right:2px; opacity:.82; }
  .eclorya-quiz-deco--ivy { width:82px; height:105px; left:46px; top:7px; }
}

@media (max-width:650px) {
  .eclorya-relax-stage--quiz { padding-top:6px; }
  .eclorya-relax-stage--quiz .eclorya-relax-shell { width:calc(100% - 16px); }
  .eclorya-relax-stage--quiz .eclorya-relax-stage__head {
    width:100%;
    min-height:35px;
    padding:0 3px 6px;
    margin-bottom:5px;
  }
  .eclorya-quiz-classroom { padding:8px 0 28px; }
  .eclorya-quiz-board-wrap { width:100%; }
  .eclorya-quiz-board { min-height:565px; border-width:8px; padding:10px; }
  .eclorya-quiz-board__content { min-height:525px; }
  .eclorya-quiz-character,
  .eclorya-quiz-deco { display:none; }
  .eclorya-quiz-question-v2 h3 { font-size:34px; line-height:1.04; }
  .eclorya-quiz-question-v2__note { font-size:18px; }
  .eclorya-quiz-option-v2 { min-height:60px; }
  .eclorya-quiz-chalk-button { min-width:0; }
}

/* =========================================================
   ÉCLORYA — GRAND QUIZ V2.2 · MICRO-FINITIONS VERROUILLAGE
   2026-09-16
   - Mimi & Zouzou +15% et davantage liées au tableau
   - espace au-dessus du tableau réduit
   - bouton FERMER plus lisible et rapproché
   - livres replacés derrière Mimi, légèrement vers la gauche
   - décor botanique bas légèrement renforcé, sans surcharge
   - aucune modification du fonctionnement du quiz
   ========================================================= */

/* Transition cartes -> quiz plus courte : le tableau arrive plus vite. */
.eclorya-relax-stage--quiz {
  padding-top:0;
}
.eclorya-relax-stage--quiz .eclorya-relax-stage__head {
  min-height:34px;
  margin:0 auto -12px;
  padding:0 4px 4px;
}
.eclorya-relax-stage--quiz .eclorya-relax-stage__body {
  min-height:660px;
}
.eclorya-quiz-classroom {
  min-height:670px;
  padding:16px 0 46px;
}

/* FERMER reste discret, mais ne se perd plus dans la page. */
.eclorya-relax-stage--quiz .eclorya-relax-close {
  position:relative;
  z-index:12;
  margin-right:3px;
  padding:4px 3px 3px;
  color:#6f4f3e;
  border-bottom:1px solid rgba(176,141,87,.42);
  font-size:10px;
  font-weight:600;
  letter-spacing:.17em;
  line-height:1.1;
  opacity:.92;
  transform:translateY(2px);
}
.eclorya-relax-stage--quiz .eclorya-relax-close:hover {
  color:#8c4b30;
  border-color:#b08d57;
}

/* Les deux sœurs encadrent réellement le tableau. */
.eclorya-quiz-character {
  width:310px;
  max-width:26.5vw;
  bottom:6px;
}
.eclorya-quiz-character img {
  max-width:310px;
  max-height:535px;
}
.eclorya-quiz-character--mimi {
  left:-30px;
  transform:translateY(13px);
}
.eclorya-quiz-character--zouzou {
  right:-28px;
  transform:translateY(10px);
}
.eclorya-quiz-character--mimi .eclorya-quiz-character__note {
  left:-2px;
  top:-23px;
}
.eclorya-quiz-character--zouzou .eclorya-quiz-character__note {
  right:-7px;
  top:-29px;
}

/* Décor de bas : les livres passent derrière Mimi, un peu plus à gauche. */
.eclorya-quiz-deco--books {
  z-index:4;
  width:165px;
  height:220px;
  left:-36px;
  bottom:9px;
  opacity:.94;
  transform:rotate(-2deg);
}
.eclorya-quiz-deco--flowers {
  z-index:4;
  width:154px;
  height:194px;
  right:-5px;
  bottom:1px;
  opacity:.90;
  transform:rotate(1deg);
}
.eclorya-quiz-deco--ivy {
  width:116px;
  height:146px;
  top:0;
  opacity:.91;
}

/* Très léger ancrage végétal sous le cadre, sans ajouter un nouvel asset. */
.eclorya-quiz-board-wrap::after {
  right:-48px;
  bottom:-39px;
  opacity:.20;
}

@media (max-width:1180px) {
  .eclorya-quiz-classroom { padding-top:14px; }
  .eclorya-quiz-character { width:255px; }
  .eclorya-quiz-character img { max-width:255px; max-height:445px; }
  .eclorya-quiz-character--mimi { left:-24px; }
  .eclorya-quiz-character--zouzou { right:-22px; }
  .eclorya-quiz-deco--books { width:139px; height:187px; left:-27px; }
  .eclorya-quiz-deco--flowers { width:126px; height:168px; right:-12px; }
}

@media (max-width:900px) {
  .eclorya-relax-stage--quiz .eclorya-relax-stage__head {
    margin-bottom:-7px;
  }
  .eclorya-quiz-classroom { padding:10px 0 38px; }
  .eclorya-quiz-character { width:160px; bottom:0; }
  .eclorya-quiz-character img { max-width:160px; max-height:270px; }
  .eclorya-quiz-character--mimi { left:-11px; transform:none; }
  .eclorya-quiz-character--zouzou { right:-10px; transform:none; }
  .eclorya-quiz-deco--books { width:96px; height:132px; left:-13px; bottom:4px; }
  .eclorya-quiz-deco--flowers { width:91px; height:126px; right:-10px; bottom:1px; }
}

@media (max-width:650px) {
  /* Sur mobile, on conserve volontairement le tableau seul pour la lisibilité. */
  .eclorya-relax-stage--quiz .eclorya-relax-stage__head {
    margin-bottom:1px;
  }
  .eclorya-relax-stage--quiz .eclorya-relax-close {
    margin-right:2px;
    font-size:9px;
  }
  .eclorya-quiz-classroom { padding:5px 0 26px; }
}


/* =========================================================
   ÉCLORYA — MEMORY DU JARDIN V2
   24 cartes · 12 paires tirées au hasard dans une bibliothèque
   botanique. Les images sont chargées uniquement quand le Memory
   est ouvert ; le dos possède un fallback CSS si son WebP manque.
   ========================================================= */
.eclorya-relax-stage--memory {
  padding-top:8px;
}
.eclorya-relax-stage--memory .eclorya-relax-shell {
  width:min(1420px, calc(100% - 32px));
}
.eclorya-relax-stage--memory .eclorya-relax-stage__paper {
  overflow:hidden;
  border-color:rgba(176,141,87,.27);
  background:
    radial-gradient(circle at 11% 10%, rgba(111,118,84,.07), transparent 24%),
    radial-gradient(circle at 92% 88%, rgba(160,99,67,.055), transparent 26%),
    #f8f3e9;
}
.eclorya-relax-stage--memory .eclorya-relax-stage__paper::before {
  opacity:.32;
}
.eclorya-relax-stage--memory .eclorya-relax-stage__head {
  min-height:94px;
  padding:20px 30px;
}
.eclorya-relax-stage--memory .eclorya-relax-stage__body {
  padding:34px 34px 42px;
}
.eclorya-memory-v2 {
  position:relative;
}
.eclorya-memory-loading {
  min-height:360px;
  display:grid;
  place-items:center;
  font-family:"Bodoni Moda",serif;
  font-size:28px;
  color:var(--er-ink-soft);
}
.eclorya-memory-top--v2 {
  margin:0 0 28px;
  padding:0 0 22px;
  border-bottom:1px solid rgba(176,141,87,.28);
}
.eclorya-memory-top--v2 h3 {
  margin:2px 0 6px;
  font-family:"Bodoni Moda",serif;
  font-size:clamp(34px,3.2vw,48px);
  line-height:1;
  font-weight:400;
}
.eclorya-memory-top--v2 > div:first-child > p:last-child {
  max-width:720px;
  color:var(--er-ink-soft);
  font-size:13px;
  line-height:1.65;
}
.eclorya-memory-eyebrow {
  margin:0;
  color:#a07a43;
  font-size:9px!important;
  font-weight:600;
  letter-spacing:.19em;
  text-transform:uppercase;
}
.eclorya-memory-toolbar {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:12px;
}
.eclorya-memory-status {
  margin:0;
  padding:8px 12px;
  border:1px solid rgba(176,141,87,.28);
  background:rgba(255,255,255,.48);
  color:#6e5b47;
  font-size:11px;
  font-weight:600;
  letter-spacing:.06em;
}
.eclorya-memory-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,350px);
  gap:30px;
  align-items:start;
}
.eclorya-memory-grid--v2 {
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  max-width:none;
  margin:0;
}
.eclorya-memory-card--photo {
  min-width:0;
  border-radius:3px;
  filter:drop-shadow(0 7px 9px rgba(71,53,34,.06));
}
.eclorya-memory-card--photo:focus-visible {
  outline:2px solid #b08d57;
  outline-offset:3px;
}
.eclorya-memory-card--photo .eclorya-memory-card__inner {
  transition:transform .46s cubic-bezier(.2,.75,.25,1), filter .25s ease;
}
.eclorya-memory-card--photo:hover .eclorya-memory-card__inner {
  filter:brightness(1.025);
}
.eclorya-memory-card--photo.is-open .eclorya-memory-card__inner,
.eclorya-memory-card--photo.is-matched .eclorya-memory-card__inner {
  transform:rotateY(180deg);
}
.eclorya-memory-card--photo.is-matched .eclorya-memory-card__inner {
  filter:drop-shadow(0 0 8px rgba(116,132,95,.20));
}
.eclorya-memory-face--brand,
.eclorya-memory-face--photo {
  overflow:hidden;
  border-radius:3px;
}
.eclorya-memory-face--brand {
  border:1px solid rgba(176,141,87,.38);
  background:#17150f radial-gradient(circle at 50% 38%, rgba(205,168,91,.16), transparent 50%);
}
.eclorya-memory-back-image,
.eclorya-memory-photo,
.eclorya-memory-discovery-image {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.eclorya-memory-back-image {
  position:absolute;
  inset:0;
  z-index:2;
}
.eclorya-memory-back-image.is-broken,
.eclorya-memory-photo.is-broken,
.eclorya-memory-discovery-image.is-broken {
  display:none;
}
.eclorya-memory-back-fallback {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  width:100%;
  height:100%;
  padding:12px;
  color:#caa65a;
  text-align:center;
  background:linear-gradient(135deg,rgba(255,255,255,.018),rgba(255,255,255,0));
}
.eclorya-memory-back-fallback b {
  font-family:"Bodoni Moda",serif;
  font-size:clamp(15px,1.7vw,23px);
  font-weight:400;
  letter-spacing:.08em;
}
.eclorya-memory-back-fallback i {
  font-family:"La Belle Aurore",cursive;
  font-size:clamp(13px,1.3vw,18px);
  font-style:normal;
  color:rgba(235,218,174,.78);
}
.eclorya-memory-face--photo {
  justify-content:flex-end;
  border:1px solid rgba(176,141,87,.34);
  background:#eee5d5;
}
.eclorya-memory-photo {
  position:absolute;
  inset:0;
  z-index:1;
  transform:scale(1.015);
}
.eclorya-memory-photo-fallback {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:rgba(113,122,86,.55);
  font-size:34px;
  background:linear-gradient(145deg,#f5edde,#e9dfcb);
}
.eclorya-memory-face--photo::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:42%;
  background:linear-gradient(to top,rgba(17,15,11,.78),rgba(17,15,11,0));
  pointer-events:none;
}
.eclorya-memory-card--photo .eclorya-memory-label {
  position:relative;
  z-index:2;
  width:100%;
  margin:0;
  padding:20px 8px 10px;
  color:#fff9ec;
  font-size:8px;
  letter-spacing:.11em;
  line-height:1.15;
  text-shadow:0 1px 3px rgba(0,0,0,.45);
}
.eclorya-memory-card--photo.is-matched .eclorya-memory-face--photo {
  border:2px solid #879168;
}
.eclorya-memory-card--photo.is-matched::after {
  content:"✓";
  position:absolute;
  z-index:8;
  top:7px;
  right:7px;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#77835f;
  color:#fff;
  font-size:12px;
  box-shadow:0 2px 7px rgba(0,0,0,.18);
  transform:translateZ(1px);
}
.eclorya-memory-discovery {
  position:sticky;
  top:95px;
  min-height:390px;
  border:1px solid rgba(176,141,87,.30);
  background:#fffaf1;
  box-shadow:0 18px 38px rgba(73,55,33,.07);
}
.eclorya-memory-discovery__empty {
  min-height:390px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:34px;
  text-align:center;
  color:#766a5d;
}
.eclorya-memory-discovery__empty .eclorya-relax-handnote {
  margin:6px 0 8px;
  font-size:29px;
}
.eclorya-memory-discovery__empty > p:last-child {
  max-width:230px;
  margin:0;
  font-size:12px;
  line-height:1.65;
}
.eclorya-memory-discovery__leaf {
  color:#7c865f;
  font-size:42px;
}
.eclorya-memory-plantcard__image {
  position:relative;
  overflow:hidden;
  aspect-ratio:4/3;
  background:#eee5d5;
  border-bottom:1px solid rgba(176,141,87,.25);
}
.eclorya-memory-discovery-image {
  position:absolute;
  inset:0;
  z-index:1;
}
.eclorya-memory-plantcard__content {
  padding:22px 24px 24px;
}
.eclorya-memory-plantcard h4 {
  margin:3px 0 2px;
  font-family:"Bodoni Moda",serif;
  font-size:35px;
  line-height:1;
  font-weight:400;
}
.eclorya-memory-latin {
  margin:0 0 16px;
  color:#8a7359;
  font-family:"Bodoni Moda",serif;
  font-size:14px;
}
.eclorya-memory-plantcard dl {
  margin:0;
  border-top:1px solid rgba(176,141,87,.22);
}
.eclorya-memory-plantcard dl > div {
  display:grid;
  grid-template-columns:92px 1fr;
  gap:10px;
  padding:9px 0;
  border-bottom:1px solid rgba(176,141,87,.18);
}
.eclorya-memory-plantcard dt {
  color:#997143;
  font-size:8px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.eclorya-memory-plantcard dd {
  margin:0;
  color:#4e483f;
  font-size:11px;
  line-height:1.45;
}
.eclorya-memory-story {
  margin:16px 0 0;
  color:#4f473d;
  font-size:12px;
  line-height:1.65;
}
.eclorya-memory-signature {
  margin:11px 0 0;
  color:#9c553b;
  font-family:"La Belle Aurore",cursive;
  font-size:18px;
  text-align:right;
}
.eclorya-memory-win--v2 {
  margin-top:30px;
  padding:28px 18px 8px;
  border-top:1px solid rgba(176,141,87,.28);
}
.eclorya-memory-win--v2 .eclorya-relax-handnote {
  margin:0 0 5px;
  font-size:31px;
}
.eclorya-memory-win--v2 .eclorya-ui-button {
  margin-top:12px;
}

@media (max-width:1180px) {
  .eclorya-memory-layout { grid-template-columns:minmax(0,1fr) 300px; gap:22px; }
  .eclorya-memory-grid--v2 { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:900px) {
  .eclorya-relax-stage--memory .eclorya-relax-shell { width:min(100% - 22px, 1180px); }
  .eclorya-relax-stage--memory .eclorya-relax-stage__body { padding:26px 20px 34px; }
  .eclorya-memory-layout { grid-template-columns:1fr; }
  .eclorya-memory-discovery { position:relative; top:auto; min-height:0; }
  .eclorya-memory-discovery__empty { min-height:230px; }
  .eclorya-memory-plantcard { display:grid; grid-template-columns:260px 1fr; }
  .eclorya-memory-plantcard__image { aspect-ratio:auto; min-height:100%; border-bottom:0; border-right:1px solid rgba(176,141,87,.25); }
}
@media (max-width:640px) {
  .eclorya-relax-stage--memory .eclorya-relax-stage__head { min-height:78px; padding:17px 14px; }
  .eclorya-relax-stage--memory .eclorya-relax-stage__head h2 { font-size:30px; }
  .eclorya-relax-stage--memory .eclorya-relax-stage__body { padding:22px 10px 30px; }
  .eclorya-memory-top--v2 { display:block; }
  .eclorya-memory-toolbar { align-items:flex-start; margin-top:15px; }
  .eclorya-memory-top--v2 h3 { font-size:34px; }
  .eclorya-memory-grid--v2 { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
  .eclorya-memory-card--photo .eclorya-memory-label { padding:16px 4px 7px; font-size:6.8px; letter-spacing:.07em; }
  .eclorya-memory-card--photo.is-matched::after { top:4px; right:4px; width:19px; height:19px; font-size:10px; }
  .eclorya-memory-back-fallback b { font-size:13px; }
  .eclorya-memory-back-fallback i { font-size:11px; }
  .eclorya-memory-plantcard { display:block; }
  .eclorya-memory-plantcard__image { aspect-ratio:16/9; min-height:0; border-right:0; border-bottom:1px solid rgba(176,141,87,.25); }
  .eclorya-memory-plantcard__content { padding:19px 18px 20px; }
  .eclorya-memory-plantcard h4 { font-size:31px; }
  .eclorya-memory-plantcard dl > div { grid-template-columns:76px 1fr; }
}

/* =========================================================
   ÉCLORYA — MEMORY DU JARDIN V2.3
   Correctif affichage Safari / WebKit
   On abandonne le retournement 3D pour les cartes photo :
   les deux faces restent superposées et on commute leur opacité.
   Cela évite la disparition des <img> avec backface-visibility.
   ========================================================= */
.eclorya-relax-stage--memory .eclorya-memory-card--photo {
  perspective:none !important;
  -webkit-perspective:none !important;
}
.eclorya-relax-stage--memory .eclorya-memory-card--photo .eclorya-memory-card__inner,
.eclorya-relax-stage--memory .eclorya-memory-card--photo.is-open .eclorya-memory-card__inner,
.eclorya-relax-stage--memory .eclorya-memory-card--photo.is-matched .eclorya-memory-card__inner {
  transform:none !important;
  -webkit-transform:none !important;
  transform-style:flat !important;
  -webkit-transform-style:flat !important;
}
.eclorya-relax-stage--memory .eclorya-memory-card--photo .eclorya-memory-face {
  transform:none !important;
  -webkit-transform:none !important;
  backface-visibility:visible !important;
  -webkit-backface-visibility:visible !important;
  transition:opacity .28s ease, visibility .28s ease, filter .28s ease !important;
}
.eclorya-relax-stage--memory .eclorya-memory-card--photo .eclorya-memory-face--brand {
  z-index:3;
  opacity:1;
  visibility:visible;
}
.eclorya-relax-stage--memory .eclorya-memory-card--photo .eclorya-memory-face--photo {
  z-index:2;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.eclorya-relax-stage--memory .eclorya-memory-card--photo.is-open .eclorya-memory-face--brand,
.eclorya-relax-stage--memory .eclorya-memory-card--photo.is-matched .eclorya-memory-face--brand {
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.eclorya-relax-stage--memory .eclorya-memory-card--photo.is-open .eclorya-memory-face--photo,
.eclorya-relax-stage--memory .eclorya-memory-card--photo.is-matched .eclorya-memory-face--photo {
  z-index:4;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.eclorya-relax-stage--memory .eclorya-memory-back-image,
.eclorya-relax-stage--memory .eclorya-memory-photo,
.eclorya-relax-stage--memory .eclorya-memory-discovery-image {
  opacity:1 !important;
  visibility:visible !important;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
}
.eclorya-relax-stage--memory .eclorya-memory-back-image {
  z-index:5 !important;
}
.eclorya-relax-stage--memory .eclorya-memory-photo {
  z-index:3 !important;
}
.eclorya-relax-stage--memory .eclorya-memory-back-image.is-broken,
.eclorya-relax-stage--memory .eclorya-memory-photo.is-broken,
.eclorya-relax-stage--memory .eclorya-memory-discovery-image.is-broken {
  display:none !important;
}

/* =========================================================
   ÉCLORYA — MEMORY DU JARDIN V2.4
   Correctif structure cartes
   Le conteneur interne est un <span> : sans display:block,
   width/height:100% ne produisent pas une boîte carrée exploitable
   pour les faces positionnées en absolute. On force donc une vraie
   boîte et on ancre aussi le badge de paire sur chaque carte.
   ========================================================= */
.eclorya-relax-stage--memory .eclorya-memory-card--photo {
  position:relative !important;
  display:block !important;
  overflow:visible;
}
.eclorya-relax-stage--memory .eclorya-memory-card--photo .eclorya-memory-card__inner {
  display:block !important;
  position:relative !important;
  width:100% !important;
  height:100% !important;
  min-width:0;
  min-height:0;
}
.eclorya-relax-stage--memory .eclorya-memory-card--photo .eclorya-memory-face {
  box-sizing:border-box;
  width:100% !important;
  height:100% !important;
}

/* =========================================================
   ÉCLORYA — MEMORY DU JARDIN V2.6 CHALEUREUX
   Direction : table botanique / herbier familial premium.
   Les décorations sont facultatives : si un fichier manque,
   le Memory reste parfaitement fonctionnel et lisible.
   ========================================================= */
.eclorya-relax-stage--memory .eclorya-relax-stage__head {
  position:relative;
  z-index:5;
  background:rgba(250,246,237,.96);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  border-bottom:1px solid rgba(176,141,87,.22);
}
.eclorya-relax-stage--memory .eclorya-relax-stage__body {
  position:relative;
  overflow:hidden;
  padding:38px 40px 46px;
  background-color:#caa77f;
  background-image:
    linear-gradient(rgba(241,226,202,.28),rgba(241,226,202,.28)),
    url("../coin-detente/memory/fond-bois-memory-eclorya.webp");
  background-position:center;
  background-size:cover;
}
.eclorya-relax-stage--memory .eclorya-memory-v2 {
  position:relative;
  isolation:isolate;
  padding:38px 42px 42px;
  border:1px solid rgba(145,105,57,.23);
  border-radius:3px;
  background-color:#fbf6eb;
  background-image:
    linear-gradient(rgba(251,247,238,.90),rgba(251,247,238,.90)),
    url("../coin-detente/memory/fond-papier-creme-memory-eclorya.webp");
  background-position:center;
  background-size:cover;
  box-shadow:
    0 24px 55px rgba(69,46,25,.16),
    0 2px 0 rgba(255,255,255,.75) inset;
}
.eclorya-relax-stage--memory .eclorya-memory-v2::before,
.eclorya-relax-stage--memory .eclorya-memory-v2::after,
.eclorya-relax-stage--memory .eclorya-memory-top--v2::before,
.eclorya-relax-stage--memory .eclorya-memory-top--v2::after,
.eclorya-relax-stage--memory .eclorya-memory-layout::after {
  content:"";
  position:absolute;
  pointer-events:none;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
/* Carnet ancien, glissé sous le papier en bas à gauche. */
.eclorya-relax-stage--memory .eclorya-memory-v2::before {
  z-index:0;
  left:-46px;
  bottom:-36px;
  width:205px;
  height:190px;
  opacity:.78;
  transform:rotate(-4deg);
  background-image:url("../coin-detente/memory/carnet-botanique-memory-eclorya.webp");
}
/* Petit sachet de graines, discret en bas à droite. */
.eclorya-relax-stage--memory .eclorya-memory-v2::after {
  z-index:0;
  right:-35px;
  bottom:-31px;
  width:170px;
  height:170px;
  opacity:.68;
  transform:rotate(5deg);
  background-image:url("../coin-detente/memory/sachet-graines-memory-eclorya.webp");
}
.eclorya-relax-stage--memory .eclorya-memory-top--v2,
.eclorya-relax-stage--memory .eclorya-memory-layout,
.eclorya-relax-stage--memory [data-memory-win] {
  position:relative;
  z-index:2;
}
/* Branche fleurie en haut à gauche. */
.eclorya-relax-stage--memory .eclorya-memory-top--v2::before {
  z-index:-1;
  left:-42px;
  top:-54px;
  width:175px;
  height:135px;
  opacity:.72;
  background-image:url("../coin-detente/memory/branche-fleurie-memory-eclorya.webp");
}
/* Lierre léger en haut à droite. */
.eclorya-relax-stage--memory .eclorya-memory-top--v2::after {
  z-index:-1;
  right:-34px;
  top:-64px;
  width:150px;
  height:155px;
  opacity:.60;
  background-image:url("../coin-detente/memory/lierre-retombant-memory-eclorya.webp");
}
/* Lin et fleurs derrière la fiche de découverte. */
.eclorya-relax-stage--memory .eclorya-memory-layout::after {
  z-index:0;
  right:-40px;
  bottom:-44px;
  width:315px;
  height:245px;
  opacity:.42;
  background-image:url("../coin-detente/memory/linge-lin-memory-eclorya.webp");
}
.eclorya-relax-stage--memory .eclorya-memory-grid--v2,
.eclorya-relax-stage--memory .eclorya-memory-discovery {
  position:relative;
  z-index:2;
}
.eclorya-relax-stage--memory .eclorya-memory-top--v2 {
  margin-bottom:30px;
  padding-bottom:24px;
}
.eclorya-relax-stage--memory .eclorya-memory-top--v2 h3 {
  text-wrap:balance;
}
.eclorya-memory-warm-note {
  margin:12px 0 0!important;
  color:#a65b41!important;
  font-family:"La Belle Aurore",cursive;
  font-size:22px!important;
  line-height:1.2!important;
}
.eclorya-memory-warm-note span {
  white-space:nowrap;
  color:#8a7359;
  font-size:.86em;
}
.eclorya-relax-stage--memory .eclorya-memory-layout {
  gap:36px;
}
.eclorya-relax-stage--memory .eclorya-memory-grid--v2 {
  gap:14px;
}
.eclorya-relax-stage--memory .eclorya-memory-card--photo {
  transition:transform .2s ease, filter .2s ease;
}
.eclorya-relax-stage--memory .eclorya-memory-card--photo:hover {
  transform:translateY(-2px);
  filter:drop-shadow(0 9px 12px rgba(67,48,29,.12));
}
.eclorya-relax-stage--memory .eclorya-memory-face--brand,
.eclorya-relax-stage--memory .eclorya-memory-face--photo {
  border-radius:5px;
}
.eclorya-relax-stage--memory .eclorya-memory-face--brand {
  box-shadow:0 0 0 1px rgba(230,197,117,.08) inset;
}
/* La fiche devient une page d'herbier légèrement scotchée. */
.eclorya-relax-stage--memory .eclorya-memory-discovery {
  overflow:visible;
  border:1px solid rgba(153,112,65,.28);
  border-radius:2px;
  background-color:#fffaf0;
  background-image:
    linear-gradient(rgba(255,250,240,.94),rgba(255,250,240,.94)),
    url("../coin-detente/memory/fond-papier-creme-memory-eclorya.webp");
  background-size:cover;
  box-shadow:
    0 20px 44px rgba(73,55,33,.10),
    0 1px 0 rgba(255,255,255,.9) inset;
  transform:rotate(.25deg);
}
.eclorya-relax-stage--memory .eclorya-memory-discovery::before {
  content:"";
  position:absolute;
  z-index:5;
  top:-10px;
  left:50%;
  width:88px;
  height:20px;
  transform:translateX(-50%) rotate(-1.5deg);
  background:rgba(221,199,157,.62);
  box-shadow:0 1px 2px rgba(73,55,33,.06);
  pointer-events:none;
}
.eclorya-relax-stage--memory .eclorya-memory-plantcard__image {
  border-bottom-color:rgba(153,112,65,.22);
}
.eclorya-relax-stage--memory .eclorya-memory-plantcard__content {
  position:relative;
}
.eclorya-relax-stage--memory .eclorya-memory-plantcard__content::after {
  content:"";
  position:absolute;
  right:8px;
  bottom:4px;
  width:72px;
  height:88px;
  opacity:.13;
  background:url("../coin-detente/memory/etiquette-botanique-memory-eclorya.webp") center/contain no-repeat;
  pointer-events:none;
}
/* Avant la première paire, Mimi et Zouzou prennent place dans la fiche. */
.eclorya-relax-stage--memory .eclorya-memory-discovery__empty {
  min-height:430px;
  justify-content:flex-start;
  padding:30px 28px 32px;
}
.eclorya-relax-stage--memory .eclorya-memory-discovery__empty::before {
  content:"";
  display:block;
  width:min(100%,280px);
  aspect-ratio:4/3;
  margin:4px auto 6px;
  background:url("../coin-detente/memory/soeurs-eclorya-games.webp") center/contain no-repeat;
  opacity:.88;
  filter:contrast(1.28);
}
.eclorya-relax-stage--memory .eclorya-memory-discovery__empty .eclorya-memory-discovery__leaf {
  display:none;
}
.eclorya-relax-stage--memory .eclorya-memory-discovery__empty .eclorya-relax-handnote {
  margin:1px 0 6px;
  color:#a65b41;
}
.eclorya-relax-stage--memory .eclorya-memory-discovery__empty > p:last-child {
  max-width:250px;
}
/* Petite célébration quand une paire est trouvée. */
@keyframes eclorya-memory-found {
  0% { transform:scale(1); }
  45% { transform:scale(1.035); }
  100% { transform:scale(1); }
}
@keyframes eclorya-memory-check-pop {
  0% { transform:scale(.55); opacity:0; }
  70% { transform:scale(1.12); opacity:1; }
  100% { transform:scale(1); opacity:1; }
}
.eclorya-relax-stage--memory .eclorya-memory-card--photo.is-matched {
  animation:eclorya-memory-found .42s ease both;
}
.eclorya-relax-stage--memory .eclorya-memory-card--photo.is-matched::after {
  animation:eclorya-memory-check-pop .38s ease both;
}

@media (max-width:1180px) {
  .eclorya-relax-stage--memory .eclorya-relax-stage__body { padding:30px 26px 38px; }
  .eclorya-relax-stage--memory .eclorya-memory-v2 { padding:32px 30px 36px; }
  .eclorya-relax-stage--memory .eclorya-memory-layout { gap:26px; }
  .eclorya-relax-stage--memory .eclorya-memory-grid--v2 { gap:11px; }
  .eclorya-relax-stage--memory .eclorya-memory-v2::before { width:160px; height:150px; left:-38px; }
  .eclorya-relax-stage--memory .eclorya-memory-v2::after { width:135px; height:135px; right:-28px; }
}

@media (max-width:900px) {
  .eclorya-relax-stage--memory .eclorya-relax-stage__body { padding:18px 14px 28px; }
  .eclorya-relax-stage--memory .eclorya-memory-v2 { padding:28px 22px 30px; }
  .eclorya-relax-stage--memory .eclorya-memory-top--v2::before { width:125px; height:105px; left:-24px; top:-42px; opacity:.48; }
  .eclorya-relax-stage--memory .eclorya-memory-top--v2::after { width:110px; height:118px; right:-22px; top:-46px; opacity:.38; }
  .eclorya-relax-stage--memory .eclorya-memory-v2::before,
  .eclorya-relax-stage--memory .eclorya-memory-v2::after,
  .eclorya-relax-stage--memory .eclorya-memory-layout::after { opacity:.22; }
  .eclorya-relax-stage--memory .eclorya-memory-discovery { transform:none; margin-top:8px; }
  .eclorya-relax-stage--memory .eclorya-memory-discovery__empty { min-height:320px; }
  .eclorya-relax-stage--memory .eclorya-memory-discovery__empty::before { width:min(100%,230px); }
}

@media (max-width:640px) {
  .eclorya-relax-stage--memory .eclorya-relax-stage__body {
    padding:8px 6px 20px;
    background-image:
      linear-gradient(rgba(241,226,202,.45),rgba(241,226,202,.45)),
      url("../coin-detente/memory/fond-bois-memory-eclorya.webp");
  }
  .eclorya-relax-stage--memory .eclorya-memory-v2 {
    padding:22px 11px 24px;
    box-shadow:0 12px 30px rgba(69,46,25,.12);
  }
  .eclorya-relax-stage--memory .eclorya-memory-top--v2 { margin-bottom:20px; padding-bottom:18px; }
  .eclorya-memory-warm-note { font-size:18px!important; }
  .eclorya-relax-stage--memory .eclorya-memory-top--v2::before,
  .eclorya-relax-stage--memory .eclorya-memory-top--v2::after,
  .eclorya-relax-stage--memory .eclorya-memory-v2::before,
  .eclorya-relax-stage--memory .eclorya-memory-v2::after,
  .eclorya-relax-stage--memory .eclorya-memory-layout::after { display:none; }
  .eclorya-relax-stage--memory .eclorya-memory-grid--v2 { gap:8px; }
  .eclorya-relax-stage--memory .eclorya-memory-card--photo:hover { transform:none; }
  .eclorya-relax-stage--memory .eclorya-memory-discovery { margin-top:12px; }
  .eclorya-relax-stage--memory .eclorya-memory-discovery::before { width:70px; }
  .eclorya-relax-stage--memory .eclorya-memory-discovery__empty { min-height:285px; padding:20px 16px 22px; }
  .eclorya-relax-stage--memory .eclorya-memory-discovery__empty::before { width:min(100%,195px); margin-top:0; }
  .eclorya-relax-stage--memory .eclorya-memory-plantcard__content::after { width:54px; height:66px; opacity:.10; }
}

@media (prefers-reduced-motion:reduce) {
  .eclorya-relax-stage--memory .eclorya-memory-card--photo,
  .eclorya-relax-stage--memory .eclorya-memory-card--photo.is-matched,
  .eclorya-relax-stage--memory .eclorya-memory-card--photo.is-matched::after {
    animation:none!important;
    transition:none!important;
  }
}

/* =========================================================
   ÉCLORYA — MEMORY DU JARDIN V2.7
   Micro-finitions visuelles uniquement.
   Quiz, logique Memory, images et responsive V2.5 inchangés.
   ========================================================= */
@media (min-width:1181px) {
  /* Branche plus discrète et davantage rejetée vers le bord. */
  .eclorya-relax-stage--memory .eclorya-memory-top--v2::before {
    left:-62px;
    top:-52px;
    width:136px;
    height:106px;
    opacity:.58;
  }

  /* Lierre éloigné du compteur / bouton et remonté vers le bord. */
  .eclorya-relax-stage--memory .eclorya-memory-top--v2::after {
    right:-58px;
    top:-86px;
    width:120px;
    height:126px;
    opacity:.47;
  }

  /* Carnet légèrement réduit : il accompagne les cartes sans les concurrencer. */
  .eclorya-relax-stage--memory .eclorya-memory-v2::before {
    left:-50px;
    bottom:-31px;
    width:172px;
    height:160px;
    opacity:.70;
  }

  /* Un peu plus d'air entre la grille et la fiche herbier. */
  .eclorya-relax-stage--memory .eclorya-memory-layout {
    gap:42px;
  }

  /* Ombre papier plus fine et plus naturelle. */
  .eclorya-relax-stage--memory .eclorya-memory-discovery {
    box-shadow:
      0 15px 34px rgba(73,55,33,.075),
      0 1px 0 rgba(255,255,255,.90) inset;
  }
}

@media (min-width:901px) and (max-width:1180px) {
  .eclorya-relax-stage--memory .eclorya-memory-top--v2::before {
    left:-44px;
    top:-47px;
    width:112px;
    height:90px;
    opacity:.52;
  }
  .eclorya-relax-stage--memory .eclorya-memory-top--v2::after {
    right:-42px;
    top:-70px;
    width:100px;
    height:108px;
    opacity:.42;
  }
  .eclorya-relax-stage--memory .eclorya-memory-v2::before {
    left:-40px;
    bottom:-27px;
    width:145px;
    height:136px;
    opacity:.62;
  }
  .eclorya-relax-stage--memory .eclorya-memory-layout {
    gap:30px;
  }
  .eclorya-relax-stage--memory .eclorya-memory-discovery {
    box-shadow:
      0 13px 30px rgba(73,55,33,.07),
      0 1px 0 rgba(255,255,255,.90) inset;
  }
}

/* Mobile : on conserve volontairement la version épurée V2.6.
   Les gros décors restent masqués et la fiche passe sous la grille. */

/* =========================================================
   ÉNIGMES V2 — Bibliothèque botanique secrète
   Patch ciblé : n'affecte ni Quiz ni Memory.
   ========================================================= */
body.eclorya-coin-detente-page .eclorya-relax-stage--riddle {
  --enigme-ink:#140f0a;
  --enigme-brown:#24180f;
  --enigme-brown-soft:#3a291d;
  --enigme-paper:#e7d4ad;
  --enigme-paper-light:#f2e3c5;
  --enigme-gold:#ba8d48;
  --enigme-gold-soft:#dfc08a;
  --enigme-sage:#667054;
  --enigme-cream:#f5ead4;
  color:var(--enigme-cream);
}
body.eclorya-coin-detente-page .eclorya-relax-stage--riddle .eclorya-relax-stage__paper {
  overflow:hidden;
  border-color:rgba(190,145,77,.34);
  background:#16100b;
  box-shadow:0 30px 80px rgba(18,10,5,.28);
}
body.eclorya-coin-detente-page .eclorya-relax-stage--riddle .eclorya-relax-stage__paper::before {
  background:none;
}
body.eclorya-coin-detente-page .eclorya-relax-stage--riddle .eclorya-relax-stage__head {
  min-height:94px;
  color:var(--enigme-cream);
  border-bottom-color:rgba(223,192,138,.2);
  background:
    linear-gradient(90deg,rgba(9,7,5,.88),rgba(25,17,11,.72)),
    url("../coin-detente/enigmes/fond-enigmes-sombre-eclorya.webp") center 47%/cover no-repeat;
}
body.eclorya-coin-detente-page .eclorya-relax-stage--riddle .eclorya-relax-stage__head h2 {
  color:var(--enigme-cream);
}
body.eclorya-coin-detente-page .eclorya-relax-stage--riddle .eclorya-relax-stage__head .eclorya-relax-kicker {
  color:var(--enigme-gold-soft);
}
body.eclorya-coin-detente-page .eclorya-relax-stage--riddle .eclorya-relax-close {
  color:rgba(245,234,212,.78);
}
body.eclorya-coin-detente-page .eclorya-relax-stage--riddle .eclorya-relax-close:hover {
  color:#fff;
}
body.eclorya-coin-detente-page .eclorya-relax-stage--riddle .eclorya-relax-stage__body {
  min-height:650px;
  padding:0;
  background:#17110c;
}
.eclorya-riddle-scene {
  position:relative;
  isolation:isolate;
  min-height:650px;
  padding:48px 42px 54px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(12,9,6,.18),rgba(12,8,5,.52)),
    url("../coin-detente/enigmes/fond-enigmes-sombre-eclorya.webp") center/cover no-repeat;
}
.eclorya-riddle-scene::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 72% 12%,rgba(241,195,113,.16),transparent 28%),
    radial-gradient(circle at 50% 48%,rgba(0,0,0,0),rgba(6,4,3,.26) 72%);
}
.eclorya-riddle-intro {
  position:relative;
  z-index:5;
  max-width:700px;
  margin:0 auto 34px;
  text-align:center;
  text-shadow:0 2px 18px rgba(0,0,0,.45);
}
.eclorya-riddle-intro__eyebrow {
  margin:0 0 8px;
  color:var(--enigme-gold-soft)!important;
  font-size:9px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.eclorya-riddle-intro h3 {
  margin:0;
  color:#fff8e9;
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:clamp(34px,4.4vw,58px);
  font-weight:400;
  line-height:1.02;
}
.eclorya-riddle-intro > p:last-child {
  margin:12px 0 0;
  color:rgba(245,234,212,.8);
  font-size:13px;
  letter-spacing:.02em;
}
.eclorya-riddle-layout {
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:minmax(170px,270px) minmax(0,760px);
  justify-content:center;
  gap:20px;
  align-items:end;
  max-width:1080px;
  margin:0 auto;
}
.eclorya-riddle-sisters {
  position:relative;
  align-self:end;
  margin-right:-30px;
  padding-bottom:30px;
  text-align:center;
}
.eclorya-riddle-sisters__image {
  display:block;
  width:290px;
  max-width:100%;
  aspect-ratio:1399/1124;
  margin:0 auto;
  background:url("../coin-detente/enigmes/mimi-zouzou-enigmes-eclorya.webp") center bottom/contain no-repeat;
  filter:drop-shadow(0 16px 24px rgba(0,0,0,.32));
}
.eclorya-riddle-sisters p {
  width:220px;
  max-width:90%;
  margin:-6px auto 0;
  padding:10px 14px;
  color:#4a3525!important;
  background:rgba(244,229,196,.94);
  border:1px solid rgba(183,140,72,.38);
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  font-family:"La Belle Aurore",cursive;
  font-size:18px;
  line-height:1.25;
  transform:rotate(-2deg);
}
.eclorya-riddle {
  position:relative;
  max-width:none;
  margin:0;
  padding:29px 34px 32px;
  color:#332418;
  text-align:center;
  border:1px solid rgba(112,74,38,.42);
  background:
    linear-gradient(rgba(246,231,199,.96),rgba(226,204,163,.97)),
    radial-gradient(circle at 18% 14%,rgba(120,72,36,.12),transparent 18%);
  box-shadow:
    0 25px 48px rgba(0,0,0,.34),
    inset 0 0 0 6px rgba(255,249,230,.20),
    inset 0 0 42px rgba(92,57,26,.12);
  transform:rotate(.18deg);
}
.eclorya-riddle::before,
.eclorya-riddle::after {
  content:"";
  position:absolute;
  pointer-events:none;
}
.eclorya-riddle::before {
  inset:10px;
  border:1px solid rgba(142,99,50,.26);
}
.eclorya-riddle::after {
  right:13px;
  bottom:12px;
  width:74px;
  height:74px;
  opacity:.13;
  background:url("../coin-detente/enigmes/ornement-botanique-enigmes-eclorya.webp") center/contain no-repeat;
}
.eclorya-riddle__topline {
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(91,62,35,.20);
  color:#725733;
  font-size:8px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.eclorya-riddle__seal {
  position:relative;
  z-index:2;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  margin:22px auto 9px;
  border:1px solid #94703f;
  border-radius:50%;
  color:#8a5d2e;
  box-shadow:inset 0 0 0 4px rgba(148,112,63,.09);
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:27px;
}
.eclorya-riddle__label {
  position:relative;
  z-index:2;
  margin:0 0 8px;
  color:#9a6d35!important;
  font-size:9px;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.eclorya-riddle h4 {
  position:relative;
  z-index:2;
  max-width:610px;
  margin:0 auto;
  color:#2a1d14;
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:clamp(29px,3.6vw,45px);
  font-weight:400;
  line-height:1.12;
}
.eclorya-riddle__reveal {
  position:relative;
  z-index:2;
  max-width:610px;
  margin:24px auto 0;
  padding:19px 22px 18px;
  text-align:left;
  border:1px solid rgba(116,82,46,.28);
  background:rgba(255,247,226,.56);
  box-shadow:0 8px 20px rgba(78,49,22,.08);
}
.eclorya-riddle__reveal[hidden] { display:none!important; }
.eclorya-riddle__reveal-kicker {
  display:block;
  margin-bottom:7px;
  color:#9a6d35;
  font-size:8px;
  font-weight:700;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.eclorya-riddle__reveal p {
  margin:0;
  color:#4e3c2c!important;
  font-size:13px;
  line-height:1.65;
}
.eclorya-riddle__answer {
  padding-left:86px;
}
.eclorya-riddle__answer::before {
  content:"";
  position:absolute;
  left:16px;
  top:50%;
  width:58px;
  height:58px;
  transform:translateY(-50%);
  opacity:.72;
  background:url("../coin-detente/enigmes/fiche-indices-enigmes-eclorya.webp") center/contain no-repeat;
}
.eclorya-riddle__answer strong {
  display:block;
  margin:0 0 4px;
  color:#2d2118;
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:28px;
  font-weight:400;
}
.eclorya-riddle__actions {
  position:relative;
  z-index:3;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:9px;
  margin-top:27px;
}
.eclorya-riddle-button {
  min-height:44px;
  padding:0 19px;
  border:1px solid #3b2a1c;
  background:#24180f;
  color:#f7ecd7;
  cursor:pointer;
  font-size:9px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.eclorya-riddle-button:hover {
  transform:translateY(-1px);
  background:#342317;
  border-color:#8f6a3a;
}
.eclorya-riddle-button--ghost {
  color:#4a3423;
  background:rgba(255,251,239,.34);
  border-color:rgba(61,42,27,.45);
}
.eclorya-riddle-button--ghost:hover { background:rgba(255,251,239,.7); }
.eclorya-riddle-decor {
  position:absolute;
  z-index:2;
  display:block;
  pointer-events:none;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  filter:drop-shadow(0 15px 24px rgba(0,0,0,.35));
}
.eclorya-riddle-decor--books {
  left:-28px;
  bottom:-38px;
  width:250px;
  height:250px;
  opacity:.88;
  background-image:url("../coin-detente/enigmes/livres-botaniques-enigmes-eclorya.webp");
}
.eclorya-riddle-decor--loupe {
  right:-40px;
  bottom:-45px;
  width:230px;
  height:230px;
  opacity:.82;
  background-image:url("../coin-detente/enigmes/loupe-botanique-enigmes-eclorya.webp");
  transform:rotate(-11deg);
}
.eclorya-riddle-decor--key {
  right:10px;
  top:42px;
  width:132px;
  height:132px;
  opacity:.52;
  background-image:url("../coin-detente/enigmes/cle-etiquette-enigmes-eclorya.webp");
  transform:rotate(10deg);
}
.eclorya-riddle-decor--ornament {
  left:-22px;
  top:-24px;
  width:190px;
  height:190px;
  opacity:.46;
  background-image:url("../coin-detente/enigmes/ornement-botanique-enigmes-eclorya.webp");
}

@media (max-width:980px) {
  .eclorya-riddle-scene { padding:40px 28px 48px; }
  .eclorya-riddle-layout { grid-template-columns:190px minmax(0,1fr); gap:8px; }
  .eclorya-riddle-sisters { margin-right:-38px; }
  .eclorya-riddle-sisters p { width:180px; font-size:16px; }
  .eclorya-riddle { padding:27px 27px 30px; }
  .eclorya-riddle-decor--books { width:185px; height:185px; opacity:.58; }
  .eclorya-riddle-decor--loupe { width:170px; height:170px; opacity:.55; }
  .eclorya-riddle-decor--key { width:100px; height:100px; opacity:.34; }
}
@media (max-width:760px) {
  body.eclorya-coin-detente-page .eclorya-relax-stage--riddle .eclorya-relax-stage__head {
    min-height:78px;
    padding:17px 16px;
  }
  body.eclorya-coin-detente-page .eclorya-relax-stage--riddle .eclorya-relax-stage__head h2 { font-size:30px; }
  .eclorya-riddle-scene {
    min-height:0;
    padding:32px 14px 34px;
    background-position:46% center;
  }
  .eclorya-riddle-intro { margin-bottom:24px; padding:0 8px; }
  .eclorya-riddle-intro h3 { font-size:36px; }
  .eclorya-riddle-intro > p:last-child { font-size:12px; }
  .eclorya-riddle-layout { display:block; }
  .eclorya-riddle-sisters { display:none; }
  .eclorya-riddle { padding:24px 17px 25px; transform:none; }
  .eclorya-riddle__topline { display:block; padding-bottom:12px; line-height:1.7; }
  .eclorya-riddle__topline span { display:block; }
  .eclorya-riddle__seal { width:46px; height:46px; margin-top:18px; font-size:23px; }
  .eclorya-riddle h4 { font-size:31px; }
  .eclorya-riddle__reveal { padding:16px; }
  .eclorya-riddle__answer { padding-left:16px; padding-top:76px; }
  .eclorya-riddle__answer::before { left:50%; top:11px; width:58px; height:58px; transform:translateX(-50%); }
  .eclorya-riddle__actions { display:grid; grid-template-columns:1fr; }
  .eclorya-riddle-button { width:100%; }
  .eclorya-riddle-decor--books { left:-60px; bottom:-40px; width:150px; height:150px; opacity:.25; }
  .eclorya-riddle-decor--loupe { right:-55px; bottom:-40px; width:150px; height:150px; opacity:.22; }
  .eclorya-riddle-decor--key,
  .eclorya-riddle-decor--ornament { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .eclorya-riddle-button { transition:none; }
}

/* =========================================================
   ÉNIGMES V2.1 — Finitions de hiérarchie et de compacité
   Patch CSS ciblé : n'affecte ni Quiz ni Memory.
   - titre de scène moins dominant
   - titre du cabinet hiérarchisé
   - question plus compacte
   - carte moins haute
   - Mimi & Zouzou réduites
   ========================================================= */
body.eclorya-coin-detente-page .eclorya-relax-stage--riddle .eclorya-relax-stage__head {
  min-height:82px;
  padding:19px 30px;
}
body.eclorya-coin-detente-page .eclorya-relax-stage--riddle .eclorya-relax-stage__head h2 {
  font-size:34px;
  line-height:1.02;
}
body.eclorya-coin-detente-page .eclorya-relax-stage--riddle .eclorya-relax-stage__head .eclorya-relax-kicker {
  margin-bottom:9px;
  font-size:9px;
}
body.eclorya-coin-detente-page .eclorya-relax-stage--riddle .eclorya-relax-stage__body {
  min-height:600px;
}
.eclorya-riddle-scene {
  min-height:600px;
  padding:38px 42px 44px;
}
.eclorya-riddle-intro {
  max-width:650px;
  margin-bottom:25px;
}
.eclorya-riddle-intro h3 {
  font-size:clamp(31px,3.7vw,49px);
  line-height:1.04;
}
.eclorya-riddle-intro > p:last-child {
  margin-top:9px;
}
.eclorya-riddle-layout {
  grid-template-columns:minmax(155px,238px) minmax(0,760px);
  gap:16px;
}
.eclorya-riddle-sisters {
  margin-right:-18px;
  padding-bottom:18px;
}
.eclorya-riddle-sisters__image {
  width:250px;
}
.eclorya-riddle-sisters p {
  width:205px;
  margin-top:-4px;
  padding:9px 13px;
  font-size:17px;
}
.eclorya-riddle {
  padding:23px 30px 25px;
}
.eclorya-riddle__topline {
  padding-bottom:11px;
}
.eclorya-riddle__seal {
  width:48px;
  height:48px;
  margin:16px auto 7px;
  font-size:24px;
}
.eclorya-riddle__label {
  margin-bottom:6px;
}
.eclorya-riddle h4 {
  max-width:590px;
  font-size:clamp(25px,2.85vw,38px);
  line-height:1.13;
}
.eclorya-riddle__reveal {
  margin-top:18px;
  padding:16px 20px 15px;
}
.eclorya-riddle__actions {
  margin-top:21px;
}
.eclorya-riddle-button {
  min-height:42px;
  padding-inline:18px;
}

@media (max-width:980px) {
  .eclorya-riddle-scene { padding:34px 26px 40px; }
  .eclorya-riddle-intro { margin-bottom:22px; }
  .eclorya-riddle-intro h3 { font-size:clamp(30px,4.2vw,43px); }
  .eclorya-riddle-layout { grid-template-columns:170px minmax(0,1fr); gap:6px; }
  .eclorya-riddle-sisters { margin-right:-26px; padding-bottom:14px; }
  .eclorya-riddle-sisters__image { width:218px; }
  .eclorya-riddle-sisters p { width:170px; font-size:15px; }
  .eclorya-riddle { padding:22px 24px 24px; }
  .eclorya-riddle h4 { font-size:clamp(24px,3.4vw,34px); }
}

@media (max-width:760px) {
  body.eclorya-coin-detente-page .eclorya-relax-stage--riddle .eclorya-relax-stage__head {
    min-height:72px;
    padding:14px 16px;
  }
  body.eclorya-coin-detente-page .eclorya-relax-stage--riddle .eclorya-relax-stage__head h2 {
    font-size:27px;
  }
  .eclorya-riddle-scene {
    min-height:0;
    padding:27px 14px 30px;
  }
  .eclorya-riddle-intro {
    margin-bottom:19px;
  }
  .eclorya-riddle-intro h3 {
    font-size:31px;
    line-height:1.05;
  }
  .eclorya-riddle-intro > p:last-child {
    margin-top:8px;
    font-size:11.5px;
  }
  .eclorya-riddle {
    padding:20px 15px 22px;
  }
  .eclorya-riddle__seal {
    width:43px;
    height:43px;
    margin-top:14px;
    font-size:21px;
  }
  .eclorya-riddle h4 {
    font-size:28px;
    line-height:1.14;
  }
  .eclorya-riddle__reveal {
    margin-top:16px;
  }
  .eclorya-riddle__actions {
    margin-top:18px;
  }
}

@media (max-width:420px) {
  .eclorya-riddle-intro h3 { font-size:28px; }
  .eclorya-riddle h4 { font-size:26px; }
}

/* =========================================================
   ÉNIGMES V3.1 — Mobile : Mimi & Zouzou sous la carte
   Patch responsive ciblé : desktop/tablette inchangés.
   ========================================================= */
@media (max-width:760px) {
  .eclorya-riddle-layout {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:20px;
  }

  .eclorya-riddle {
    order:1;
    width:100%;
  }

  .eclorya-riddle-sisters {
    order:2;
    display:block;
    width:min(100%,340px);
    margin:0 auto;
    padding:0;
    text-align:center;
  }

  .eclorya-riddle-sisters__image {
    width:min(260px,78vw);
    max-width:100%;
    margin:0 auto;
    filter:drop-shadow(0 12px 20px rgba(0,0,0,.28));
  }

  .eclorya-riddle-sisters p {
    width:min(245px,86vw);
    max-width:100%;
    margin:-8px auto 0;
    padding:9px 13px;
    font-size:16px;
    line-height:1.24;
    transform:rotate(-1.5deg);
  }

  /* Sur petit écran, l'illustration des sœurs apporte déjà les livres
     et la loupe : on retire les gros objets latéraux pour garder de l'air. */
  .eclorya-riddle-decor--books,
  .eclorya-riddle-decor--loupe {
    display:none;
  }
}

@media (max-width:420px) {
  .eclorya-riddle-layout { gap:17px; }
  .eclorya-riddle-sisters { width:min(100%,300px); }
  .eclorya-riddle-sisters__image { width:min(232px,76vw); }
  .eclorya-riddle-sisters p {
    width:min(220px,84vw);
    font-size:15px;
  }
}



/* =========================================================
   MORPION BOTANIQUE — PATCH V2
   - grille 3x3 verrouillée
   - dos de cartes botaniques sur chaque case
   - 3 niveaux contre l’ordinateur + mode à deux
   - illustration marelle sous le jeu sur mobile
   ========================================================= */
.eclorya-tictactoe{
  position:relative;
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(340px,1fr);
  grid-template-areas:
    "info board"
    "aside board";
  gap:28px 44px;
  align-items:start;
  max-width:1040px;
  margin:0 auto;
  padding:38px;
  border:1px solid rgba(176,141,87,.22);
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,.3)),
    url('../coin-detente/morpion-paper.webp') center/cover no-repeat,
    #f7f2e9;
  box-shadow:0 24px 58px rgba(45,33,21,.08);
}
.eclorya-tictactoe::before,
.eclorya-tictactoe::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.eclorya-tictactoe::before{
  inset:14px;
  border:1px solid rgba(176,141,87,.15);
  z-index:0;
}
.eclorya-tictactoe::after{
  left:14px;
  right:14px;
  bottom:14px;
  height:180px;
  background:linear-gradient(180deg, rgba(145,157,120,.02), rgba(145,157,120,.08));
  opacity:.5;
  z-index:0;
}
.eclorya-tictactoe__info,
.eclorya-tictactoe__boardwrap,
.eclorya-tictactoe__aside{ position:relative; z-index:2; }
.eclorya-tictactoe__info{ grid-area:info; max-width:370px; }
.eclorya-tictactoe__info .eclorya-relax-kicker{ margin-bottom:12px; }
.eclorya-tictactoe__info h3{ font-size:clamp(36px,4vw,56px); line-height:1.02; margin-bottom:10px; }
.eclorya-tictactoe__info > p:not(.eclorya-tictactoe__status):not(.eclorya-tictactoe__helper){ max-width:31ch; }
.eclorya-tictactoe__modegroup{
  margin:22px 0 16px;
}
.eclorya-tictactoe__modegroup > span{
  display:block;
  margin-bottom:10px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(39,31,25,.68);
}
.eclorya-tictactoe__modes{ display:flex; flex-wrap:wrap; gap:10px; }
.eclorya-choice-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  border-radius:2px;
  min-height:42px;
}
.eclorya-tictactoe__helper{
  margin:0 0 10px;
  font-size:13px;
  letter-spacing:.04em;
  color:rgba(39,31,25,.68);
}
.eclorya-tictactoe__status{
  min-height:52px;
  margin:10px 0 18px;
  font-family:"Bodoni Moda",serif;
  font-size:29px;
  line-height:1.2;
  color:var(--er-ink)!important;
}
.eclorya-tictactoe__actions{ display:flex; flex-wrap:wrap; gap:10px; }
.eclorya-tictactoe__boardwrap{
  grid-area:board;
  width:min(100%, 500px);
  margin-left:auto;
}
.eclorya-tictactoe__boardwrap::before,
.eclorya-tictactoe__boardwrap::after{
  content:"";
  position:absolute;
  pointer-events:none;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  z-index:0;
}
.eclorya-tictactoe__boardwrap::before{
  width:130px;
  height:130px;
  left:-30px;
  top:-18px;
  opacity:.42;
  background-image:url('../coin-detente/morpion-floral-corner.png');
  transform:scaleX(-1) rotate(90deg);
}
.eclorya-tictactoe__boardwrap::after{
  width:146px;
  height:146px;
  right:-24px;
  bottom:-18px;
  opacity:.62;
  background-image:url('../coin-detente/morpion-floral-corner.png');
}
.eclorya-tictactoe__cloth{
  position:absolute;
  left:-24px;
  right:-14px;
  bottom:-28px;
  height:180px;
  z-index:0;
  background:url('../coin-detente/morpion-linen.webp') left bottom/cover no-repeat;
  opacity:.88;
}
.eclorya-tictactoe-board{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  grid-template-rows:repeat(3, minmax(0, 1fr));
  width:min(100%, 500px);
  aspect-ratio:1/1;
  margin-left:auto;
  border:1px solid rgba(22,19,15,.11);
  background:rgba(255,255,255,.62);
  backdrop-filter:blur(1px);
  box-shadow:0 18px 36px rgba(48,37,26,.10);
  box-sizing:border-box;
}
.eclorya-tt-cell{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  min-width:0;
  min-height:0;
  aspect-ratio:1 / 1;
  padding:0;
  margin:0;
  box-sizing:border-box;
  appearance:none;
  -webkit-appearance:none;
  border:0;
  background:rgba(255,255,255,.26);
  cursor:pointer;
  overflow:hidden;
  transition:background .22s ease, transform .18s ease, box-shadow .18s ease;
}
.eclorya-tt-cell::before,
.eclorya-tt-cell::after{
  content:"";
  position:absolute;
  inset:8px;
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
}
.eclorya-tt-cell::before{
  background:url('../coin-detente/morpion-card-back.png') center/cover no-repeat;
  opacity:.34;
  transform:scale(.98);
}
.eclorya-tt-cell::after{
  inset:10px;
  border:1px solid rgba(184,153,96,.18);
  opacity:.65;
}
.eclorya-tt-cell:hover:not(:disabled){
  background:rgba(255,255,255,.5);
  transform:translateY(-1px);
  box-shadow:inset 0 0 0 1px rgba(184,153,96,.12);
}
.eclorya-tt-cell:nth-child(-n+6){ border-bottom:1px solid rgba(22,19,15,.11); }
.eclorya-tt-cell:not(:nth-child(3n)){ border-right:1px solid rgba(22,19,15,.11); }
.eclorya-tt-cell svg{
  position:relative;
  z-index:2;
  width:46%;
  height:46%;
  stroke:var(--er-clay);
  fill:none;
  stroke-width:1.7;
}
.eclorya-tt-cell[data-symbol="leaf"] svg{ stroke:#7b8460; }
.eclorya-tt-cell[data-symbol]::before,
.eclorya-tt-cell[data-symbol]::after{
  opacity:0;
  transform:scale(.9);
}
.eclorya-tt-cell:disabled{ cursor:default; }
.eclorya-tt-cell.is-win{
  background:rgba(184,153,96,.12);
  box-shadow:inset 0 0 0 1px rgba(184,153,96,.18);
}
.eclorya-tictactoe__aside{
  grid-area:aside;
  display:flex;
  align-items:flex-end;
  gap:18px;
  min-height:190px;
  padding-left:4px;
}
.eclorya-tictactoe__sisters{
  width:min(230px, 55vw);
  aspect-ratio:1122/1402;
  flex:0 0 auto;
  background:url('../coin-detente/morpion-hopscotch.webp') center bottom/contain no-repeat;
  filter:drop-shadow(0 10px 18px rgba(44,33,22,.06));
}
.eclorya-tictactoe__aside .eclorya-relax-handnote{
  max-width:190px;
  margin-bottom:20px;
  font-size:24px;
  line-height:1.12;
  transform:rotate(-4deg);
}
.eclorya-tictactoe__deco{
  position:absolute;
  z-index:1;
  pointer-events:none;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.eclorya-tictactoe__deco--ivy{
  top:8px;
  left:12px;
  width:118px;
  height:150px;
  background-image:url('../coin-detente/quiz-deco-lierre.png');
  opacity:.42;
  transform:rotate(-6deg);
}
.eclorya-tictactoe__deco--branch{
  right:8px;
  bottom:18px;
  width:146px;
  height:146px;
  background-image:url('../coin-detente/morpion-floral-corner.png');
  opacity:.4;
}

@media (max-width: 980px){
  .eclorya-tictactoe{
    grid-template-columns:1fr;
    grid-template-areas:
      "info"
      "board"
      "aside";
    gap:22px;
    padding:30px 22px 24px;
  }
  .eclorya-tictactoe__info,
  .eclorya-tictactoe__info > p:not(.eclorya-tictactoe__status):not(.eclorya-tictactoe__helper){ max-width:none; }
  .eclorya-tictactoe__boardwrap{ margin:0 auto; width:min(100%, 500px); }
  .eclorya-tictactoe__aside{
    justify-content:center;
    min-height:0;
    padding-left:0;
    margin-top:2px;
  }
  .eclorya-tictactoe__aside .eclorya-relax-handnote{ max-width:230px; margin-bottom:14px; }
}

@media (max-width: 640px){
  .eclorya-tictactoe{ padding:24px 14px 20px; }
  .eclorya-tictactoe__info h3{ font-size:34px; }
  .eclorya-tictactoe__modes{ gap:8px; }
  .eclorya-choice-pill{ flex:1 1 calc(50% - 8px); min-height:44px; padding:0 10px; }
  .eclorya-tictactoe__helper{ font-size:12px; }
  .eclorya-tictactoe__status{ min-height:0; font-size:23px; }
  .eclorya-tictactoe__actions .eclorya-ui-button{ width:100%; }
  .eclorya-tictactoe__cloth{
    left:-10px;
    right:-10px;
    bottom:-24px;
    height:130px;
    opacity:.8;
  }
  .eclorya-tictactoe__boardwrap::before{ width:88px; height:88px; left:-8px; top:-8px; opacity:.32; }
  .eclorya-tictactoe__boardwrap::after{ width:96px; height:96px; right:-8px; bottom:-8px; opacity:.42; }
  .eclorya-tt-cell::before{ inset:6px; opacity:.26; }
  .eclorya-tt-cell::after{ inset:8px; }
  .eclorya-tictactoe__aside{
    flex-direction:column;
    align-items:center;
    gap:10px;
    text-align:center;
  }
  .eclorya-tictactoe__sisters{ width:min(216px, 72vw); }
  .eclorya-tictactoe__aside .eclorya-relax-handnote{
    max-width:250px;
    margin-bottom:0;
    font-size:22px;
    transform:none;
  }
  .eclorya-tictactoe__deco--ivy{ width:90px; height:114px; opacity:.28; }
  .eclorya-tictactoe__deco--branch{ width:102px; height:102px; right:-6px; bottom:8px; opacity:.28; }
}



/* Morpion V2.1 — retour de fin de partie */
.eclorya-tictactoe__status{
  transition:color .2s ease, transform .2s ease;
}
.eclorya-tictactoe__status.is-win{
  color:#9a6a26!important;
  transform:translateY(-1px);
}
.eclorya-tictactoe__status.is-loss{
  color:#625f50!important;
}
.eclorya-tictactoe__status.is-draw{
  color:#7b6b59!important;
}
.eclorya-tictactoe__status.is-win::before{
  content:"✦ ";
  font-family:inherit;
  font-size:.72em;
  vertical-align:.12em;
}


/* =========================================================
   MORPION BOTANIQUE — V2.2 FINITIONS
   Cache-bust + victoire claire + scène desktop plus compacte.
   ========================================================= */
.eclorya-tictactoe__status.is-win{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  color:#8f642d!important;
  transform:none;
}
.eclorya-tictactoe__status.is-win::before{ content:none!important; }
.eclorya-tictactoe__status.is-win strong{
  display:block;
  font-family:"Work Sans",sans-serif;
  font-size:11px;
  line-height:1;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#a47a3b;
}
.eclorya-tictactoe__status.is-win span{
  display:block;
  font-family:"Bodoni Moda",serif;
  font-size:30px;
  line-height:1.15;
  color:var(--er-ink);
}

/* Le lin reste un détail sous le plateau et ne masque plus la 3e rangée. */
.eclorya-tictactoe__cloth{
  bottom:-52px!important;
  height:118px!important;
  opacity:.52!important;
}
.eclorya-tictactoe-board{
  background:rgba(255,255,255,.78)!important;
}

/* On resserre la partie basse : moins de grand vide après le plateau. */
@media (min-width:981px){
  .eclorya-tictactoe{
    gap:20px 44px;
    padding-bottom:30px;
  }
  .eclorya-tictactoe__aside{
    min-height:150px;
    gap:12px;
    align-items:center;
    margin-top:-4px;
  }
  .eclorya-tictactoe__sisters{
    width:174px;
  }
  .eclorya-tictactoe__aside .eclorya-relax-handnote{
    max-width:176px;
    margin-bottom:0;
    font-size:21px;
  }
  .eclorya-tictactoe__boardwrap{
    align-self:start;
  }
}

@media (max-width:640px){
  .eclorya-tictactoe__status.is-win span{ font-size:26px; }
  .eclorya-tictactoe__cloth{
    bottom:-34px!important;
    height:82px!important;
    opacity:.42!important;
  }
}


/* =========================================================
   MORPION BOTANIQUE — V2.4 VERROUILLAGE FINAL
   Typographie de victoire + scène desktop resserrée.
   ========================================================= */
.eclorya-tictactoe__status.is-win strong,
.eclorya-tictactoe__status.is-win span{
  display:block!important;
}
.eclorya-tictactoe__status.is-win br{
  display:block!important;
  content:"";
  margin:0;
}
.eclorya-tictactoe__status.is-win strong{
  margin:0 0 5px!important;
}
.eclorya-tictactoe__status.is-win span{
  margin:0!important;
}

@media (min-width:981px){
  .eclorya-tictactoe{
    row-gap:8px!important;
    padding-bottom:20px!important;
  }
  .eclorya-tictactoe__aside{
    min-height:108px!important;
    height:108px;
    margin-top:-12px!important;
    overflow:visible;
  }
  .eclorya-tictactoe__sisters{
    width:142px!important;
    align-self:end;
  }
  .eclorya-tictactoe__aside .eclorya-relax-handnote{
    max-width:160px!important;
    font-size:19px!important;
    line-height:1.08!important;
    margin:0 0 2px!important;
  }
  .eclorya-tictactoe__deco--branch{
    bottom:8px!important;
  }
}

@media (max-width:640px){
  .eclorya-tictactoe__status.is-win strong{ margin-bottom:4px!important; }
}

/* =========================================================
   PENDU FLEUR V1.3 — 5 MOTS / FEUILLES RESPONSIVES
   La branche + les 7 feuilles partagent UN SEUL canevas proportionnel.
   Les coordonnées restent donc identiques sur desktop, tablette et mobile.
   ========================================================= */
.eclorya-relax-gamecard--hangman{
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(243,237,224,.9)),#f6f0e6;
}
.eclorya-relax-gamecard--hangman .eclorya-relax-gamecard__icon{color:#7f8966}
.eclorya-relax-stage--hangman .eclorya-relax-stage__paper{background:#f8f3e9}

.eclorya-hangman{
  position:relative;
  display:grid;
  grid-template-columns:minmax(320px,.92fr) minmax(360px,1.08fr);
  gap:48px;
  align-items:center;
  max-width:1080px;
  margin:0 auto;
  padding:34px 42px;
  overflow:hidden;
  border:1px solid rgba(184,153,96,.22);
  background:
    radial-gradient(circle at 22% 22%,rgba(255,255,255,.72),transparent 42%),
    linear-gradient(180deg,#fbf7ef 0%,#f5efe4 100%);
  box-shadow:0 22px 48px rgba(51,39,26,.07);
}
.eclorya-hangman::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(184,153,96,.13);
  pointer-events:none;
}

/* Le point clé : tout le végétal vit dans ce canevas 1086 × 1448. */
.eclorya-hangman__visual{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
}
.eclorya-hangman__plant-canvas{
  position:relative;
  width:min(100%, 430px);
  aspect-ratio:1086 / 1448;
  flex:0 0 auto;
  isolation:isolate;
}
.eclorya-hangman__branch,
.eclorya-hangman__leaf-layer{
  position:absolute;
  inset:0;
}
.eclorya-hangman__branch{
  z-index:1;
  background:url('../coin-detente/pendu/pendu-branche-eclorya.webp') center/100% 100% no-repeat;
  filter:drop-shadow(0 12px 20px rgba(68,51,28,.08));
}
.eclorya-hangman__leaf-layer{
  z-index:2;
  pointer-events:none;
  overflow:visible;
}

/*
  Chaque feuille garde une largeur en % du canevas. Les propriétés
  translate / rotate l'ancrent par son pétiole sans dépendre des pixels.
*/
.eclorya-hangman-leaf{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:var(--w);
  aspect-ratio:1448 / 1086;
  pointer-events:none;
  z-index:2;
  background:url('../coin-detente/pendu/pendu-feuille-eclorya.webp') center/contain no-repeat;
  transform-origin:2.5% 66.8%;
  translate:-2.5% -66.8%;
  rotate:var(--r);
  filter:drop-shadow(0 5px 6px rgba(63,51,34,.12));
  will-change:translate,rotate,opacity;
}
.eclorya-hangman-leaf.is-falling{
  animation:ecloryaLeafFallResponsive 1.12s cubic-bezier(.18,.7,.2,1) forwards;
}
@keyframes ecloryaLeafFallResponsive{
  0%{
    opacity:1;
    translate:-2.5% -66.8%;
    rotate:var(--r);
  }
  12%{
    translate:2% -72%;
    rotate:calc(var(--r) + 9deg);
  }
  48%{opacity:.98}
  100%{
    opacity:0;
    translate:calc(-2.5% + var(--fx)) calc(-66.8% + var(--fy));
    rotate:var(--fr);
  }
}

.eclorya-hangman__ground{
  position:absolute;
  z-index:3;
  left:-6%;
  right:-6%;
  bottom:-2%;
  height:18%;
  opacity:0;
  background:url('../coin-detente/pendu/pendu-feuilles-sol-eclorya.webp') center bottom/contain no-repeat;
  transition:opacity .35s ease;
  pointer-events:none;
}
.eclorya-hangman__visual>.eclorya-relax-handnote{
  position:relative;
  align-self:flex-start;
  max-width:280px;
  margin:-10px 0 0 6%;
  font-size:23px;
  transform:rotate(-4deg);
}

.eclorya-hangman__game{position:relative;z-index:2;padding:24px 6px 10px}
.eclorya-hangman__game h3{margin:6px 0 10px;font-family:"Bodoni Moda",serif;font-size:clamp(42px,5vw,62px);line-height:1;font-weight:400}
.eclorya-hangman__intro{max-width:42ch;margin:0 0 18px;color:rgba(35,29,24,.72)}
.eclorya-hangman__meta{display:grid;gap:8px;margin:20px 0;padding:13px 16px;border-left:2px solid rgba(151,124,77,.38);background:rgba(255,255,255,.45);font-size:13px;line-height:1.4}
.eclorya-hangman__meta span:first-child{font-weight:600;color:#6c7658}
.eclorya-hangman__word{display:flex;flex-wrap:wrap;gap:9px;min-height:62px;align-items:flex-end;margin:22px 0 20px}
.eclorya-hangman__slot{display:grid;place-items:center;min-width:42px;height:52px;padding:0 4px 5px;border-bottom:2px solid rgba(42,35,28,.62);font-family:"Bodoni Moda",serif;font-size:32px;line-height:1;color:#28221c}
.eclorya-hangman__word .is-space{width:18px}
.eclorya-hangman__keyboard{display:grid;grid-template-columns:repeat(9,minmax(34px,1fr));gap:7px;max-width:520px;margin-bottom:20px}
.eclorya-hangman__keyboard button{min-height:42px;padding:0;border:1px solid rgba(89,73,52,.18);border-radius:2px;background:rgba(255,255,255,.68);font:600 14px/1 "Work Sans",sans-serif;color:#28221c;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease}
.eclorya-hangman__keyboard button:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(115,124,88,.48)}
.eclorya-hangman__keyboard button.is-good{background:#788363;border-color:#788363;color:#fff}
.eclorya-hangman__keyboard button.is-bad{background:#e8d8ce;border-color:#cba899;color:#8c5744}
.eclorya-hangman__keyboard button:disabled{cursor:default;opacity:.74}
.eclorya-hangman__status{min-height:58px;margin:4px 0 14px;font-family:"Bodoni Moda",serif;font-size:24px;line-height:1.2}
.eclorya-hangman__status strong,.eclorya-hangman__status span{display:block}
.eclorya-hangman__status strong{margin-bottom:4px;font-size:30px;font-weight:500}
.eclorya-hangman__status.is-win strong{color:#647253}
.eclorya-hangman__status.is-loss strong{color:#9b5c49}
.eclorya-hangman__sisters{display:flex;align-items:flex-end;gap:14px;margin-top:20px}
.eclorya-hangman__sisters-image{width:168px;aspect-ratio:1024/1345;background:url('../coin-detente/pendu/soeurs-eclorya-pendu.png') center bottom/contain no-repeat;filter:grayscale(1) contrast(.82) opacity(.76)}
.eclorya-hangman__sisters .eclorya-relax-handnote{max-width:170px;margin-bottom:22px;font-size:22px;transform:rotate(-3deg)}
.eclorya-hangman__visual.is-saved .eclorya-hangman__branch{filter:drop-shadow(0 12px 20px rgba(68,51,28,.08)) drop-shadow(0 0 10px rgba(179,151,86,.16))}

@media(max-width:920px){
  .eclorya-hangman{grid-template-columns:1fr;gap:18px;padding:28px 24px}
  .eclorya-hangman__game{order:1}
  .eclorya-hangman__visual{order:2;width:100%;margin:0 auto}
  .eclorya-hangman__plant-canvas{width:min(78vw,420px)}
  .eclorya-hangman__keyboard{grid-template-columns:repeat(7,minmax(36px,1fr));max-width:none}
  .eclorya-hangman__sisters{justify-content:center}
  .eclorya-hangman__visual>.eclorya-relax-handnote{align-self:center;margin:-8px 0 0;max-width:300px;text-align:center}
}
@media(max-width:640px){
  .eclorya-hangman{padding:22px 14px}
  .eclorya-hangman__game h3{font-size:40px}
  .eclorya-hangman__slot{min-width:32px;height:44px;font-size:27px}
  .eclorya-hangman__keyboard{grid-template-columns:repeat(6,minmax(36px,1fr));gap:6px}
  .eclorya-hangman__keyboard button{min-height:40px}
  .eclorya-hangman__plant-canvas{width:min(86vw,360px)}
  .eclorya-hangman__sisters{flex-direction:column;align-items:center;text-align:center}
  .eclorya-hangman__sisters-image{width:150px}
  .eclorya-hangman__sisters .eclorya-relax-handnote{margin:0;max-width:230px;transform:none}
  .eclorya-hangman__visual>.eclorya-relax-handnote{font-size:21px}
}


/* Pendu fleur — filtres 250 mots */
.eclorya-hangman__universes{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 12px}.eclorya-hangman__universes button{appearance:none;border:1px solid rgba(176,141,87,.28);background:rgba(255,255,255,.58);color:var(--er-ink);padding:8px 11px;font:600 11px/1.1 "Work Sans",sans-serif;letter-spacing:.04em;cursor:pointer;transition:.2s ease}.eclorya-hangman__universes button:hover,.eclorya-hangman__universes button.is-active{background:var(--er-ink);border-color:var(--er-ink);color:#fff}.eclorya-hangman__meta [data-hangman-clue]{text-transform:none}@media(max-width:640px){.eclorya-hangman__universes{gap:6px}.eclorya-hangman__universes button{flex:1 1 calc(50% - 6px);min-height:40px;padding:8px}}

/* =========================================================
   ÉCLORYA — CORRECTIF CIBLÉ JEUX · 2026-09-17
   Important : desktop du Quiz et desktop du Pendu restent comme avant.
   1) Quiz : filles sous le tableau UNIQUEMENT sur mobile.
   2) Morpion : filles dégagées du bouton sur desktop.
   3) Pendu : on déplace la FLEUR sur mobile, pas les filles.
   ========================================================= */

/* 1) QUIZ — ne rien changer desktop/tablette large.
   Sur mobile seulement : tableau d'abord, Mimi/Zouzou dessous. */
@media (max-width:650px){
  .eclorya-quiz-classroom{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:
      "board board"
      "mimi zouzou"!important;
    gap:16px 10px!important;
    align-items:end!important;
  }
  .eclorya-quiz-board-wrap{
    grid-area:board!important;
    width:100%!important;
    margin:0 auto!important;
  }
  .eclorya-quiz-character{
    display:block!important;
    position:relative!important;
    z-index:5!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    width:min(120px, 36vw)!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
    justify-self:center!important;
    align-self:end!important;
  }
  .eclorya-quiz-character--mimi{ grid-area:mimi!important; }
  .eclorya-quiz-character--zouzou{ grid-area:zouzou!important; }
  .eclorya-quiz-character img{
    display:block!important;
    width:100%!important;
    max-width:120px!important;
    max-height:205px!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }
  .eclorya-quiz-character__note{ display:none!important; }
  .eclorya-quiz-deco{ display:none!important; }
}

/* 2) MORPION — desktop seulement : l'illustration ne recouvre plus RECOMMENCER. */
@media (min-width:981px){
  .eclorya-tictactoe__sisters{
    transform:translate(92px, 18px)!important;
  }
  .eclorya-tictactoe__aside .eclorya-relax-handnote{
    transform:translateX(42px) rotate(-4deg)!important;
  }
}

/* 3) PENDU — mobile/tablette : on déplace la fleur AU-DESSUS du jeu.
   Les filles restent exactement dans leur bloc d'origine, après le bouton. */
@media (max-width:920px){
  .eclorya-hangman__visual{
    order:1!important;
  }
  .eclorya-hangman__game{
    order:2!important;
  }
}

/* =========================================================
   ÉCLORYA — PATCH FINAL JEUX · 2026-09-17
   Ajustements finaux ciblés — desktop uniquement.
   Mobile/tablette : aucun changement supplémentaire.
   ========================================================= */

@media (min-width:981px){
  /* MORPION — les sœurs quittent complètement la zone du bouton,
     gagnent un peu en présence et restent liées à la note manuscrite. */
  .eclorya-tictactoe__sisters{
    width:162px!important;
    transform:translate(126px, 22px)!important;
  }
  .eclorya-tictactoe__aside .eclorya-relax-handnote{
    transform:translateX(66px) rotate(-4deg)!important;
  }

  /* PENDU FLEUR — Mimi & Zouzou restent dans leur bloc d'origine,
     simplement rapprochées visuellement du pied de la fleur et légèrement abaissées. */
  .eclorya-hangman__sisters{
    position:relative;
    left:-58px;
    top:24px;
  }
  .eclorya-hangman__sisters-image{
    width:176px;
  }
}

/* =========================================================
   ÉCLORYA — HOME COIN DÉTENTE HYBRIDE · CORRECTIF
   Important : ces règles ne remplacent plus les styles des jeux.
   Elles ne font que relooker la page d'accueil / cartes d'entrée.
   ========================================================= */

body.eclorya-coin-detente-page {
  --er-sage:#677454;
}

.eclorya-relax-shell { width:min(1240px, calc(100% - 48px)); margin:0 auto; }

/* HERO */
.eclorya-relax-hero {
  position:relative;
  padding:64px 0 52px;
  min-height:0;
  display:block;
  border-bottom:1px solid var(--er-line);
}
.eclorya-relax-hero__botanical { position:absolute; pointer-events:none; }
.eclorya-relax-hero__botanical img { display:block; width:100%; height:auto; }
.eclorya-relax-hero__botanical--left { left:min(-8vw,-120px); top:6px; width:min(34vw,470px); }
.eclorya-relax-hero__layout {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(330px,.98fr);
  gap:54px;
  align-items:center;
  min-height:420px;
}
.eclorya-relax-hero__copy { padding-left:clamp(110px,12vw,240px); }
.eclorya-relax-hero h1 {
  max-width:690px;
  font-size:clamp(52px,6vw,84px);
  line-height:.96;
  letter-spacing:-.038em;
}
.eclorya-relax-hero h1 em {
  display:block;
  margin-top:8px;
  color:var(--er-sage);
  font-style:italic;
  font-weight:400;
}
.eclorya-relax-lead { max-width:560px; margin:22px 0 0; font-size:17px; line-height:1.75; }
.eclorya-relax-hero__note { margin-top:22px; max-width:440px; font-size:28px; line-height:1.2; }
.eclorya-relax-hero__actions { display:flex; flex-wrap:wrap; gap:22px; align-items:center; margin-top:32px; }
.eclorya-relax-button { min-height:48px; padding:0 26px; }
.eclorya-relax-hero__visual {
  position:relative;
  min-height:380px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.eclorya-relax-hero__visual-card { position:relative; width:min(100%,550px); padding:12px 18px 0; }
.eclorya-relax-hero__visual-card::before {
  content:"";
  position:absolute;
  inset:30px 36px 10px;
  border-radius:36px;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.14));
  box-shadow:inset 0 0 0 1px rgba(176,141,87,.14);
}
.eclorya-relax-hero__visual-card img {
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  max-width:430px;
  max-height:none;
  margin:0 auto;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 20px 34px rgba(42,28,17,.10));
}
.eclorya-relax-hero__visual .eclorya-relax-handnote {
  position:absolute;
  z-index:3;
  right:12px;
  top:12px;
  width:220px;
  font-size:25px;
  line-height:1.18;
  text-align:left;
  transform:none;
}

/* MEMORY MIS EN AVANT DANS LE HERO */
.eclorya-relax-memory-feature {
  position:relative;
  z-index:2;
  margin-top:32px;
  display:grid;
  grid-template-columns:minmax(380px,1.2fr) minmax(280px,.8fr);
  gap:38px;
  align-items:center;
  padding:28px 34px;
  border:1px solid var(--er-line);
  border-radius:28px;
  background:rgba(251,248,242,.84);
  box-shadow:var(--er-shadow);
}
.eclorya-relax-memory-feature__art { position:relative; min-width:0; }
.eclorya-relax-memory-feature__art::before {
  content:"";
  position:absolute;
  left:16px;
  bottom:-22px;
  width:200px;
  height:200px;
  border:1px solid var(--er-line-gold);
  border-radius:50%;
}
.eclorya-relax-memory-feature__art img { position:relative; display:block; width:min(100%,720px); height:auto; }
.eclorya-relax-memory-feature__copy { position:relative; z-index:1; }
.eclorya-relax-memory-feature__copy h2 { font-size:clamp(38px,4vw,54px); line-height:1; margin-bottom:14px; }
.eclorya-relax-memory-feature__copy p { margin:0 0 22px; max-width:360px; font-size:15px; line-height:1.75; }

/* CHOISIS TON JEU : 4 CARTES */
.eclorya-relax-games { padding:62px 0 88px; }
.eclorya-relax-sectionhead--centered {
  display:grid;
  gap:14px;
  justify-items:center;
  text-align:center;
  margin-bottom:34px;
}
.eclorya-relax-sectionhead--centered::before,
.eclorya-relax-sectionhead--centered::after {
  content:"";
  width:min(240px,36vw);
  height:1px;
  background:var(--er-line-gold);
}
.eclorya-relax-sectionhead--centered h2 { font-size:clamp(42px,4.5vw,64px); line-height:1; }
.eclorya-relax-sectionhead--centered .eclorya-relax-handnote { font-size:27px; }
.eclorya-relax-gamegrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.eclorya-relax-gamecard {
  position:relative;
  min-height:330px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
  padding:22px 20px 18px;
  border:1px solid var(--er-line);
  border-radius:18px;
  background:rgba(251,248,242,.74);
  cursor:pointer;
  overflow:hidden;
  box-shadow:none;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.eclorya-relax-gamecard::after { display:none; }
.eclorya-relax-gamecard:hover { transform:translateY(-4px); box-shadow:var(--er-shadow); border-color:rgba(176,141,87,.44); }
.eclorya-relax-gamecard__number {
  position:static;
  display:block;
  margin-bottom:8px;
  color:var(--er-gold);
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:26px;
  line-height:1;
}
.eclorya-relax-gamecard__eyebrow { display:block; margin-bottom:10px; color:var(--er-gold); font-size:9px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }
.eclorya-relax-gamecard strong { display:block; max-width:170px; font-family:"Bodoni Moda",Georgia,serif; font-weight:400; font-size:24px; line-height:1.08; }
.eclorya-relax-gamecard__text { display:block; margin-top:12px; max-width:190px; color:var(--er-ink-soft); font-size:13px; line-height:1.55; }
.eclorya-relax-gamecard__cta { display:inline-flex; align-items:center; margin-top:18px; padding:10px 14px; border:1px solid rgba(22,19,15,.22); background:#fff; font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.eclorya-relax-gamecard__visual { position:absolute; right:8px; bottom:4px; width:min(56%,230px); pointer-events:none; }
.eclorya-relax-gamecard__visual img { display:block; width:100%; height:auto; }
.eclorya-relax-gamecard__visual--pendu { width:min(58%,235px); right:-2px; bottom:0; }
.eclorya-relax-gamecard__blanks { position:absolute; left:14px; bottom:18px; font-family:"Bodoni Moda",Georgia,serif; font-size:30px; letter-spacing:.16em; color:var(--er-ink); }
.eclorya-relax-gamecard--riddle { background:#f4ede3; }
.eclorya-relax-gamecard--morpion { background:#f2ece2; }
.eclorya-relax-gamecard--hangman { background:#fbf6ee; }

/* BAS DE PAGE */
.eclorya-relax-footnote { padding:8px 0 82px; }
.eclorya-relax-footnote__inner { display:flex; justify-content:space-between; align-items:flex-end; gap:50px; padding-top:34px; border-top:1px solid var(--er-line); }
.eclorya-relax-footnote__left { display:flex; align-items:flex-end; gap:20px; }
.eclorya-relax-footnote__sketch { width:116px; opacity:.9; }
.eclorya-relax-footnote__sketch img { display:block; width:100%; height:auto; }
.eclorya-relax-footnote__inner .eclorya-relax-handnote { font-size:29px; line-height:1.18; }
.eclorya-relax-footnote__inner > p:last-child { max-width:590px; margin:0; font-size:12px; line-height:1.75; }

@media (max-width:1180px) {
  .eclorya-relax-gamegrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:900px) {
  .eclorya-relax-shell { width:min(100% - 32px,1240px); }
  .eclorya-relax-hero { padding:54px 0 42px; }
  .eclorya-relax-hero__botanical--left { position:relative; left:auto; top:auto; width:min(72vw,360px); margin:0 0 8px -12px; }
  .eclorya-relax-hero__layout { grid-template-columns:1fr; gap:26px; min-height:unset; }
  .eclorya-relax-hero__copy { padding-left:0; }
  .eclorya-relax-hero__visual { min-height:250px; justify-content:center; }
  .eclorya-relax-hero__visual-card { max-width:420px; margin:0 auto; }
  .eclorya-relax-hero__visual-card img { width:100%; max-width:390px; margin:0 auto; }
  .eclorya-relax-hero__visual .eclorya-relax-handnote { right:0; top:-8px; width:190px; font-size:22px; }
  .eclorya-relax-memory-feature { grid-template-columns:1fr; gap:22px; padding:24px 22px; }
  .eclorya-relax-memory-feature__art::before { width:150px; height:150px; }
  .eclorya-relax-games { padding:54px 0 70px; }
  .eclorya-relax-footnote__inner { display:block; }
  .eclorya-relax-footnote__left { margin-bottom:16px; }
}

@media (max-width:640px) {
  .eclorya-relax-shell { width:min(100% - 22px,1240px); }
  .eclorya-relax-hero { padding:42px 0 30px; }
  .eclorya-relax-hero h1 { font-size:45px; }
  .eclorya-relax-lead { font-size:15px; }
  .eclorya-relax-hero__note,
  .eclorya-relax-sectionhead--centered .eclorya-relax-handnote { font-size:23px; }
  .eclorya-relax-hero__visual .eclorya-relax-handnote { position:relative; top:auto; right:auto; width:auto; margin:6px 0 0; text-align:center; }
  .eclorya-relax-memory-feature__copy h2 { font-size:38px; }
  .eclorya-relax-gamegrid { grid-template-columns:1fr; }
  .eclorya-relax-gamecard { min-height:292px; padding:20px 18px 16px; }
  .eclorya-relax-gamecard strong { max-width:200px; }
  .eclorya-relax-gamecard__text { max-width:200px; }
  .eclorya-relax-gamecard__visual { width:min(50%,185px); }
  .eclorya-relax-gamecard__visual--pendu { width:min(54%,190px); }
  .eclorya-relax-gamecard__blanks { font-size:24px; letter-spacing:.12em; }
  .eclorya-relax-footnote { padding-bottom:60px; }
  .eclorya-relax-footnote__left { align-items:center; }
  .eclorya-relax-footnote__sketch { width:88px; }
}

/* =========================================================
   ÉCLORYA — PENDU FLEUR · MOBILE UNIQUEMENT
   Fleur juste sous « Un autre mot », plus petite.
   Desktop et tablette > 640 px : strictement inchangés.
   ========================================================= */
@media (max-width:640px){
  /* On laisse les enfants du bloc jeu participer directement à la grille
     mobile afin d'insérer le visuel de la fleur exactement après le bouton. */
  .eclorya-hangman__game{
    display:contents!important;
  }

  .eclorya-hangman__game > .eclorya-relax-kicker{order:1!important;width:100%}
  .eclorya-hangman__game > h3{order:2!important;width:100%}
  .eclorya-hangman__game > .eclorya-hangman__intro{order:3!important;width:100%}
  .eclorya-hangman__game > .eclorya-hangman__universes{order:4!important;width:100%}
  .eclorya-hangman__game > .eclorya-hangman__meta{order:5!important;width:100%}
  .eclorya-hangman__game > .eclorya-hangman__word{order:6!important;width:100%}
  .eclorya-hangman__game > .eclorya-hangman__keyboard{order:7!important;width:100%}
  .eclorya-hangman__game > .eclorya-hangman__status{order:8!important;width:100%}
  .eclorya-hangman__game > [data-hangman-replay]{
    order:9!important;
    justify-self:start;
    margin-bottom:2px;
  }

  .eclorya-hangman > .eclorya-hangman__visual{
    order:10!important;
    width:100%!important;
    margin:2px auto 0!important;
    justify-self:center;
  }
  .eclorya-hangman__plant-canvas{
    width:min(62vw,230px)!important;
  }
  .eclorya-hangman__visual>.eclorya-relax-handnote{
    max-width:230px!important;
    margin:-4px auto 0!important;
    font-size:18px!important;
    line-height:1.22;
    text-align:center!important;
    transform:none!important;
  }

  .eclorya-hangman__game > .eclorya-hangman__sisters{
    order:11!important;
    justify-self:center;
    margin-top:10px!important;
  }
}