/* Charte de Fifou Openings 3.1.281, copiée le 02/11/2026 (0.22.0) : règles de site/style.css d'Openings extraites par composant,
   ids d'Openings renommés pour Training (#home → #accueil, body.home-mode → body.ec-accueil, #settings → #parametres).
   Ne pas retoucher à la main : les adaptations propres à Training vont dans style.css (chargé après). Voir CHANGELOG.md. */

/* === Accueil (carte série, carte héros, tuiles), Fifou dessiné, barre du bas === */
:root{--cu2:#f2b783; --cu3:#9b5426; --vert2:#7fe0aa; --gris:#a9b3c5;
  --sel-rgb:224,149,90; --fg-rgb:243,238,230; --bg-rgb:15,23,41; --green-rgb:87,201,138; --red-rgb:240,128,112; --mut-rgb:201,184,160;
  --r-xs:4px; --r-s:8px; --r-m:12px; --r-b:14px; --r-l:16px; --r-xl:20px; --r-xxl:24px; --r-pill:999px;
  --bg:#0f1729; --sheet:#17223a; --grid:#1f2d47; --fg:#f3eee6; --mut:#c9b8a0; --line:#2a3754;
  --red:#f08070; --blue:#9cc3ff; --green:#57c98a; --tint:#1f2c48; --sel:#e0955a;
  --e0:#2fae5f; --e1:#a6e58a; --e2:#ffa24a; --e3:#ff8a8f;
  --p40:#ffd23f; --p20:#ff9a8a; --p10:#9cc3ff; --p00:#c9a0ff;
  
  --defi-100:#7fe0aa; --defi-150:#3cbf76; --defi-200:#1f9a55; --defi-200-rgb:31,154,85;
  
  --defi-t1:#7fe0aa; --defi-t2:#3cbf76; --defi-t3:#1f9a55; --defi-t4:#137a40; --defi-tx:#7fe0aa;
  --halo-rgb:63,103,181; 
  --coord-on-l:#24324f; --coord-on-d:#f3eee6;
  --sq-l:#c9b8a0; --sq-d:#5c6f8e; --last:#e0955a; --hint:#f0c062; --dot:rgba(224,149,90,.55); --pw:#f4f7fb; --pb:#0e1218; --pst:#0e1218; --bad:#3a2023;
  --f-piece:"Noto Sans Symbols 2","Segoe UI Symbol","Apple Symbols","DejaVu Sans","Arial Unicode MS",sans-serif;
  --f-display:"Young Serif",Georgia,"Times New Roman",serif;
  --f-ui:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;}
