/* Les six animations de KarFlow, préparées par build/anim.mjs.
   Ne pas modifier ici : les sources sont dans build/anim-src/, et chaque
   sélecteur est enfermé sous l'enveloppe de son animation. */
/* ---- parcours ---- */
.kf-anim-parcours .kf-anim__page{
  --frame-bg:#eef1f6; --frame-ink:#0f172a; --frame-mut:#64748b;
  --pastille:#f8fafc;
  --d:160px; --t:24px; --gouttiere:24px;
}.kf-anim-parcours [data-frame="dark"]{
  --frame-bg:#16233d; --frame-ink:#f1f5f9; --frame-mut:#94a3b8;
}.kf-anim-parcours .kf-anim__page{
  margin:0; font-family:system-ui,"Segoe UI",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
}.kf-anim-parcours .kfp{
  position:relative; box-sizing:border-box;
  background:var(--frame-bg); color:var(--frame-ink);
  padding:56px 26px 60px; overflow:clip;
}.kf-anim-parcours .kfp__corps{
  display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);
  gap:44px; align-items:start;
  max-width:1160px; margin:0 auto;
}.kf-anim-parcours .kfp__liste{ margin:0; padding:0; list-style:none; }.kf-anim-parcours .kfp__etape{
  display:grid; grid-template-columns:1fr var(--d) 1fr;
  align-items:center; height:var(--d);
  transition:opacity .18s ease;
}.kf-anim-parcours .kfp__ruban{
  grid-column:2; grid-row:1; position:relative;
  width:var(--d); height:var(--d);
}.kf-anim-parcours .kfp__arc{
  position:absolute; inset:0; box-sizing:border-box;
  border:var(--t) solid var(--teinte); border-radius:50%;
  clip-path:var(--coupe);
}.kf-anim-parcours .kfp__rail{
  display:none; position:absolute;
  left:calc(50% - 1.5px); width:3px; top:var(--d); bottom:0;
  background:var(--teinte); opacity:var(--bas);
}.kf-anim-parcours .kfp__cercle{
  position:absolute; top:var(--t); left:var(--t);
  width:calc(var(--d) - 2 * var(--t));
  height:calc(var(--d) - 2 * var(--t));
  border-radius:50%; display:grid; place-items:center;
  background:var(--pastille); color:var(--encre);
  box-shadow:0 0 0 3px var(--frame-bg);
}.kf-anim-parcours .kfp__cercle svg{ width:44%; height:44%; }.kf-anim-parcours .kfp__texte{
  grid-column:var(--col); grid-row:1;
  display:flex; flex-direction:column; gap:6px;
  padding-inline:var(--gouttiere);
  text-align:var(--align);
}.kf-anim-parcours .kfp__rang{
  display:flex; align-items:baseline; gap:10px;
  justify-content:var(--justif);
}.kf-anim-parcours .kfp__num{
  font-size:12px; font-weight:700; letter-spacing:.06em;
  font-variant-numeric:tabular-nums; color:var(--frame-mut);
}.kf-anim-parcours .kfp__titre{
  margin:0; font-size:clamp(16px,1.35vw,19px); line-height:1.2;
  font-weight:600; letter-spacing:-.01em; text-wrap:balance;
  color:var(--frame-ink);
}.kf-anim-parcours .kfp__ligne{
  margin:0; font-size:13px; line-height:1.5;
  color:var(--frame-ink); opacity:.78; text-wrap:pretty;
}.kf-anim-parcours .kfp__scene{
  position:sticky; top:96px; align-self:start;
  min-height:480px;
}.kf-anim-parcours .kfp__grand{ display:none; margin:0; }.kf-anim-parcours .kfp__disque{
  display:block; width:min(340px,100%); aspect-ratio:1;
  margin-inline:auto; border-radius:50%; overflow:hidden;
  background:#0a1220;
  box-shadow:0 0 0 10px var(--teinte), 0 18px 44px rgba(5,10,20,.45);
}.kf-anim-parcours .kfp__disque img{ display:block; width:100%; height:100%; object-fit:cover; }.kf-anim-parcours .kfp__legende{
  margin:34px 0 0; display:flex; flex-direction:column;
  align-items:center; gap:8px; text-align:center;
}.kf-anim-parcours .kfp__gtitre{
  margin:0; font-size:clamp(20px,2vw,26px); line-height:1.15;
  font-weight:600; letter-spacing:-.015em; color:var(--frame-ink);
}.kf-anim-parcours .kfp__gqui{ font-size:13px; color:var(--frame-mut); }.kf-anim-parcours .kfp__badges{ display:flex; flex-wrap:wrap; gap:6px; justify-content:center; }.kf-anim-parcours .kfp__badge{
  font-size:11.5px; font-weight:600; line-height:1;
  padding:5px 9px; border-radius:8px;
}.kf-anim-parcours .kfp__corps:not(:has(.kfp__etape:hover)):not(:has(.kfp__etape:focus-within)) .kfp__grand[data-i="1"]{ display:block }.kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="1"]:hover) .kfp__grand[data-i="1"], .kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="1"]:focus-within) .kfp__grand[data-i="1"]{ display:block }.kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="2"]:hover) .kfp__grand[data-i="2"], .kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="2"]:focus-within) .kfp__grand[data-i="2"]{ display:block }.kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="3"]:hover) .kfp__grand[data-i="3"], .kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="3"]:focus-within) .kfp__grand[data-i="3"]{ display:block }.kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="4"]:hover) .kfp__grand[data-i="4"], .kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="4"]:focus-within) .kfp__grand[data-i="4"]{ display:block }.kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="5"]:hover) .kfp__grand[data-i="5"], .kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="5"]:focus-within) .kfp__grand[data-i="5"]{ display:block }.kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="6"]:hover) .kfp__grand[data-i="6"], .kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="6"]:focus-within) .kfp__grand[data-i="6"]{ display:block }.kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="7"]:hover) .kfp__grand[data-i="7"], .kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="7"]:focus-within) .kfp__grand[data-i="7"]{ display:block }.kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="8"]:hover) .kfp__grand[data-i="8"], .kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="8"]:focus-within) .kfp__grand[data-i="8"]{ display:block }.kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="9"]:hover) .kfp__grand[data-i="9"], .kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="9"]:focus-within) .kfp__grand[data-i="9"]{ display:block }.kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="10"]:hover) .kfp__grand[data-i="10"], .kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="10"]:focus-within) .kfp__grand[data-i="10"]{ display:block }.kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="11"]:hover) .kfp__grand[data-i="11"], .kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="11"]:focus-within) .kfp__grand[data-i="11"]{ display:block }.kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="12"]:hover) .kfp__grand[data-i="12"], .kf-anim-parcours .kfp__corps:has(.kfp__etape[data-i="12"]:focus-within) .kfp__grand[data-i="12"]{ display:block }.kf-anim-parcours .kfp__corps:has(.kfp__etape:hover) .kfp__etape:not(:hover){ opacity:.45 }.kf-anim-parcours .kfp__corps:has(.kfp__etape:focus-within) .kfp__etape:not(:focus-within){ opacity:.45 }.kf-anim-parcours .kfp__etape:hover .kfp__cercle{ box-shadow:0 0 0 3px var(--frame-bg), 0 8px 18px rgba(5,10,20,.35) }.kf-anim-parcours .kfp__etape:focus-visible{ outline:none }.kf-anim-parcours .kfp__etape:focus-visible .kfp__cercle{ outline:2px solid var(--teinte); outline-offset:4px }@media (max-width:1023px){.kf-anim-parcours .kf-anim__page{ --d:96px; --gouttiere:16px; }.kf-anim-parcours .kfp{ padding:38px 16px 44px; }.kf-anim-parcours .kfp__corps{ grid-template-columns:minmax(0,1fr); gap:0; }.kf-anim-parcours .kfp__scene{ display:none; }.kf-anim-parcours .kfp__etape{
    grid-template-columns:var(--d) minmax(0,1fr);
    height:auto; min-height:calc(var(--d) + 26px);
    align-items:start;
  }.kf-anim-parcours .kfp__ruban{ grid-column:1; grid-row:1; height:auto; align-self:stretch; }.kf-anim-parcours .kfp__arc{ display:none; }.kf-anim-parcours .kfp__rail{ display:block; }.kf-anim-parcours .kfp__cercle{ top:0; left:0; width:var(--d); height:var(--d); }.kf-anim-parcours .kfp__texte{
    grid-column:2; grid-row:1; text-align:left;
    padding-inline:var(--gouttiere) 0; padding-block:2px 22px;
  }.kf-anim-parcours .kfp__rang{ justify-content:flex-start; }.kf-anim-parcours .kfp__titre{ font-size:17px; }.kf-anim-parcours .kfp__ligne{ font-size:13.5px; }.kf-anim-parcours .kfp__corps:has(.kfp__etape:hover) .kfp__etape:not(:hover){ opacity:1 }.kf-anim-parcours .kfp__corps:has(.kfp__etape:focus-within) .kfp__etape:not(:focus-within){ opacity:1 }
}@media (min-width:720px) and (max-width:1023px){.kf-anim-parcours .kf-anim__page{ --d:132px; --gouttiere:26px; }.kf-anim-parcours .kfp{ padding:48px 24px 54px; }.kf-anim-parcours .kfp__texte{ max-width:64ch; padding-block:8px 26px; }.kf-anim-parcours .kfp__titre{ font-size:20px; }
}@media (prefers-reduced-motion: reduce){.kf-anim-parcours .kfp__etape{ transition:none }
}

