/* v55 : zones en 2 parties, d'abord le jeu (simulation), puis les techniques en images */ .zt7 .zc21,.zt7 #rep24,.zt7 .z7-go{display:none!important} .zt7.zsel .z7-meth .z7-h{display:grid!important} .zt7.zsel #zTech{display:flex!important} .zt7.zsel .z7-meth .z7-grid{display:grid!important} .zt7.zsel .z7-meth{scroll-margin-top:calc(var(--th,90px) + 10px)} .z7-meth .z7-h{gap:4px;position:relative} .zt7 .zup{display:none;justify-self:start;margin-top:4px;font-family:var(--display);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);background:none;border:0;padding:4px 0;cursor:pointer} @media (max-width:980px){.zt7.zsel .zup{display:inline-block}} .z7-txt .z7-n{display:block;font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)} .z7-txt p{margin:6px 0 0;font-size:15px;line-height:1.55} .zgo55{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--ink);border:0;border-radius:999px;padding:11px 16px;cursor:pointer;text-align:left} .zgo55 span{color:var(--gold-soft,#e9d9b0)} .nm-sub{margin:4px 0 0;font-size:15px;color:var(--text)} .nm-more{align-self:flex-start;margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--pearl,#f3efe8);border:0;border-radius:999px;padding:10px 14px;cursor:pointer} .nm-more i{font-style:normal;font-size:14px;line-height:1;transition:transform .3s} .nm-more[aria-expanded="true"] i{transform:rotate(45deg)} .nm-x{display:grid;gap:14px;margin-top:6px;padding-top:10px;border-top:1px solid var(--line)} .nm-x .zc-b h5{font-size:12px} .nm-x .zc-what{font-size:14px;margin-top:6px} .nm-grid{align-items:start} .nm.open{box-shadow:var(--sh-1),inset 0 0 0 1.5px var(--gold)} .nm.flash55{animation:nmf55 1.6s var(--ease)} @keyframes nmf55{0%,100%{box-shadow:var(--sh-1),inset 0 0 0 1px var(--line)}30%{box-shadow:var(--sh-1),inset 0 0 0 3px var(--gold)}} @media (prefers-reduced-motion:reduce){.nm.flash55{animation:none}} /* v53b-retouches */
/* v53b : page en cours en gras dans le menu */
.nav a[aria-current="page"]{color:var(--ink);font-weight:700}
/* v53b : par SMS uniquement, bien visible */
.sms-pill{display:inline-block;font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--gold-soft,#f3ead2);border-radius:999px;padding:6px 12px;margin:2px 0}
.sms-only{color:var(--ink);font-weight:700}
/* v53b : calendrier et horloge de la cicatrisation */
.c27-cal{position:absolute;right:12px;top:12px;z-index:3;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.94);border-radius:14px;padding:6px 10px 6px 8px;box-shadow:0 6px 18px rgba(60,45,20,.12);perspective:300px}
.c27-clk{position:relative;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--gold);background:#fff;flex:none}
.c27-clk::before{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--ink);z-index:2}
.c27-clk b,.c27-clk i{position:absolute;left:50%;bottom:50%;width:2px;margin-left:-1px;border-radius:2px;background:var(--ink);transform-origin:50% 100%;transform:rotate(var(--r,0deg));transition:transform 1.1s cubic-bezier(.3,.7,.3,1)}
.c27-clk b{height:11px}
.c27-clk i{height:8px;background:var(--gold);transform:rotate(var(--r2,0deg))}
.c27-pg{display:flex;flex-direction:column;align-items:stretch;min-width:58px;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px #e6dcc8;background:#fff;transform-origin:50% 0}
.c27-pg small{display:block;background:var(--gold);color:#fff;font-family:var(--display);font-size:8px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-align:center;line-height:1.7}
.c27-pg strong{display:block;font-family:var(--display);font-size:15px;font-weight:500;color:var(--ink);text-align:center;line-height:1.5;padding:0 7px;white-space:nowrap}
.c27-pg.flip{animation:c27flip .6s ease}
@keyframes c27flip{0%{transform:rotateX(0)}45%{transform:rotateX(-88deg)}55%{transform:rotateX(-88deg)}100%{transform:rotateX(0)}}
@media (max-width:600px){.c27-cal{right:8px;top:8px;padding:4px 7px 4px 5px;gap:5px}.c27-clk{width:24px;height:24px}.c27-clk b{height:9px}.c27-clk i{height:6px}.c27-pg{min-width:46px}.c27-pg strong{font-size:12px}}
@media (prefers-reduced-motion:reduce){.c27-clk b,.c27-clk i{transition:none}.c27-pg.flip{animation:none}}