.bishop{flex:0 0 124px;width:124px;min-width:0;max-width:124px;height:auto;overflow:visible}
.bishop.talk{animation:bob .5s ease-in-out 3}
@media (prefers-reduced-motion:reduce){.bishop.talk{animation:none}}
@media (max-width:820px), (pointer:coarse) and (max-width:1366px){.bishop{flex-basis:84px;width:84px;max-width:84px}}
@media (max-width:820px), (pointer:coarse) and (max-width:1366px){span.sk-l{font-size:max(16px,1em)!important}}
#accueil{display:none;text-align:center;padding:24px 0}
body.ec-accueil #accueil{display:block}
body.ec-accueil #apptitle,body.ec-accueil main>.tabs{display:none}
.home-menu{display:grid;gap:16px;max-width:520px;margin:24px auto 0}
.home-card{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;padding:20px;min-height:96px;border-radius:var(--r-l);border:1px solid var(--line);background:var(--sheet);cursor:pointer;font:inherit;color:inherit}
.home-card:hover,.home-card:focus-visible{border-color:var(--sel);box-shadow:0 2px 12px rgba(0,0,0,.35)}
#accueil .sub{color:var(--fg);font-size:1.1rem}
.hc-ico,.nvb i{content:"";display:inline-block;width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.i-home{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 11l9-8 9 8%22/%3E%3Cpath d=%22M5 10v10h5v-6h4v6h5V10%22/%3E%3C/svg%3E")}
:root{--navh:calc(68px + env(safe-area-inset-bottom,0px))}
#botnav{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;justify-content:center;background:rgba(var(--bg-rgb),.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}
#botnav .in{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;max-width:560px}
.nvb{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:var(--r-b);border:0;background:transparent;color:var(--mut);font:600 13px/1.1 var(--f-ui);cursor:pointer}
.nvb i{width:24px;height:24px}
.nvb[aria-current="page"]{color:var(--sel);background:var(--tint)}
.nvb:focus-visible{outline:2px solid var(--sel);outline-offset:-2px}
.nvb{font-size:13px!important;min-height:56px}
#accueil .home-fifou{width:112px;height:auto;margin:0 auto 6px;display:block}
#accueil h1{font-size:30px}
.home-card{flex-direction:row;align-items:center;gap:14px;min-height:104px;padding:16px}
.hc-ico{width:48px;height:48px;padding:12px;border-radius:var(--r-b);background:var(--tint);color:var(--sel);-webkit-mask:none;mask:none;position:relative;flex:none}
.hc-ico::after{content:"";position:absolute;inset:12px;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.hc-txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.hc-sub{font-size:14px;color:var(--mut);font-variant-numeric:tabular-nums}
.ring{width:54px;height:54px;flex:none;position:relative}
.ring svg{width:54px;height:54px;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:5}
.ring .bg{stroke:var(--tint)}
.ring .fg{stroke:var(--sel);stroke-linecap:round;transition:stroke-dashoffset .6s}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--fg)}
@media (prefers-reduced-motion:reduce){.ring .fg{transition:none}}
.ring svg,#botnav svg{min-width:0;max-width:100%}
.ring svg{width:54px;height:54px;max-width:54px}
@media (max-width:820px), (pointer:coarse) and (max-width:1366px){.bishop{flex-basis:68px!important;width:68px!important;max-width:68px}}
body.scr-profil #accueil,body.scr-repertoire #accueil{display:none}
body.scr-settings #accueil,body.scr-tuto #accueil{display:none}
.hc-sub:empty{display:none}
:root{--bw:min(100vw - 24px,100dvh - 420px);--bwt:min(100vw - 24px,100dvh - 342px)}
#accueil .hc-sub{display:none}
#accueil .home-card{min-height:88px}
.rp-fif .bishop{flex:none;width:40px;height:46px}
:root{--edge:rgba(243,238,230,.07);--lift:inset 0 1px 0 rgba(255,255,255,.04);--cu-ink:#1d1107;
  --t1:400 26px/32px var(--f-display);--t2:400 19px/24px var(--f-display);--t3:400 15px/22px var(--f-ui);--t4:600 13px/16px var(--f-ui)}
.ring b{font-variant-numeric:tabular-nums}
.home-card{border:1px solid var(--edge)!important;box-shadow:var(--lift)}
.home-card:hover,.home-card:focus-visible{border-color:rgba(var(--sel-rgb),.55)!important}
.nvb[aria-current="page"]{background:rgba(var(--sel-rgb),.16)}
:root{--bw:min(100vw - 24px,100dvh - 304px)}
.bishop.talk{animation:ffpop .26s ease-out 1}
.bishop{transform-origin:50% 90%}
:root{--bw:min(100vw - 24px,100dvh - 322px)}
:root{--bw:min(100vw - 24px,100dvh - 326px)}
.ovff .bishop{width:56px;max-width:56px;flex:none;height:auto;display:block}
#accueil{text-align:left;padding:0 0 8px;max-width:520px;margin:0 auto}
.streak{display:grid;gap:7px;margin:0 0 10px;padding:9px 12px 10px;border-radius:var(--r-l);background:var(--sheet);border:1px solid var(--edge);box-shadow:var(--lift)}
.streak .sk-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.streak .sk-l{font:600 11.5px/1.2 var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--mut);white-space:nowrap}
.streak .sk-n{font:500 14px/1.2 var(--f-ui);color:var(--fg);white-space:nowrap}
.streak .sk-n b{font:400 20px/1 var(--f-display);color:var(--cu2);margin-right:3px}
.streak .days{display:flex;justify-content:space-between}
.streak .days i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 11px/1 var(--f-ui);font-style:normal;background:var(--tint);color:#7d889c}
#accueil .hello{display:flex;align-items:center;gap:8px;margin:0 0 10px}
#accueil .hello .home-fifou{width:58px;height:auto;margin:0;flex:none}
#accueil .hsay{position:relative;flex:1;margin:0;padding:9px 12px;border-radius:var(--r-l) var(--r-l) var(--r-l) var(--r-xs);background:var(--sheet);border:1px solid var(--edge);box-shadow:var(--lift);color:var(--fg);font-size:14px;line-height:1.35;text-align:left}
.hero{display:grid;gap:10px;padding:12px;border-radius:var(--r-xl);background:linear-gradient(160deg,#24365a,#18243e 70%);border:1px solid rgba(var(--sel-rgb),.4);box-shadow:var(--lift)}
.htx{flex:1;min-width:0}
.hero .hn{margin:0;font:400 17px/1.22 var(--f-display)}
.hero .hring,.hero .hring svg{width:52px;height:52px}
.hff{flex:none;position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-b);background:var(--tint)}
.hff .bishop,.hff .ffp{display:block;flex:none!important;width:100%!important;max-width:100%;height:100%;min-width:0;overflow:hidden;border-radius:var(--r-b)}
.hff .bishop *,.hff .ffp *{animation:none}
.hff svg.acc{position:absolute;right:-4px;bottom:-2px;width:22px;height:22px;min-width:0!important}
.hero .hff{width:46px;height:50px}
#accueil .home-menu{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:10px 0 0;max-width:none}
#accueil .home-menu .home-card{grid-column:span 2;min-height:0;padding:12px 6px 10px;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;text-align:center;border-radius:var(--r-l);position:relative}
#accueil .home-menu #go-rep,#accueil .home-menu #go-modes{grid-column:span 3}
#accueil .home-menu .hc-txt{display:flex;flex-direction:column;align-items:center}
#accueil .home-menu .home-t{font:600 14px/1.15 var(--f-ui)!important;color:var(--fg)}
#accueil .home-menu .hc-sub,#accueil .home-menu .ring{display:none}
#accueil .hsay b{font-weight:700;color:var(--cu2)}
.hring{position:relative;width:64px;height:64px;flex:none}
.hring svg{width:64px;height:64px;transform:rotate(-90deg);display:block;min-width:0}
.hring circle{fill:none;stroke-width:6}
.hring .bg{stroke:#2a3a5c}
.hring .fg{stroke:var(--sel);stroke-linecap:round;transition:stroke-dashoffset .6s}
.hring b{position:absolute;inset:0;display:grid;place-items:center;font:700 14px/1 var(--f-ui);font-variant-numeric:tabular-nums}
#accueil .hgo{min-height:52px;border:0;border-radius:var(--r-b);background:var(--sel);color:var(--cu-ink);font:700 17px/1 var(--f-ui);display:flex;align-items:center;justify-content:center;gap:8px}
#accueil .hgo::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M7 4.5v15l13-7.5z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M7 4.5v15l13-7.5z%22/%3E%3C/svg%3E") center/contain no-repeat}
.streak .days i.on{background:var(--sel);color:var(--cu-ink)}
.streak .days i.td{box-shadow:0 0 0 1.5px rgba(var(--sel-rgb),.7)}
#accueil #go-train{display:none}
#su-go .ld-f .bishop{width:40px;height:40px}
:root{--bw:min(100vw - 24px,100dvh - 352px)}
body.tu-on #botnav{display:none}
.tu-ffs .bishop{display:block;width:76px;height:auto;max-width:none}
.tu-coach .tu-ffs .bishop{width:68px!important}
.tu-big .bishop{width:132px!important}
.md-ff .bishop{flex:none!important;display:block;height:auto}
.md-ff .bishop{width:46px!important;max-width:46px;height:54px}
body.scr-modes #accueil{display:none}
body.scr-pieges #accueil,body.scr-puzzles #accueil{display:none}
.pz-head .bishop{width:48px!important;max-width:48px;height:58px;flex:none;min-width:0}
.pz-ff .bishop{width:52px!important;max-width:52px;height:60px;min-width:0;display:block}
.rp-tete .bishop{width:56px;height:67px;flex:none;min-width:0}
.extiles .ex-f .bishop{width:56px;max-width:56px;height:62px;flex:none;display:block}
body.tu-visit #botnav{z-index:79}
.lrd-ff .bishop{flex:none!important;width:74px!important;max-width:74px!important;height:auto;margin-bottom:6px;animation:bob 2.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.lrd-ff .bishop{animation:none!important}}
.rpc .lrd-ok.ld .ld-f .bishop{width:34px;height:34px}
#botnav .nvb span{white-space:nowrap;font-size:15px!important;letter-spacing:-.01em}
@media (max-width:400px){#botnav .nvb span{font-size:min(15px,3.85vw)!important}}
#botnav .in{grid-template-columns:repeat(3,minmax(0,1fr))}
#accueil #go-tuto{display:none}
.streak{padding:8px 12px 9px;gap:6px;margin-bottom:8px}
.streak .days i{width:24px;height:24px}
#accueil .hello{margin-bottom:8px}
#accueil .hello .home-fifou{width:50px!important}
#accueil .hsay{font-size:13.5px;padding:8px 11px}
.hero{padding:clamp(14px,2.6vh,24px) 14px;gap:clamp(12px,2.4vh,22px);border-width:1.5px}
.hero .hff{width:clamp(66px,11vh,92px);height:clamp(70px,11.5vh,96px);border-radius:var(--r-l)}
.hero .hn{font-size:clamp(19px,2.9vh,23px)}
.hero .hring,.hero .hring svg{width:62px;height:62px}
.hero .hring b{font-size:15px}
#accueil .hgo{min-height:clamp(60px,9vh,72px);font-size:20px;border-radius:var(--r-l);box-shadow:0 6px 18px rgba(var(--sel-rgb),.28)}
#accueil .home-menu{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
#accueil .home-menu .home-card{grid-column:auto!important;flex-direction:row;justify-content:flex-start;text-align:left;padding:8px 10px;min-height:clamp(64px,9vh,76px);gap:10px}
#accueil .home-menu .hff{width:44px;height:44px}
#accueil .home-menu .hc-txt{align-items:flex-start}
#accueil .home-menu .home-t{font-size:14px;line-height:1.2}
.hff svg.cog.acc{position:absolute;right:-9px;bottom:-7px;width:30px;height:30px}
.hff svg.cog.acc .cg1{animation:cog1 18s linear infinite}
.hff svg.cog.acc .cg2{animation:cog2 18s linear infinite}
@media (max-width:820px), (pointer:coarse) and (max-width:1366px){:root{--bw:min(100vw - 24px,100dvh - 336px);--bubmax:calc(100dvh - var(--bw) - 244px);--ffw:clamp(48px,calc(100dvh - var(--bw) - 290px),76px)}}
.home-card{background-image:linear-gradient(180deg,rgba(255,255,255,.025),transparent 40%)}
.hero{background:linear-gradient(165deg,#283c63,#17233c 72%);border-color:rgba(var(--sel-rgb),.55);box-shadow:0 0 0 1px rgba(var(--sel-rgb),.12),0 22px 44px -18px rgba(var(--sel-rgb),.45)}
#accueil .hgo{background:linear-gradient(180deg,#eeaa74,#dc8d52);color:var(--cu-ink);box-shadow:0 4px 0 var(--cu3),0 12px 26px -8px rgba(var(--sel-rgb),.55);transition:transform .08s,box-shadow .08s}
#accueil .hgo:active{transform:translateY(4px);box-shadow:0 0 0 var(--cu3)!important}
@media (prefers-reduced-motion:reduce){#accueil .hgo{transition:none}}
.streak .sk-n b{font:800 20px/1 var(--f-ui)!important;font-variant-numeric:tabular-nums}
.ovbil.parfait .ovff .bishop{animation:ov-saut .6s cubic-bezier(.3,1.6,.5,1) .15s both}
@media (prefers-reduced-motion:reduce){.ovbil.parfait .ovff .bishop{animation:none}}
@media (max-width:820px), (pointer:coarse) and (max-width:1366px){:root{--kh:52px}}
.skd-ff .bishop{position:absolute;left:19px;top:6px;flex:none!important;min-width:0!important;width:68px!important;max-width:68px!important;height:auto;margin:0;animation:none}
.skd-ff .bishop *{animation:none!important}
@media (prefers-reduced-motion:reduce){.skd-ff .bishop{animation:none!important}}
.hring .fg{transition:stroke-dashoffset .6s,stroke .3s}
.hring .un{fill:none;stroke-linecap:round}
.hring .un{stroke-width:6}
.hring[data-sous="0"] .un{display:none}
.hring:not([data-sous="0"]) .fg{filter:drop-shadow(0 0 1.2px rgba(4,10,20,.85))}
body .hring[data-tour="2"] .fg{stroke:var(--defi-t2)}
body .hring[data-tour="3"] .fg{stroke:var(--defi-t3)}
body .hring[data-tour="4"] .fg{stroke:var(--defi-t4)}
body .hring[data-sous="1"] .un{stroke:var(--defi-t1)}
body .hring[data-sous="2"] .un{stroke:var(--defi-t2)}
body .hring[data-sous="3"] .un{stroke:var(--defi-t3)}
@media (prefers-reduced-motion:no-preference){.hring.tourfin svg{animation:tourfin .5s cubic-bezier(.2,.8,.2,1)}}
@media (max-width:820px), (pointer:coarse) and (max-width:1366px){:root{--g:6px;--fr:0px;--hd:38px;--cp:18px;--bub:80px;
    --bw:min(100vw - 2*var(--g) - 2*var(--fr),var(--apph,100dvh) - var(--navh) - var(--sat,0px) - 14px - var(--hd) - 2*var(--cp) - 2*var(--fr) - var(--kh) - var(--bub) - 34px)}}
html:has(>body.ec-accueil),body.ec-accueil{overflow:hidden;overscroll-behavior:none;height:100%}
body.ec-accueil{padding-block:0}
body.ec-accueil main{height:100dvh;display:flex;flex-direction:column;padding-top:max(clamp(6px,1.8dvh,16px),env(safe-area-inset-top,0px));padding-bottom:calc(var(--navh) + clamp(6px,1.6dvh,14px))}
body.ec-accueil #accueil{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 auto;min-height:0;gap:clamp(6px,1.5dvh,12px);padding:0;width:100%}
body.ec-accueil #accueil>*{flex:none;margin:0!important}
body.ec-accueil #accueil>.hero{flex:0 1 34dvh;align-content:center}
.streak{grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center;padding:clamp(6px,1.2dvh,10px) 12px;gap:clamp(4px,.9dvh,7px)}
.streak .sk-top,.streak .days{grid-column:2}
.streak .sk-top{flex-wrap:wrap;row-gap:2px}
.streak .sk-l{font-size:clamp(10px,3.1vw,11.5px)}
.streak .days{gap:2px}
.streak .days i{width:clamp(22px,3.6dvh,28px);height:clamp(22px,3.6dvh,28px)}
#accueil .streak>.home-fifou{grid-row:1/4;width:clamp(44px,9dvh,66px)!important;min-width:0;align-self:center;margin:0}
#accueil .streak .hsay{grid-column:2;padding:0;background:none;border:0;box-shadow:none;font-size:clamp(12.5px,2dvh,14px);line-height:1.3;color:var(--mut)}
.hero{padding:clamp(10px,2.2dvh,24px) clamp(10px,3.5vw,14px);gap:clamp(8px,3.2dvh,32px)}
.hero .hln{gap:clamp(8px,2.5vw,12px)}
.hero .hff{width:clamp(48px,12dvh,104px);height:clamp(50px,12.5dvh,108px)}
.hero .hn{font-size:clamp(16px,3dvh,25px)}
.hero .hring,.hero .hring svg{width:clamp(46px,min(8.5dvh,15vw),72px);height:clamp(46px,min(8.5dvh,15vw),72px)}
#accueil .hgo{min-height:clamp(48px,9dvh,76px);font-size:clamp(17px,2.6dvh,20px)}
#accueil .home-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
#accueil .home-menu .home-card{min-height:clamp(48px,10dvh,84px);padding:clamp(4px,.8dvh,8px) clamp(6px,2.5vw,10px);gap:clamp(6px,2.5vw,10px)}
#accueil .home-menu .home-t{font-size:clamp(12.5px,3.9vw,14px)!important}
#accueil .home-menu .hff{width:clamp(34px,6dvh,44px);height:clamp(34px,6dvh,44px)}
body.tu-visit #botnav.tu-spot{position:fixed;z-index:81;border-radius:0}
:root{--ico-undo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14L4 9l5-5'/%3E%3Cpath d='M4 9h10.5a5.5 5.5 0 0 1 0 11H11'/%3E%3C/svg%3E")}
#accueil>.hsc{display:none}
body.ec-accueil #accueil>.hero{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-content:stretch;gap:clamp(6px,1.4dvh,12px);padding:clamp(8px,1.4dvh,14px) clamp(10px,3.5vw,14px) clamp(10px,1.8dvh,16px);overflow:hidden}
.hero .hsc{position:relative;display:flex;align-items:flex-end;justify-content:center;flex:1 1 auto;min-height:0;margin:calc(-1*clamp(8px,1.4dvh,14px)) calc(-1*clamp(10px,3.5vw,14px)) 0}
.hero .hsc::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 75% at 45% 40%,rgba(var(--sel-rgb),.30),rgba(var(--sel-rgb),.07) 55%,transparent 75%);animation:fj-lueur 3s ease-in-out infinite;pointer-events:none}
.hero .hsc svg.fjou{position:relative;display:block;width:100%;height:100%;min-width:0;max-height:100%;overflow:hidden}
.hero .hsc .hring{position:absolute;top:clamp(6px,1.2dvh,12px);right:clamp(8px,3vw,14px);border-radius:50%;background:rgba(11,19,40,.72);box-shadow:0 0 0 3px rgba(11,19,40,.35)}
.hero .htx{min-width:0}
.hero .htx{text-align:center}
.hero .hk{display:flex;align-items:center;gap:clamp(8px,2.6vw,12px);margin:0;font:400 clamp(20px,3.3dvh,27px)/1.1 var(--f-display);color:var(--fg);text-wrap:balance}
.hero .hk::before,.hero .hk::after{content:"";flex:1 0 18px;min-width:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--sel-rgb),.7))}
.hero .hk::after{background:linear-gradient(270deg,transparent,rgba(var(--sel-rgb),.7))}
.fjou .fj-push{animation:fj-pousse 3s ease-in-out infinite}
.fjou .fj-tw>*{transform-box:fill-box;transform-origin:50% 50%;animation:fa-tw 2.4s ease-in-out infinite}
.fjou .fj-tw>:nth-child(2){animation-delay:-.8s}
.fjou .fj-tw>:nth-child(3){animation-delay:-1.6s}
@media (prefers-reduced-motion:reduce){.hero .hsc::before,.fjou .fj-push,.fjou .fj-tw>*{animation:none!important}}
body.ec-accueil #accueil>.hero.hsc-0{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px}
.hero.hsc-0 .hsc{grid-column:2;grid-row:1;flex:none;margin:0}
.hero.hsc-0 .hsc::before,.hero.hsc-0 .hsc svg.fjou{display:none}
.hero.hsc-0 .hsc .hring{position:relative;top:auto;right:auto}
.hero.hsc-0 .htx{grid-column:1;grid-row:1}
.hero.hsc-0 .hgo{grid-column:1/-1}
.streak{row-gap:clamp(5px,1.1dvh,9px);column-gap:14px;padding:clamp(8px,1.5dvh,12px) 14px}
.streak .sk-top{flex-direction:column;align-items:flex-start;gap:clamp(2px,.5dvh,4px)}
.streak .days{gap:4px}
.streak .sk-l{white-space:normal}
#accueil .streak .hsay{padding-top:clamp(5px,1dvh,8px);border-top:1px solid var(--line);border-radius:0}
@media (max-height:560px){.streak{row-gap:3px;padding-block:6px}
.streak .sk-l{white-space:nowrap;letter-spacing:.02em;font-size:10px}
#accueil .streak .hsay{padding-top:3px;font-size:12px;line-height:1.25}
#accueil .streak>.home-fifou{width:40px!important}}
#accueil #go-rep{display:none}
body.scr-boutique #accueil{display:none}
:root{--fifou-fs:16px;--fifou-lh:1.3}
body #accueil .hsay,body #accueil .streak .hsay{font-size:var(--fifou-fs)!important;line-height:var(--fifou-lh)!important}
.jlr .bishop{min-width:0}
.jlr-ff .md-ff .bishop{width:42px!important;max-width:42px;height:50px}
@media (max-height:700px){.jlr-ff .md-ff .bishop{width:36px!important;max-width:36px;height:44px}}
.bishop[data-a~="pensee"] .ac-pensee,.bishop[data-a~="engrenages"] .ac-engrenages{display:inline}
.jlr-adv .bishop{flex:none;width:clamp(42px,7.4dvh,62px)!important;max-width:none;height:clamp(50px,8.9dvh,74px);min-width:0}
@media (max-height:700px){.jlr-adv .bishop{width:44px!important;height:52px}}
@media (max-height:700px){.jlr-adv .bishop{width:40px!important;height:46px}}
.ovtff .bishop{min-width:0}
.jlav .bishop{flex:none!important;min-width:0!important;width:24px!important;max-width:24px;height:30px;margin-top:4px}
.bishop[data-a~="exclam"] .ac-exclam{display:inline}
.bishop[data-a~="rouge"] .ac-exclam .ex-bg{fill:#ff8a8f}
#ovsub .ovtff .bishop{width:50px!important;max-width:50px;height:60px;display:block}
.jlf .lrd-ff .bishop{width:72px!important;max-width:72px!important;height:auto;margin-bottom:5px;animation:none}
.djs .bishop{width:200px!important;height:240px!important;min-width:0!important;max-width:none!important;display:inline!important}
.fss{min-width:0;overflow:visible}
.fss .bishop *,.fss .bishop{animation:none!important}
.fss [class^="fs-"],.fss [class*=" fs-"]{transform-box:view-box}
.fss .fs-f{transform-origin:100px 222px}
.fs-a1 .fs-f{animation:fs-nod 3s ease-in-out infinite}
.fss .fs-tick{transform-origin:178px 112px;animation:fs-tick 3s cubic-bezier(.3,1.4,.5,1) infinite}
.fs-a2 .fs-f{animation:fs-sway 4s ease-in-out infinite}
.fss .fs-fl{transform-origin:160px 86px;animation:fs-flick .6s ease-in-out infinite alternate}
.fss .fs-sp{transform-box:fill-box;transform-origin:50% 50%;animation:fs-tw 1.6s ease-in-out infinite}
.fss .fs-sp.s2{animation-delay:-.5s}
.fss .fs-sp.s3{animation-delay:-1s}
.fs-a3 .fs-f{animation:fs-proud 3.2s ease-in-out infinite}
.fss .fs-shine{animation:fs-shine 3.2s ease-in-out infinite}
.fs-a4 .fs-f{animation:fs-lean 3s ease-in-out infinite}
.fss .fs-glint{animation:fs-glint 3s ease-in-out infinite}
.fss .fs-pip.on{fill:#e0955a}
@media (prefers-reduced-motion:reduce){.fss *{animation:none!important}}
.fss:not(.fs-fait) .fs-tick{display:none}
.fss .bishop,.hff .fss .bishop,#accueil .fss .bishop{width:200px!important;height:240px!important;min-width:0!important;max-width:none!important;flex:none!important;display:inline!important;overflow:visible!important;border-radius:0!important}
.hff .fss{display:block;width:100%;height:100%;min-width:0;overflow:visible}
.ff-s .ffd{display:none}
.ff-s [stroke="#0b1328"][stroke-width="5"]{stroke-width:8.5}
.ff-s [stroke="#0b1328"][stroke-width="4"]{stroke-width:7}
.ff-s [stroke="#0b1328"][stroke-width="3.5"]{stroke-width:5.5}
.ff-s [stroke="#0b1328"][stroke-width="5.5"]{stroke-width:7.5}
.ff-s [stroke="#0b1328"][stroke-width="6.5"]{stroke-width:8.5}
.ff-s [stroke="#0b1328"][stroke-width="3.6"]{stroke-width:6}
.ff-s [stroke="#f2b27a"][stroke-width="9"]{stroke-width:14}
.ff-s circle[fill="#0b1328"][r="6.0"],.ff-s circle[fill="#0b1328"][r="6"]{r:7.5}
.ff-s circle[fill="#fff"][r="4.1"]{r:4.6}
.rap-ff .bishop{display:block;width:96px!important;max-width:96px!important;min-width:0!important;height:112px!important;flex:none!important}
@media (max-height:600px){.rap-ff .bishop{width:72px!important;max-width:72px!important;height:84px!important}}
@media (min-width:700px) and (max-width:820px), (pointer:coarse) and (min-width:700px) and (max-width:1366px){:root{--bw:min(min(100vw,760px) - 2*var(--g) - 2*var(--fr),var(--apph,100dvh) - var(--navh) - var(--sat,0px) - 14px - var(--hd) - 2*var(--cp) - 2*var(--fr) - var(--kh) - var(--bub) - 34px)}}
@media (max-height:520px), (max-width:300px){html:has(>body.ec-accueil){overflow-x:hidden;overflow-y:auto;height:auto}
body.ec-accueil{overflow:visible;height:auto}
body.ec-accueil main{height:auto;min-height:var(--apph,100dvh)}}
@media (max-height:520px) and (max-width:820px), (max-width:300px) and (max-height:900px){:root{--bw:min(100vw - 2*var(--g) - 2*var(--fr),max(var(--apph,100dvh) - var(--navh) - var(--sat,0px) - 14px - var(--hd) - 2*var(--cp) - 2*var(--fr) - var(--kh) - var(--bub) - 34px,var(--apph,100dvh) - var(--navh) - var(--sat,0px) - var(--hd) - 2*var(--cp) - var(--kh) - 40px))}}
@media (max-width:300px){#botnav .nvb span{font-size:11px!important;white-space:normal;line-height:1.1;text-align:center}}
@media (max-width:250px){.streak .sk-l,#accueil .home-t{white-space:normal;overflow-wrap:anywhere;min-width:0}
#accueil .home-card .hc-txt{min-width:0}
.rp-tete>svg.bishop{display:none}}
:root{--sat:max(0px,env(safe-area-inset-top,0px) - 8px)}
:root{--tuz:calc(var(--sat) + env(safe-area-inset-bottom,0px))}
.tu-rtop.tu-cmp .tu-ffs .bishop{width:56px!important;max-width:56px}
@keyframes bob{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-6px) rotate(-3deg)}70%{transform:translateY(-3px) rotate(3deg)}}
@keyframes cog1{to{transform:rotate(360deg)}}
@keyframes cog2{to{transform:rotate(-514deg)}}
@keyframes ffpop{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes fj-lueur{0%,100%{opacity:.8}50%{opacity:1}}
@keyframes fj-pousse{0%,60%,100%{transform:none}75%{transform:translateX(3px)}}
@keyframes fs-flick{from{transform:scale(.94,.9)}to{transform:scale(1.04,1.08)}}
@keyframes fs-glint{0%,40%,100%{opacity:.2}55%{opacity:1}}
@keyframes fs-lean{0%,100%{transform:none}50%{transform:rotate(3deg) translateX(3px)}}
@keyframes fs-nod{0%,60%,100%{transform:none}70%{transform:translateY(3px) rotate(1.5deg)}82%{transform:translateY(-2px)}}
@keyframes fs-proud{0%,100%{transform:none}50%{transform:scale(1.03,1.04)}}
@keyframes fs-shine{0%,40%,100%{opacity:0;transform:translateX(-36px)}55%{opacity:1}70%{opacity:0;transform:translateX(10px)}}
@keyframes fs-sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes fs-tick{0%,55%{transform:scale(0);opacity:0}68%{transform:scale(1.2);opacity:1}76%,92%{transform:none;opacity:1}100%{transform:none;opacity:0}}
@keyframes fs-tw{0%,100%{transform:scale(.4);opacity:.3}50%{transform:scale(1);opacity:1}}
@keyframes ov-saut{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-14px) scale(1.06)}70%{transform:translateY(0) scale(.97)}100%{transform:none}}
@keyframes tourfin{0%{scale:1}40%{scale:1.16}100%{scale:1}}

/* === Composants communs (bouton cuivre, cartes de section, segments, interrupteur) === */
.tcard{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-m);padding:14px 16px;min-width:0}
@media (max-width:820px), (pointer:coarse) and (max-width:1366px){.tcard,.tcard *{font-size:16px}}
.su-h{font:400 24px/1.2 var(--f-display);margin:4px 0 6px}
.su-p{margin:0 0 14px;color:var(--fg)}
.su-go{width:100%;min-height:56px;border-radius:var(--r-b);border:0;background:var(--sel);color:var(--cu-ink);font:700 18px var(--f-ui);cursor:pointer;margin:4px 0 8px;position:sticky;bottom:calc(var(--navh) + 8px);box-shadow:0 6px 18px rgba(0,0,0,.4)}
.su-go:focus-visible{outline:3px solid var(--fg);outline-offset:2px}
.su-go .su-n{display:block;font-size:14px;font-weight:500;opacity:.9;margin-top:2px}
#parametres .tcard{margin-bottom:12px}
.sw:focus-visible{outline:3px solid var(--sel);outline-offset:2px}
.sw{width:58px;height:34px;min-height:34px;border-radius:var(--r-pill);border:2px solid var(--line);background:var(--tint);position:relative;padding:0;flex:none;cursor:pointer}
.sw i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--mut);transition:transform .15s}
.sw.on{background:var(--sel);border-color:var(--sel)}
.sw.on i{transform:translateX(24px);background:var(--cu-ink)}
@media (prefers-reduced-motion:reduce){.sw i{transition:none}}
.su-h{font-weight:400}
.su-h{font:var(--t1)}
.tcard,#parametres .tcard{border:1px solid var(--edge)!important;box-shadow:var(--lift)}
.su-go{background:var(--sel);border-color:var(--sel);color:var(--cu-ink)}
#parametres .swrow label{flex:1;min-width:0;min-height:44px;display:flex;justify-content:center;cursor:pointer}
#parametres .sw{width:52px;height:32px;min-height:32px;border:0;background:#2b3651;position:relative}
#parametres .sw::before{content:"";position:absolute;inset:-6px -2px}
#parametres .sw i{top:4px;left:4px;background:var(--mut)}
#parametres .sw.on{background:var(--sel)}
#parametres .sw.on i{transform:translateX(20px);background:var(--cu-ink)}
.tcard,#parametres .tcard{background-image:linear-gradient(180deg,rgba(255,255,255,.025),transparent 40%)}
.su-h{font-weight:400}
#parametres .sw{background:transparent;box-shadow:inset 0 0 0 2px rgba(var(--mut-rgb),.55)}
#parametres .sw i{background:#d9d2c6}
#parametres .sw.on{background:var(--sel);box-shadow:none}
#parametres .sw.on i{background:#fbf7f0}
#parametres .swrow label{flex-direction:row;justify-content:flex-start;align-items:center;text-align:left}
.jlr-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.jlr-seg button{min-height:clamp(56px,8.5dvh,72px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px;border-radius:var(--r-m);border:1px solid var(--line);background:var(--bg);color:var(--fg);font:600 14px/1.1 var(--f-ui);cursor:pointer}
.jlr-seg button.on{border-color:var(--sel);background:var(--tint);color:var(--sel)}
.jlr-seg img{width:28px;height:28px;display:block}
.jlr-2{display:flex}
.jlr-2 img+img{margin-left:-8px}
.jlr-seg button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
@media (max-height:700px){.jlr-seg button{min-height:46px;flex-direction:row;gap:6px}
.jlr-seg img{width:22px;height:22px}}
@media (max-height:700px){.jlr-seg button{min-height:42px}}
@media (max-width:250px){h2.su-h,.su-p{overflow-wrap:anywhere;min-width:0}
.jlr-seg{grid-template-columns:minmax(0,1fr)!important;display:grid}}

/* ---- 3. Paramètres et fenêtre « Signaler un bug » (0.33.1) : règles #settings .st-*, .xp-* (fenêtres), .rt-* (signaler) d'Openings 3.1.281, #settings → #parametres ---- */
.st-h{font:600 17px/1.3 var(--f-ui);margin:0 0 10px}
.st-h{font:600 17px/24px var(--f-ui)}
.st-lic{margin:20px 0 0;text-align:center;font-size:13px}
.st-lic a{color:inherit;opacity:.7}
#parametres .st-big{width:200px;max-width:70%;margin:2px auto 12px}
#parametres .st-big .pvsvg{max-width:none;width:100%;border-radius:var(--r-m);box-shadow:0 0 0 1.5px rgba(var(--sel-rgb),.45),0 8px 22px rgba(0,0,0,.35)}
#parametres .st-l{margin:10px 0 6px;font:var(--t4);color:var(--gris);text-transform:uppercase;letter-spacing:.08em}
#parametres .pcar{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:2px 2px 8px;margin:0 -2px;scrollbar-width:none;touch-action:pan-x pan-y}
#parametres .pcar::-webkit-scrollbar{display:none}
#parametres .pcar .popt{flex:0 0 88px;width:88px;scroll-snap-align:start;padding:6px;gap:4px;border-width:2px}
#parametres .pcar .popt span{font-size:12.5px;line-height:1.15;text-align:center}
#parametres .pcar .pvsvg{max-width:74px}
#parametres .st-row{padding:12px 0;border-top:1px solid var(--edge)}
#parametres .st-sec .st-h+.swrow{border-top:0;padding-top:0}
#parametres .st-sec>.st-row:first-of-type{margin-top:6px}
#parametres .st-go{flex:none;min-height:40px;padding:0 16px;border:1px solid rgba(var(--sel-rgb),.55);border-radius:var(--r-m);background:var(--tint);color:var(--cu2);font:600 14px/1 var(--f-ui);cursor:pointer}
#parametres .st-sec{border-radius:var(--r-l);padding:6px 16px 8px;margin-bottom:14px}
#parametres .st-gt{display:flex;align-items:center;gap:10px;margin:8px 0 4px;font:400 20px/1.2 var(--f-display)}
#parametres .st-ff{display:inline-flex;flex:none;width:34px;height:38px}
#parametres .st-ff .bishop{width:34px!important;max-width:34px;min-width:0;height:38px;flex:none!important}
#parametres .st-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:4px 0;border-top:1px solid var(--edge)}
#parametres .st-sec .st-gt+.st-row{border-top:0}
#parametres .st-row b{font:600 16px/1.25 var(--f-ui);color:var(--fg)}
#parametres .swrow label{flex:1;min-width:0;min-height:44px;display:flex;justify-content:center;cursor:pointer}
#parametres .st-val{font:500 14px/1.2 var(--f-ui);color:var(--sel);text-align:right}
#parametres .pcar{padding:2px 2px 12px}
#parametres .pcar .popt{flex:0 0 76px;width:76px;padding:5px;gap:4px;border-radius:var(--r-m)}
#parametres .pcar .popt span{font-size:12px!important}
#parametres .pcar .pvsvg{max-width:64px}
#parametres .st-link{width:100%;min-height:52px;padding:4px 0;background:none;border:0;border-radius:0;text-align:left;cursor:pointer}
#parametres .st-chev{color:var(--mut);font-size:22px;line-height:1}
#parametres .st-link .st-val{margin-left:auto}
#parametres .st-mut b{color:var(--mut)}
#parametres .st-lic{margin:18px 0 6px;text-align:center}
#parametres .st-lic a{display:inline-block;min-height:44px;line-height:44px;padding:0 12px;font:500 13px/44px var(--f-ui);color:var(--mut);text-decoration:none;opacity:1}
#parametres .st-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
#parametres .st-ff .ffp{display:block;width:38px!important;max-width:38px!important;min-width:0!important;height:38px!important;flex:none!important}
#parametres .st-ff .ffp *{animation:none!important}
#parametres .st-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:2px 0 12px}
#parametres .st-seg button{min-height:44px;padding:6px 4px;border-radius:var(--r-m);border:1.5px solid var(--line);background:var(--tint);color:var(--fg);font:600 14px/1.1 var(--f-ui);cursor:pointer}
#parametres .st-seg button.on{background:var(--sel);border-color:var(--sel);color:var(--cu-ink)}
#parametres .pcar{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);padding-right:28px}
#parametres .st-top{margin-bottom:6px}
#parametres .st-sec{padding:12px 18px 10px;margin-bottom:18px}
#parametres .st-gt{margin:6px 0 10px}
#parametres .st-lab{margin:14px 0 10px;font:600 13px/1.2 var(--f-ui);color:var(--gris);text-transform:uppercase;letter-spacing:.08em}
#parametres .st-gt+.st-lab{margin-top:4px}
#parametres .pcar .popt{flex:0 0 92px;width:92px}
#parametres .pcar .pvsvg{max-width:78px}
#parametres .st-row{min-height:60px;gap:14px;padding:8px 0}
#parametres .st-ic{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--r-m);background:var(--tint);color:var(--sel)}
#parametres .st-ic svg{display:block;width:22px;height:22px;min-width:0}
#parametres .swrow label{flex-direction:row;justify-content:flex-start;align-items:center;text-align:left}
#parametres .st-row.st-vr{justify-content:flex-start}
#parametres .st-seg{padding:0 0 14px}
#parametres .st-link b{flex:1}
.rt-toast{position:fixed;white-space:nowrap;left:50%;bottom:calc(var(--navh) + 16px);z-index:400;transform:translate(-50%,8px);max-width:calc(100% - 32px);padding:10px 18px;border-radius:999px;background:rgba(var(--fg-rgb),.94);color:rgb(var(--bg-rgb));font-weight:600;font-size:15px;line-height:1.3;text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}
.rt-toast.on{opacity:1;transform:translate(-50%,0)}
.xp-ff{display:block;line-height:0}
.xp-ff .bishop{display:block;width:100%!important;max-width:none;height:auto!important;min-width:0}
.xp-buy{display:block;width:100%;min-height:52px;border-radius:var(--r-b);border:0;background:var(--sel);color:var(--cu-ink);font:700 17px/1.2 var(--f-ui);box-shadow:0 6px 18px rgba(0,0,0,.4);cursor:pointer;padding:8px 12px}
.xp-buy small{display:block;font:500 12.5px var(--f-ui);opacity:.8}
.xp-rest{display:block;margin:6px auto 0;background:none;border:0;color:var(--cu2);font:600 14px var(--f-ui);text-decoration:underline;text-underline-offset:3px;padding:6px;cursor:pointer}
.xp-buy{min-height:clamp(48px,7dvh,56px);padding:6px 12px}
.xp-ov{position:fixed;inset:0;z-index:700}
.xp-dim{position:absolute;inset:0;background:rgba(5,9,18,.62)}
.xp-sh{position:absolute;left:0;right:0;bottom:0;max-width:560px;margin:0 auto;background:var(--sheet);border-radius:var(--r-xxl) var(--r-xxl) 0 0;border-top:1px solid var(--edge);padding:10px 16px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(0,0,0,.45)}
.xp-sh:before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 10px}
.xp-sh-h{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.xp-sh-h h3{font:var(--t2);margin:0}
.xp-card{display:grid;place-items:center;padding:16px;background:rgba(5,9,18,.72)}
.xp-c{width:100%;max-width:380px;background:var(--sheet);border:1px solid var(--edge);border-radius:var(--r-xxl);padding:16px;text-align:center;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.xp-c .xp-ff{width:92px;margin:0 auto 6px}
.xp-c h3{font:var(--t2);margin:0 0 6px}
.xp-c p{margin:0 0 12px;font-size:15px;line-height:21px}
.rt-sh{max-height:calc(100% - 8px);overflow:auto;display:flex;flex-direction:column}
.rt-sh>*{flex:none}
.rt-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 8px}
.rt-seg button{min-height:40px;border-radius:var(--r-m);border:1.5px solid var(--line);background:var(--tint);color:var(--fg);font:600 14px var(--f-ui);cursor:pointer}
.rt-seg button.on{background:var(--sel);border-color:var(--sel);color:var(--cu-ink)}
.rt-tx{width:100%;box-sizing:border-box;height:96px;resize:none;border-radius:var(--r-m);border:1.5px solid var(--line);background:var(--bg);color:var(--fg);font:16px/20px var(--f-ui);padding:8px 10px}
.rt-tx::placeholder{color:var(--mut)}
.rt-tx:focus{outline:none;border-color:var(--sel)}
.rt-n{display:flex;justify-content:flex-end;font:12px var(--f-ui);color:var(--mut);margin:2px 0 6px}
.rt-inf{border:1px solid var(--line);border-radius:var(--r-m);padding:8px 10px 6px;margin:0 0 10px}
.rt-inf>label{display:flex;align-items:center;gap:8px;font:600 14px var(--f-ui);cursor:pointer}
.rt-inf input{accent-color:var(--sel);width:18px;height:18px;margin:0}
.rt-chips{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 0}
.rt-chip,.rt-chip[aria-pressed]{min-height:30px;min-width:0;display:inline-flex;align-items:center;gap:4px;font:12.5px/16px var(--f-ui);padding:4px 8px;border-radius:var(--r-pill,999px);background:var(--tint);border:1px solid var(--line);color:var(--fg);text-align:left;cursor:pointer}
.rt-chip:before{content:"✓";color:var(--sel);font-weight:700}
.rt-chip[aria-pressed].off{opacity:.5;text-decoration:line-through}
.rt-chip.off:before{content:"✕";color:var(--mut)}
.rt-aide{font:12px/15px var(--f-ui);color:var(--mut);margin:4px 0 0}
.rt-plein{font:15px/21px var(--f-ui);text-align:center;margin:4px 0 14px}
@media (max-height:660px){.rt-tx{height:64px}
.rt-sh .xp-sh-h{margin-bottom:6px}}
#parametres .st-rap-note{margin:2px 0 6px;font:400 13px/1.4 var(--f-ui);color:var(--mut)}
@media (max-width:250px){#parametres .st-row{flex-wrap:wrap;row-gap:4px}
#parametres .st-row b{flex:1 1 0;min-width:0;overflow-wrap:anywhere}
#parametres .st-link .st-val{min-width:0;overflow-wrap:anywhere}
#parametres .st-chev{display:none}}
/* Curseur commun (0.26.0, commun/curseur.js) : piste remplie de cuivre, poignée ronde, bulle de la valeur qui suit, crans marqués.
   --R = demi-largeur de la poignée = demi-largeur du pouce natif : la poignée dessinée tombe pile sous le doigt. Aucune transition (pas de clignement). */
.curseur{position:relative;height:96px;--R:17px;--p:0;--x:calc(var(--R) + (100% - 2*var(--R))*var(--p))}
.curseur .cr-in{position:absolute;z-index:3;left:0;right:0;top:26px;width:100%;height:52px;margin:0;padding:0;opacity:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;touch-action:pan-y}
.curseur .cr-in::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:34px;height:52px}
.curseur .cr-in::-moz-range-thumb{width:34px;height:52px;border:0;background:transparent}
.curseur .cr-tr{position:absolute;left:0;right:0;top:52px;height:12px;border-radius:var(--r-pill);background:var(--line);overflow:hidden}
.curseur .cr-tr i{position:absolute;left:0;top:0;bottom:0;width:var(--x);border-radius:var(--r-pill);background:linear-gradient(180deg,var(--cu2),var(--sel))}
.curseur .cr-po{position:absolute;z-index:2;top:41px;left:var(--x);width:34px;height:34px;margin-left:-17px;border-radius:50%;background:var(--fg);box-shadow:0 0 0 5px var(--sel) inset,0 3px 10px rgba(0,0,0,.55);pointer-events:none}
.curseur .cr-in:focus-visible~.cr-po{outline:2px solid var(--fg);outline-offset:3px}
.curseur .cr-bul{position:absolute;top:2px;left:clamp(56px,var(--x),calc(100% - 56px));transform:translateX(-50%);display:flex;align-items:baseline;gap:5px;padding:6px 12px;border-radius:var(--r-pill);background:var(--sel);color:var(--cu-ink);white-space:nowrap;box-shadow:0 4px 12px -4px rgba(0,0,0,.6);pointer-events:none}
.curseur .cr-bul output{font:700 16px/1 var(--f-ui);font-variant-numeric:tabular-nums}
.curseur .cr-bul small{font:600 12.5px/1 var(--f-ui);opacity:.85}
.curseur .cr-bul small:empty{display:none}
.curseur .cr-fl{position:absolute;top:30px;left:var(--x);margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:var(--sel);pointer-events:none}
.curseur .cr-ech{position:absolute;left:0;right:0;top:78px;height:18px;font:600 12.5px/18px var(--f-ui);color:var(--mut);font-variant-numeric:tabular-nums}
.curseur .cr-ech span{position:absolute;left:calc(var(--R) + (100% - 2*var(--R))*var(--i));transform:translateX(-50%);white-space:nowrap}
.curseur .cr-ech span::before{content:"";position:absolute;left:50%;top:-8px;width:2px;height:6px;margin-left:-1px;border-radius:1px;background:currentColor;opacity:.6}
.curseur .cr-ech span.on{color:var(--fg)}