/* ---- tableau ---- */
.kf-anim-tableau .kf-anim__page{ margin: 0; background: #dfe4ec; font-family: Inter, system-ui, sans-serif; }@keyframes kfPulse--tableau{ 0%,100% { transform: scale(1); opacity: 1 } 50% { transform: scale(1.55); opacity: .35 } }@media (max-width: 699px){.kf-anim-tableau [data-narrow-hide]{ display: none } }@media (min-width: 700px){.kf-anim-tableau [data-panels]{ grid-template-columns: 1fr 1fr !important } }

/* ---- equipe ---- */
.kf-anim-equipe .x{animation-duration:var(--T);animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.4,0,.2,1)}.kf-anim-equipe .aOut{animation-name:aOut--equipe}.kf-anim-equipe .aIn{animation-name:aIn--equipe}.kf-anim-equipe .bOut{animation-name:bOut--equipe}.kf-anim-equipe .bIn{animation-name:bIn--equipe}.kf-anim-equipe .cOut{animation-name:cOut--equipe}.kf-anim-equipe .cIn{animation-name:cIn--equipe}.kf-anim-equipe .dOut{animation-name:dOut--equipe}.kf-anim-equipe .dIn{animation-name:dIn--equipe}.kf-anim-equipe .bar{animation-name:bar--equipe}.kf-anim-equipe .pulse{animation-name:pulse--equipe;animation-duration:2s;animation-timing-function:ease-out}.kf-anim-equipe .mW{animation-name:moveW--equipe;z-index:3}.kf-anim-equipe .mN{animation-name:moveN--equipe;z-index:2}.kf-anim-equipe .mK{animation-name:moveK--equipe;z-index:2}.kf-anim-equipe .mF{animation-name:moveF--equipe;z-index:2}.kf-anim-equipe .tc{animation-name:typeCover--equipe;animation-timing-function:steps(6,end)}.kf-anim-equipe .cut{animation-name:cut--equipe}@keyframes pulse--equipe{0%,100%{transform:scale(1);opacity:1}55%{transform:scale(2.1);opacity:0}}@keyframes aOut--equipe{0%,12.3%{opacity:1}15.3%,99.3%{opacity:0}99.4%,100%{opacity:1}}@keyframes aIn--equipe{0%,12.3%{opacity:0}15.3%,99.3%{opacity:1}99.4%,100%{opacity:0}}@keyframes bOut--equipe{0%,52.3%{opacity:1}55.3%,99.3%{opacity:0}99.4%,100%{opacity:1}}@keyframes bIn--equipe{0%,52.3%{opacity:0}55.3%,99.3%{opacity:1}99.4%,100%{opacity:0}}@keyframes cOut--equipe{0%,69%{opacity:1}72%,99.3%{opacity:0}99.4%,100%{opacity:1}}@keyframes cIn--equipe{0%,69%{opacity:0}72%,99.3%{opacity:1}99.4%,100%{opacity:0}}@keyframes dOut--equipe{0%,85.7%{opacity:1}88.7%,99.3%{opacity:0}99.4%,100%{opacity:1}}@keyframes dIn--equipe{0%,85.7%{opacity:0}88.7%,99.3%{opacity:1}99.4%,100%{opacity:0}}@keyframes bar--equipe{0%,12.3%{transform:scaleY(0)}18%,99.3%{transform:scaleY(1)}99.4%,100%{transform:scaleY(0)}}@keyframes moveW--equipe{0%,35.7%{transform:translate(0,0)}43%,99.3%{transform:translate(calc(200% + 24px),-174px)}99.4%,100%{transform:translate(0,0)}}@keyframes moveN--equipe{0%,35.7%{transform:translate(0,0)}43%,99.3%{transform:translate(calc(-200% - 24px),174px)}99.4%,100%{transform:translate(0,0)}}@keyframes moveK--equipe{0%,69%{transform:translate(0,0);opacity:1}75%,99.3%{transform:translate(calc(100% + 12px),0);opacity:.62}99.4%,100%{transform:translate(0,0);opacity:1}}@keyframes moveF--equipe{0%,69%{transform:translate(0,0)}75%,99.3%{transform:translate(calc(-100% - 12px),0)}99.4%,100%{transform:translate(0,0)}}@keyframes typeCover--equipe{0%,70%{transform:translateX(0)}73.3%,99.3%{transform:translateX(100%)}99.4%,100%{transform:translateX(0)}}@keyframes cut--equipe{0%,97.6%{opacity:0}98.8%,99.6%{opacity:1}100%{opacity:0}}@media (min-width:701px) and (max-width:1000px){.kf-anim-equipe .kf-grid{grid-template-columns:1fr 1fr!important}.kf-anim-equipe .mW{animation-name:moveW2--equipe}.kf-anim-equipe .mN{animation-name:moveN2--equipe}
}@keyframes moveW2--equipe{0%,35.7%{transform:translate(0,0)}43%,99.3%{transform:translate(calc(-100% - 12px),0)}99.4%,100%{transform:translate(0,0)}}@keyframes moveN2--equipe{0%,35.7%{transform:translate(0,0)}43%,99.3%{transform:translate(calc(100% + 12px),0)}99.4%,100%{transform:translate(0,0)}}@media (max-width:700px){.kf-anim-equipe .kf-tiles{grid-template-columns:1fr 1fr!important}.kf-anim-equipe .kf-grid{grid-template-columns:1fr!important}.kf-anim-equipe .hide-sm{display:none!important}.kf-anim-equipe .mW{animation-name:moveWm--equipe}.kf-anim-equipe .mN{animation-name:moveNm--equipe}
}@keyframes moveWm--equipe{0%,35.7%{transform:translate(0,0)}43%,99.3%{transform:translate(0,-174px)}99.4%,100%{transform:translate(0,0)}}@keyframes moveNm--equipe{0%,35.7%{transform:translate(0,0)}43%,99.3%{transform:translate(0,174px)}99.4%,100%{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.kf-anim-equipe .x{animation:none!important}.kf-anim-equipe .f-in{opacity:0}.kf-anim-equipe .f-out{opacity:1}.kf-anim-equipe .aIn{opacity:1}.kf-anim-equipe .aOut{opacity:0}.kf-anim-equipe .bar{transform:scaleY(1)}.kf-anim-equipe .cut{display:none}
}

/* ---- taches ---- */
.kf-anim-taches .kf-anim__page{--bg:#eef1f6;--card:#ffffff;--line:#e2e8f0;--ink:#0f172a;--mut:#64748b;
--nav1:#16233d;--nav2:#1f3055;--acc:#f97316;--onbg:#0f172a;--onbg-mut:#64748b;
--slot:#d8dfe9;--chipbg:#ffffff;--chipbd:#e2e8f0;--bandbd:transparent;--gap:10px}.kf-anim-taches *{margin:0;padding:0;box-sizing:border-box}.kf-anim-taches .kf-anim__page{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:transparent;padding:12px;display:flex;justify-content:center}.kf-anim-taches .stage{width:100%;max-width:1100px;background:var(--bg);border-radius:18px;padding:14px 16px 16px;overflow:hidden}.kf-anim-taches .inner{display:flex;flex-direction:column;gap:10px;transition:opacity .45s ease}.kf-anim-taches .s6 .inner{opacity:0}.kf-anim-taches .band-top{background:linear-gradient(135deg,var(--nav1),var(--nav2));border:1px solid var(--bandbd);color:#fff;border-radius:10px;padding:8px 14px;display:flex;justify-content:space-between;align-items:center}.kf-anim-taches .band-top strong{font-size:15px;font-weight:700;letter-spacing:.2px}.kf-anim-taches .band-top span{font-size:12px;color:#c7d2e4}.kf-anim-taches .band-top strong i{font-style:normal;color:var(--acc)}.kf-anim-taches .heads, .kf-anim-taches .row{display:grid;grid-template-columns:150px repeat(4,minmax(0,1fr));gap:var(--gap)}.kf-anim-taches .hspace{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--onbg-mut);align-self:end;padding-bottom:2px}.kf-anim-taches .ch{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 2px}.kf-anim-taches .ch>span:first-child{font-size:13px;font-weight:600;color:var(--onbg)}.kf-anim-taches .cnt{display:inline-grid;min-width:26px;height:22px;padding:0 7px;border-radius:99px;background:var(--chipbg);border:1px solid var(--chipbd);align-items:center;justify-items:center}.kf-anim-taches .v{grid-area:1/1;font-size:12.5px;font-weight:700;color:var(--onbg);opacity:0;transform:translateY(7px)}.kf-anim-taches .b0{opacity:1;transform:none}.kf-anim-taches .band{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 2px;border-left:3px solid var(--acc);padding-left:10px}.kf-anim-taches .imm{font-style:normal;font-weight:800;font-size:14.5px;color:var(--onbg);letter-spacing:.3px}.kf-anim-taches .band span{font-size:12px;color:var(--onbg-mut)}.kf-anim-taches .cell{position:relative}.kf-anim-taches .slot{position:absolute;inset:0;border:1.5px dashed var(--slot);border-radius:12px}.kf-anim-taches .card{position:relative;z-index:1;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:12px;padding:9px 11px 11px;height:100%;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(15,23,42,.07)}.kf-anim-taches .card h3{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25;text-wrap:pretty}.kf-anim-taches .chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}.kf-anim-taches .pill{font-size:11px;font-weight:700;padding:2.5px 8px;border-radius:99px;border:1px solid}.kf-anim-taches .p-n{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.kf-anim-taches .p-o{background:#fff1e6;color:#c2410c;border-color:#fdba74}.kf-anim-taches .p-i{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}.kf-anim-taches .p-a{background:#fef3c7;color:#92400e;border-color:#fcd34d}.kf-anim-taches .p-r{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.kf-anim-taches .p-g{background:#dcfce7;color:#15803d;border-color:#86efac}.kf-anim-taches .meta{font-size:11.5px;color:var(--mut);margin-bottom:3px;display:flex;gap:0 5px;white-space:nowrap;overflow:hidden}.kf-anim-taches .meta span{overflow:hidden;text-overflow:ellipsis}.kf-anim-taches .chrono{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink)}.kf-anim-taches #cA--taches{color:var(--mut)}.kf-anim-taches .s1 #cA--taches{color:var(--ink)}.kf-anim-taches .s5 #cA--taches{color:#15803d}.kf-anim-taches .s2 #cB--taches{color:var(--mut)}.kf-anim-taches .s4 #cB--taches{color:var(--ink)}.kf-anim-taches .arows{display:grid;margin-top:auto;padding-top:7px}.kf-anim-taches .btnrow{grid-area:1/1;display:flex;gap:8px;opacity:0;pointer-events:none}.kf-anim-taches .btnrow.b0r{opacity:1}.kf-anim-taches .btn{position:relative;min-height:52px;flex:1;border-radius:10px;font-weight:700;font-size:13.5px;display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid transparent}.kf-anim-taches .btn svg{flex:0 0 auto}.kf-anim-taches .btn::after{content:"";position:absolute;inset:-5px;border-radius:14px;background:var(--halo,#000);opacity:0;pointer-events:none}.kf-anim-taches .b-blue{background:#1d4ed8;color:#fff;--halo:#3b82f6}.kf-anim-taches .b-green{background:#15803d;color:#fff;--halo:#22c55e}.kf-anim-taches .b-amber{background:#fffbeb;color:#92400e;border-color:#fcd34d;--halo:#f59e0b}.kf-anim-taches .b-red{background:#fef2f2;color:#b91c1c;border-color:#fca5a5;--halo:#ef4444}.kf-anim-taches .sq{flex:0 0 52px;min-width:52px}.kf-anim-taches .done{min-height:52px;flex:1;border-radius:10px;background:#dcfce7;color:#15803d;border:1px solid #86efac;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:13.5px}.kf-anim-taches .vig{position:absolute;top:-9px;right:-6px;z-index:2;width:38px;height:31px;background:var(--card);border:1px solid var(--line);border-radius:6px;box-shadow:0 2px 6px rgba(15,23,42,.18);display:flex;align-items:center;justify-content:center;color:var(--mut);transform:rotate(-4deg) scale(.7);opacity:0}.kf-anim-taches #cardD--taches .vig{opacity:1;transform:rotate(-4deg)}.kf-anim-taches .panel{position:absolute;z-index:6;left:4px;right:-34px;bottom:calc(100% - 44px);background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.22);padding:8px;opacity:0;pointer-events:none}.kf-anim-taches .pt{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--mut);font-weight:700;padding:4px 10px 7px}.kf-anim-taches .opt{font-size:13px;font-weight:600;color:var(--ink);padding:9px 10px;border-radius:8px}.kf-anim-taches .s1 .card{transition:transform .8s cubic-bezier(.22,.75,.25,1),border-left-color .35s ease}.kf-anim-taches .s1 .v{transition:opacity .3s ease,transform .3s ease}.kf-anim-taches .s1 .btnrow{transition:opacity .35s ease}.kf-anim-taches .s1 .vig{transition:opacity .3s ease,transform .3s ease}.kf-anim-taches .s1 #pzB--taches, .kf-anim-taches .s1 #bkC--taches{transition:opacity .25s ease}.kf-anim-taches .s1 #cardA--taches{transform:translateX(calc(100% + var(--gap)));transition-delay:.3s}.kf-anim-taches .s1 #rTodoA--taches{opacity:0;transition-delay:1s}.kf-anim-taches .s1 #rDoingA--taches{opacity:1;transition-delay:1s}.kf-anim-taches .s1 #n1--taches .x3{opacity:0;transform:translateY(-7px)}.kf-anim-taches .s1 #n1--taches .x2{opacity:1;transform:none}.kf-anim-taches .s1 #n2--taches .x2{opacity:0;transform:translateY(-7px)}.kf-anim-taches .s1 #n2--taches .x3{opacity:1;transform:none}.kf-anim-taches .s1 #n1--taches .v, .kf-anim-taches .s1 #n2--taches .v{transition-delay:.9s}.kf-anim-taches #pzB--taches{opacity:0}.kf-anim-taches .s2 #pzB--taches{opacity:1}.kf-anim-taches .s4 #pzB--taches{opacity:0}.kf-anim-taches .s3 .panel{animation:panelSeq--taches 1.9s ease forwards}.kf-anim-taches .s3 .panel .sel{animation:optSel--taches 1.9s ease forwards}.kf-anim-taches .s3 #cardC--taches{transform:translateX(calc(200% + var(--gap)*2));transition-delay:1.65s;border-left-color:#ef4444}.kf-anim-taches #bkC--taches{opacity:0}.kf-anim-taches .s3 #bkC--taches{opacity:1;transition-delay:1.8s}.kf-anim-taches .s3 #n1--taches .x2{opacity:0;transform:translateY(-7px)}.kf-anim-taches .s3 #n1--taches .x1{opacity:1;transform:none}.kf-anim-taches .s3 #n3--taches .x1{opacity:0;transform:translateY(-7px)}.kf-anim-taches .s3 #n3--taches .x2{opacity:1;transform:none}.kf-anim-taches .s3 #n1--taches .v, .kf-anim-taches .s3 #n3--taches .v{transition-delay:2.4s}.kf-anim-taches .s5 #cardA--taches{transform:translateX(calc(300% + var(--gap)*3))}.kf-anim-taches .s5 #rDoingA--taches{opacity:0;transition-delay:.5s}.kf-anim-taches .s5 #rDoneA--taches{opacity:1;transition-delay:.5s}.kf-anim-taches .s5 #vigA--taches{opacity:1;transform:rotate(-4deg);transition-delay:1.15s}.kf-anim-taches .s5 #n2--taches .x3{opacity:0;transform:translateY(-7px)}.kf-anim-taches .s5 #n2--taches .x2b{opacity:1;transform:none}.kf-anim-taches .s5 #n4--taches .x5{opacity:0;transform:translateY(-7px)}.kf-anim-taches .s5 #n4--taches .x6{opacity:1;transform:none}.kf-anim-taches .s5 #n2--taches .v, .kf-anim-taches .s5 #n4--taches .v{transition-delay:1s}.kf-anim-taches .s1 #bStartA--taches{animation:prs--taches .45s ease}.kf-anim-taches .s1 #bStartA--taches::after{animation:hal--taches .45s ease}.kf-anim-taches .s2 #bPauseB--taches{animation:prs--taches .45s ease}.kf-anim-taches .s2 #bPauseB--taches::after{animation:hal--taches .45s ease}.kf-anim-taches .s3 #bBlockC--taches{animation:prs--taches .45s ease}.kf-anim-taches .s3 #bBlockC--taches::after{animation:hal--taches .45s ease}.kf-anim-taches .s4 #bPauseB--taches{animation:prs2--taches .45s ease}.kf-anim-taches .s4 #bPauseB--taches::after{animation:hal2--taches .45s ease}.kf-anim-taches .s5 #bDoneA--taches{animation:prs--taches .45s ease}.kf-anim-taches .s5 #bDoneA--taches::after{animation:hal--taches .45s ease}@keyframes prs--taches{0%,100%{transform:scale(1)}35%{transform:scale(.94)}}@keyframes prs2--taches{0%,100%{transform:scale(1)}35%{transform:scale(.94)}}@keyframes hal--taches{0%{opacity:0}30%{opacity:.55}100%{opacity:0}}@keyframes hal2--taches{0%{opacity:0}30%{opacity:.55}100%{opacity:0}}@keyframes panelSeq--taches{0%{opacity:0;transform:translateY(8px)}10%,75%{opacity:1;transform:none}88%,100%{opacity:0;transform:translateY(-4px)}}@keyframes optSel--taches{0%,38%{background:transparent;box-shadow:none}46%,100%{background:#fee2e2;box-shadow:inset 0 0 0 1px #fca5a5;color:#b91c1c}}@media (max-width:699px){.kf-anim-taches .r1, .kf-anim-taches .hspace, .kf-anim-taches .ch3, .kf-anim-taches .ch4, .kf-anim-taches .c3, .kf-anim-taches .c4{display:none}.kf-anim-taches .heads, .kf-anim-taches .row{grid-template-columns:repeat(2,minmax(0,1fr))}.kf-anim-taches .band{grid-column:1/-1;flex-direction:row;align-items:baseline;gap:12px;padding:2px 2px 2px 10px}.kf-anim-taches .card h3{font-size:17px}.kf-anim-taches .meta{font-size:13px;white-space:normal}.kf-anim-taches .pill{font-size:12px}.kf-anim-taches .btn{min-height:56px;font-size:14.5px}.kf-anim-taches .panel{right:4px}
}@media (prefers-reduced-motion:reduce){.kf-anim-taches #kf--taches *, .kf-anim-taches #kf--taches *::after{animation:none!important;transition:none!important}
}

/* ---- karboard ---- */
.kf-anim-karboard #kfWrap--karboard{--dur:18s;max-width:1100px;margin:0 auto;overflow:hidden;position:relative;
  border-radius:18px;font-family:system-ui,'Segoe UI',Roboto,Arial,sans-serif;
  background:#16233d;padding:14px;}.kf-anim-karboard #kfBoard--karboard{width:1238px;box-sizing:border-box;padding:16px;background:#eef1f6;border-radius:14px;
  transform-origin:0 0;position:relative;--pA:-244px;--pB:-488px;}.kf-anim-karboard #kfWrap--karboard *{margin:0;box-sizing:border-box}.kf-anim-karboard .kf-top{height:44px;border-radius:10px;background:linear-gradient(90deg,#16233d,#1f3055);
  display:flex;align-items:center;justify-content:space-between;padding:0 16px}.kf-anim-karboard .kf-brand{color:#fff;font-size:15px;font-weight:600;letter-spacing:.02em}.kf-anim-karboard .kf-live{display:flex;align-items:center;gap:7px;color:#c7d2e4;font-size:12px}.kf-anim-karboard .kf-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.7);
  animation:kfPulse--karboard 2.4s ease-in-out infinite}.kf-anim-karboard .kf-clip{overflow:hidden;margin-top:12px}.kf-anim-karboard .kf-track{display:flex;gap:14px;width:max-content;
  animation:kfPan--karboard var(--dur) cubic-bezier(.55,.05,.3,.95) infinite}.kf-anim-karboard .col{width:230px;flex:none}.kf-anim-karboard .colhead{display:flex;align-items:center;gap:7px;height:30px;padding:0 4px;
  font-size:12px;font-weight:600;color:#0f172a;white-space:nowrap}.kf-anim-karboard .cdot{width:10px;height:10px;border-radius:50%;flex:none}.kf-anim-karboard .cnt{margin-left:auto;background:#e2e8f0;color:#475569;font-size:10.5px;font-weight:700;
  border-radius:999px;min-width:22px;height:18px;padding:0 6px;display:grid;place-items:center;position:relative}.kf-anim-karboard .cnt>b{grid-area:1/1;font-weight:700}.kf-anim-karboard .cards{position:relative;display:flex;flex-direction:column;gap:10px;margin-top:6px;min-height:426px}.kf-anim-karboard .card{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:10px;
  box-shadow:0 1px 2px rgba(15,23,42,.06);height:132px;padding:10px 12px;
  display:flex;flex-direction:column;gap:3px}.kf-anim-karboard .plate{font-size:14px;font-weight:700;color:#0f172a;letter-spacing:.02em}.kf-anim-karboard .sub, .kf-anim-karboard .src{font-size:11.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kf-anim-karboard .src b{color:#0f172a;font-weight:600}.kf-anim-karboard .badges{display:flex;gap:5px;height:20px;margin-top:3px;white-space:nowrap}.kf-anim-karboard .swap{display:grid}.kf-anim-karboard .swap>*{grid-area:1/1;justify-self:start}.kf-anim-karboard .badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;
  padding:0 7px;border-radius:999px;border:1px solid;line-height:17px;height:19px;white-space:nowrap}.kf-anim-karboard .b-org{background:#fff1e6;color:#c2410c;border-color:#fdba74}.kf-anim-karboard .b-red{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.kf-anim-karboard .b-yel{background:#fef3c7;color:#92400e;border-color:#fcd34d}.kf-anim-karboard .b-blu{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}.kf-anim-karboard .b-grn{background:#dcfce7;color:#15803d;border-color:#86efac}.kf-anim-karboard .b-gry{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.kf-anim-karboard .foot{margin-top:auto;display:flex;align-items:center;gap:6px;font-size:11px;color:#334155}.kf-anim-karboard .fgrp{display:flex;align-items:center;gap:6px}.kf-anim-karboard .ava{width:20px;height:20px;border-radius:50%;color:#fff;font-size:8.5px;font-weight:700;
  display:flex;align-items:center;justify-content:center;flex:none}.kf-anim-karboard .due{margin-left:auto;font-weight:600;color:#64748b}.kf-anim-karboard .liseret{position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:#b91c1c;opacity:0}.kf-anim-karboard .h0{opacity:0}.kf-anim-karboard .kf-fade{position:absolute;inset:0;background:#eef1f6;border-radius:14px;z-index:60;pointer-events:none;
  animation:kfReset--karboard var(--dur) linear infinite}.kf-anim-karboard .card::after, .kf-anim-karboard .cnt::after{content:"";position:absolute;inset:-2px;border-radius:12px;pointer-events:none;opacity:0}.kf-anim-karboard .cnt::after{border-radius:999px}.kf-anim-karboard #cardA--karboard::after{box-shadow:0 0 0 2px rgba(37,99,235,.55),0 0 14px rgba(37,99,235,.45);
  animation:kfHaloA--karboard var(--dur) linear infinite}.kf-anim-karboard #cardB--karboard::after{box-shadow:0 0 0 2px rgba(220,38,38,.55),0 0 14px rgba(220,38,38,.45);
  animation:kfHaloB--karboard var(--dur) linear infinite}.kf-anim-karboard #cardB--karboard::before{content:"";position:absolute;inset:-2px;border-radius:12px;pointer-events:none;opacity:0;
  box-shadow:0 0 0 2px rgba(37,99,235,.55),0 0 14px rgba(37,99,235,.45);
  animation:kfHaloB2--karboard var(--dur) linear infinite}.kf-anim-karboard #cardC--karboard::after{box-shadow:0 0 0 2px rgba(22,163,74,.55),0 0 14px rgba(22,163,74,.45);
  animation:kfHaloC--karboard var(--dur) linear infinite}.kf-anim-karboard #cardN--karboard::after{box-shadow:0 0 0 2px rgba(249,115,22,.55),0 0 14px rgba(249,115,22,.4);
  animation:kfHaloN var(--dur) linear infinite}.kf-anim-karboard #cnt4--karboard::after, .kf-anim-karboard #cnt5--karboard::after{box-shadow:0 0 0 2px rgba(249,115,22,.55),0 0 10px rgba(249,115,22,.4);
  animation:kfHaloCnt1--karboard var(--dur) linear infinite}.kf-anim-karboard #cnt10--karboard::after, .kf-anim-karboard #cnt12--karboard::after{box-shadow:0 0 0 2px rgba(249,115,22,.55),0 0 10px rgba(249,115,22,.4);
  animation:kfHaloCnt2--karboard var(--dur) linear infinite}.kf-anim-karboard #cardA--karboard{z-index:5;animation:kfMoveA--karboard var(--dur) linear infinite}.kf-anim-karboard #cardC--karboard{z-index:5;animation:kfMoveC--karboard var(--dur) linear infinite}.kf-anim-karboard #c4card2--karboard{animation:kfShiftUp--karboard var(--dur) cubic-bezier(.4,0,.2,1) infinite}.kf-anim-karboard #c5card--karboard{animation:kfShiftDown--karboard var(--dur) cubic-bezier(.4,0,.2,1) infinite}.kf-anim-karboard #cardN--karboard{position:absolute;top:0;left:0;right:0;animation:kfCardN--karboard var(--dur) ease infinite}.kf-anim-karboard #bA1--karboard{animation:kfBA1--karboard var(--dur) linear infinite}.kf-anim-karboard #bA2--karboard{animation:kfBA2--karboard var(--dur) linear infinite}.kf-anim-karboard #bPiece--karboard{animation:kfBPiece--karboard var(--dur) linear infinite}.kf-anim-karboard #bFour--karboard, .kf-anim-karboard #lisB--karboard{animation:kfBFour--karboard var(--dur) linear infinite}.kf-anim-karboard #bEnc--karboard, .kf-anim-karboard #footB--karboard{animation:kfBEnc--karboard var(--dur) linear infinite}.kf-anim-karboard #bValide--karboard{animation:kfBValide--karboard var(--dur) linear infinite}.kf-anim-karboard #c4a--karboard{animation:kfC4a--karboard var(--dur) linear infinite}.kf-anim-karboard #c4b--karboard{animation:kfC4b--karboard var(--dur) linear infinite}.kf-anim-karboard #c5a--karboard{animation:kfCnt1a--karboard var(--dur) linear infinite}.kf-anim-karboard #c5b--karboard{animation:kfCnt1b--karboard var(--dur) linear infinite}.kf-anim-karboard #c10a--karboard, .kf-anim-karboard #c12a--karboard{animation:kfCnt2a--karboard var(--dur) linear infinite}.kf-anim-karboard #c10b--karboard, .kf-anim-karboard #c12b--karboard{animation:kfCnt2b--karboard var(--dur) linear infinite}@keyframes kfPan--karboard{0%,33.33%{transform:translateX(0)}41.67%,62.78%{transform:translateX(var(--pA))}
  70%,80.56%{transform:translateX(var(--pB))}87.22%,100%{transform:translateX(0)}}@keyframes kfMoveA--karboard{0%,25%{transform:translate(0,0);animation-timing-function:cubic-bezier(.5,.05,.8,.5)}
  26.9%{transform:translate(122px,-30px) scale(1.05);animation-timing-function:cubic-bezier(.2,.5,.4,1)}
  28.89%,100%{transform:translate(244px,0)}}@keyframes kfMoveC--karboard{0%,72.22%{transform:translate(0,0);animation-timing-function:cubic-bezier(.5,.05,.8,.5)}
  74.1%{transform:translate(122px,16px) scale(1.05);animation-timing-function:cubic-bezier(.2,.5,.4,1)}
  76.11%,100%{transform:translate(244px,142px)}}@keyframes kfShiftUp--karboard{0%,30%{transform:translateY(0)}32.78%,86.11%{transform:translateY(-142px)}
  88.89%,100%{transform:translateY(0)}}@keyframes kfShiftDown--karboard{0%,26.5%{transform:translateY(0)}28.89%,100%{transform:translateY(142px)}}@keyframes kfCardN--karboard{0%,88.89%{opacity:0;transform:translateY(-10px)}90.5%,100%{opacity:1;transform:translateY(0)}}@keyframes kfBA1--karboard{0%,11.11%{opacity:1}12.5%,100%{opacity:0}}@keyframes kfBA2--karboard{0%,11.11%{opacity:0}12.5%,100%{opacity:1}}@keyframes kfBPiece--karboard{0%,12.2%{opacity:0}13.6%,100%{opacity:1}}@keyframes kfBFour--karboard{0%,44.44%{opacity:0}45.3%,58.33%{opacity:1}59.4%,100%{opacity:0}}@keyframes kfBEnc--karboard{0%,58.33%{opacity:0}59.4%,100%{opacity:1}}@keyframes kfBValide--karboard{0%,76.11%{opacity:0}77.5%,100%{opacity:1}}@keyframes kfC4a--karboard{0%,28.89%{opacity:1}29.5%,88.9%{opacity:0}89.6%,100%{opacity:1}}@keyframes kfC4b--karboard{0%,28.89%{opacity:0}29.5%,88.9%{opacity:1}89.6%,100%{opacity:0}}@keyframes kfCnt1a--karboard{0%,28.89%{opacity:1}29.5%,100%{opacity:0}}@keyframes kfCnt1b--karboard{0%,28.89%{opacity:0}29.5%,100%{opacity:1}}@keyframes kfCnt2a--karboard{0%,76.11%{opacity:1}76.7%,100%{opacity:0}}@keyframes kfCnt2b--karboard{0%,76.11%{opacity:0}76.7%,100%{opacity:1}}@keyframes kfHaloA--karboard{0%,10.7%{opacity:0}11.11%,11.9%{opacity:1}13.5%,100%{opacity:0}}@keyframes kfHaloB--karboard{0%,44%{opacity:0}44.44%,45.2%{opacity:1}47%,100%{opacity:0}}@keyframes kfHaloB2--karboard{0%,57.9%{opacity:0}58.33%,59.1%{opacity:1}60.9%,100%{opacity:0}}@keyframes kfHaloC--karboard{0%,75.7%{opacity:0}76.11%,76.9%{opacity:1}78.7%,100%{opacity:0}}@keyframes kfHaloCnt1--karboard{0%,28.4%{opacity:0}28.89%,29.7%{opacity:1}31.5%,100%{opacity:0}}@keyframes kfHaloCnt2--karboard{0%,75.7%{opacity:0}76.11%,76.9%{opacity:1}78.7%,100%{opacity:0}}@keyframes kfReset--karboard{0%{opacity:1}1.7%,97.8%{opacity:0}100%{opacity:1}}@keyframes kfPulse--karboard{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.kf-anim-karboard #kfWrap--karboard *, .kf-anim-karboard #kfWrap--karboard *::before, .kf-anim-karboard #kfWrap--karboard *::after{animation:none!important}.kf-anim-karboard .kf-fade{display:none}.kf-anim-karboard #bFour--karboard, .kf-anim-karboard #lisB--karboard{opacity:1}
}

/* ---- perimetres ---- */
.kf-anim-perimetres .kf-anim__page, .kf-anim-perimetres .kf-anim__page{margin:0;padding:0}.kf-anim-perimetres .kf-anim__page{background:#0f1727;padding:24px;font-family:system-ui,'Segoe UI',Roboto,sans-serif}.kf-anim-perimetres [data-el="frame"]{--bg:#eef1f6;--card:#ffffff;--line:#e2e8f0;--ink:#0f172a;--grey:#64748b;--accent:#f97316;--soft:#f8fafc;--cycle:21s}.kf-anim-perimetres [data-el="frame"][data-theme="dark"]{--bg:#16233d;--card:#1d2c49;--line:#2c3d5e;--ink:#e8eef8;--grey:#9fb0cb;--soft:#22314f}@keyframes s1fade--perimetres{0%{opacity:1}13.6%{opacity:1}15%{opacity:0}94.5%{opacity:0}96%{opacity:1}100%{opacity:1}}@keyframes s2fade--perimetres{0%{opacity:0}13.6%{opacity:0}15%{opacity:1}27.9%{opacity:1}29.3%{opacity:0}100%{opacity:0}}@keyframes s3fade--perimetres{0%{opacity:0}27.9%{opacity:0}29.3%{opacity:1}42.2%{opacity:1}43.6%{opacity:0}100%{opacity:0}}@keyframes s4fade--perimetres{0%{opacity:0}42.2%{opacity:0}43.6%{opacity:1}58.8%{opacity:1}60.2%{opacity:0}100%{opacity:0}}@keyframes s5fade--perimetres{0%{opacity:0}58.8%{opacity:0}60.2%{opacity:1}70.7%{opacity:1}72.1%{opacity:0}100%{opacity:0}}@keyframes s6fade--perimetres{0%{opacity:0}70.7%{opacity:0}72.1%{opacity:1}94.5%{opacity:1}96%{opacity:0}100%{opacity:0}}@keyframes s1row--perimetres{0%{opacity:1}13.6%{opacity:1}15%{opacity:.55}94.5%{opacity:.55}96%{opacity:1}100%{opacity:1}}@keyframes s2row--perimetres{0%{opacity:.55}13.6%{opacity:.55}15%{opacity:1}27.9%{opacity:1}29.3%{opacity:.55}100%{opacity:.55}}@keyframes s3row--perimetres{0%{opacity:.55}27.9%{opacity:.55}29.3%{opacity:1}42.2%{opacity:1}43.6%{opacity:.55}100%{opacity:.55}}@keyframes s4row--perimetres{0%{opacity:.55}42.2%{opacity:.55}43.6%{opacity:1}58.8%{opacity:1}60.2%{opacity:.55}100%{opacity:.55}}@keyframes s5row--perimetres{0%{opacity:.55}58.8%{opacity:.55}60.2%{opacity:1}70.7%{opacity:1}72.1%{opacity:.55}100%{opacity:.55}}@keyframes s6row--perimetres{0%{opacity:.55}70.7%{opacity:.55}72.1%{opacity:1}94.5%{opacity:1}96%{opacity:.55}100%{opacity:.55}}@keyframes s1tab--perimetres{0%{opacity:1;transform:translateY(0)}13.6%{opacity:1;transform:translateY(0)}15%{opacity:0;transform:translateY(-8px)}94.5%{opacity:0;transform:translateY(8px)}96%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}@keyframes s2tab--perimetres{0%{opacity:0;transform:translateY(8px)}13.6%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:translateY(0)}27.9%{opacity:1;transform:translateY(0)}29.3%{opacity:0;transform:translateY(-8px)}100%{opacity:0;transform:translateY(-8px)}}@keyframes s3tab--perimetres{0%{opacity:0;transform:translateY(8px)}27.9%{opacity:0;transform:translateY(8px)}29.3%{opacity:1;transform:translateY(0)}42.2%{opacity:1;transform:translateY(0)}43.6%{opacity:0;transform:translateY(-8px)}100%{opacity:0;transform:translateY(-8px)}}@keyframes s4tab--perimetres{0%{opacity:0;transform:translateY(8px)}42.2%{opacity:0;transform:translateY(8px)}43.6%{opacity:1;transform:translateY(0)}58.8%{opacity:1;transform:translateY(0)}60.2%{opacity:0;transform:translateY(-8px)}100%{opacity:0;transform:translateY(-8px)}}@keyframes s5tab--perimetres{0%{opacity:0;transform:translateY(8px)}58.8%{opacity:0;transform:translateY(8px)}60.2%{opacity:1;transform:translateY(0)}70.7%{opacity:1;transform:translateY(0)}72.1%{opacity:0;transform:translateY(-8px)}100%{opacity:0;transform:translateY(-8px)}}@keyframes s6tab--perimetres{0%{opacity:0;transform:translateY(8px)}70.7%{opacity:0;transform:translateY(8px)}72.1%{opacity:1;transform:translateY(0)}94.5%{opacity:1;transform:translateY(0)}96%{opacity:0;transform:translateY(-8px)}100%{opacity:0;transform:translateY(-8px)}}@keyframes kfShift--perimetres{0%{transform:translate(0,0) scale(1)}85.7%{transform:translate(0,0) scale(1)}89%{transform:translate(14px,30px) scale(.9)}94.5%{transform:translate(14px,30px) scale(.9)}96.5%{transform:translate(0,0) scale(1)}100%{transform:translate(0,0) scale(1)}}@keyframes kfBack--perimetres{0%{opacity:0}85.7%{opacity:0}89%{opacity:1}94.5%{opacity:1}96%{opacity:0}100%{opacity:0}}@keyframes kfClose--perimetres{0%{opacity:0}86.5%{opacity:0}89.5%{opacity:1}94.5%{opacity:1}96%{opacity:0}100%{opacity:0}}@media (max-width:800px){.kf-anim-perimetres [data-el="stage"]{flex-direction:column !important;height:auto !important}.kf-anim-perimetres [data-el="roles"]{width:100% !important;flex-direction:row !important;overflow:hidden}.kf-anim-perimetres [data-el="rolelist"]{flex-direction:row !important;flex:1}.kf-anim-perimetres [data-el="rolelabel"]{display:none}.kf-anim-perimetres [data-el="rolerow"]{padding:6px !important}.kf-anim-perimetres [data-el="more"], .kf-anim-perimetres [data-el="othernames"]{display:none !important}.kf-anim-perimetres [data-el="winarea"]{height:400px}
}@media (prefers-reduced-motion:reduce){.kf-anim-perimetres [data-el="frame"] *{animation:none !important}.kf-anim-perimetres [data-screen]{opacity:0 !important}.kf-anim-perimetres [data-screen="4"]{opacity:1 !important}.kf-anim-perimetres [data-rowlayer]{opacity:0 !important}.kf-anim-perimetres [data-rowlayer="4"]{opacity:1 !important}.kf-anim-perimetres [data-row]{opacity:1 !important}.kf-anim-perimetres [data-el="backwin"], .kf-anim-perimetres [data-el="closeline"]{opacity:0 !important}.kf-anim-perimetres [data-el="winstack"]{transform:none !important}
}