.piece{--t:var(--piece-taille,120px);--e:calc(var(--t) * .105);--h:calc(var(--t) * 3.1416 / var(--piece-n,24) + 1.5px);--piece-duree:7s;--piece-incline:9deg;width:var(--t);height:var(--t);perspective:calc(var(--t) * 7);perspective-origin:50% 35%;vertical-align:middle;-webkit-tap-highlight-color:transparent;flex:none;display:inline-block;position:relative}.piece__corps{transform-style:preserve-3d;transform:rotateX(var(--piece-incline)) rotateY(-26deg);position:absolute;inset:0}.piece--tourne .piece__corps{animation:piece-balancier var(--piece-duree) cubic-bezier(.45, .05, .55, .95) infinite alternate;animation-delay:var(--piece-decalage,0s);will-change:transform}.piece--rapide .piece__corps{animation:2.4s linear infinite piece-tour}.piece__tranche{left:calc(50% - var(--e) / 2);top:calc(50% - var(--h) / 2);width:var(--e);height:var(--h);transform:rotateZ(var(--piece-angle)) translateX(calc(var(--t) / 2 - 1px)) rotateY(90deg);background-image:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px),linear-gradient(90deg,#ffffff29,#0000 30% 70%,#00000047);position:absolute}.piece__face{backface-visibility:hidden;background:var(--piece-lisere);box-shadow:inset 0 0 0 calc(var(--t) * .012) #ffffff38, inset 0 calc(var(--t) * -.03) calc(var(--t) * .06) #00000073;border-radius:50%;position:absolute;inset:0;overflow:hidden}.piece__face--avant{transform:translateZ(calc(var(--e) / 2))}.piece__face--arriere{transform:rotateY(180deg) translateZ(calc(var(--e) / 2))}.piece__face img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:87%;height:87%;box-shadow:0 0 0 1px #00000073, 0 calc(var(--t) * .01) calc(var(--t) * .03) #00000080;border-radius:50%;position:absolute;inset:6.5%}.piece__reflet{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(105deg,#0000 38%,#ffffff42 47%,#ffffff0f 53%,#0000 60%);position:absolute;inset:-10% -60%;transform:translate(-12%)}.piece--tourne .piece__reflet{animation:piece-reflet var(--piece-duree) cubic-bezier(.45, .05, .55, .95) infinite alternate;animation-delay:var(--piece-decalage,0s)}.piece--rapide .piece__reflet{animation:none}.piece__ombre{background:radial-gradient(closest-side,#0000009e,#00000038 60%,#0000);border-radius:50%;height:11%;position:absolute;bottom:-13%;left:14%;right:14%;transform:scaleX(.92)}.piece--tourne .piece__ombre{animation:piece-ombre var(--piece-duree) cubic-bezier(.45, .05, .55, .95) infinite alternate;animation-delay:var(--piece-decalage,0s)}.piece--rapide .piece__ombre{animation:2.4s linear infinite piece-ombre-tour}.piece--eth{--piece-lisere:conic-gradient(from 200deg, #f4f7fc, #96a1b5 16%, #e8edf6 31%, #66718a 49%, #dde3ee 64%, #87929f 81%, #f4f7fc)}.piece--aci{--piece-lisere:conic-gradient(from 200deg, #4d5e5a, #0c1413 19%, #2d3a37 37%, #060a09 54%, #364541 71%, #0a1110 87%, #4d5e5a)}.piece--aci .piece__face{box-shadow:inset 0 0 0 calc(var(--t) * .01) #5ff0b48c, inset 0 calc(var(--t) * -.03) calc(var(--t) * .06) #00000080}.piece--pause .piece__corps,.piece--pause .piece__reflet,.piece--pause .piece__ombre{animation-play-state:paused}@keyframes piece-balancier{0%{transform:rotateX(var(--piece-incline)) rotateY(-34deg)}to{transform:rotateX(var(--piece-incline)) rotateY(34deg)}}@keyframes piece-tour{0%{transform:rotateX(var(--piece-incline)) rotateY(0deg)}to{transform:rotateX(var(--piece-incline)) rotateY(360deg)}}@keyframes piece-reflet{0%{transform:translate(10%)}to{transform:translate(-30%)}}@keyframes piece-ombre{0%,to{transform:scaleX(.84)}50%{transform:scaleX(.94)}}@keyframes piece-ombre-tour{0%,50%,to{transform:scaleX(.92)}25%,75%{transform:scaleX(.34)}}@media (prefers-reduced-motion:reduce){.piece--tourne .piece__corps,.piece--tourne .piece__reflet,.piece--tourne .piece__ombre,.piece--rapide .piece__corps,.piece--rapide .piece__ombre{will-change:auto;animation:none}.piece__corps{transform:rotateX(var(--piece-incline)) rotateY(-28deg)}}.piece__toile{opacity:0;pointer-events:none;width:118%;height:118%;transition:opacity .45s;position:absolute;inset:-9%}.piece--3d .piece__toile{opacity:1}.piece--3d .piece__corps{visibility:hidden;animation:none}.piece--3d .piece__ombre{animation:none}@media (prefers-reduced-motion:reduce){.piece__toile{transition:none}}.ds-scene{justify-items:center;gap:18px;min-width:0;margin:0;display:grid}.ds-scene__plateau{aspect-ratio:1.25;place-items:center;width:min(100%,340px);display:grid;position:relative}.ds-scene__halo{background:radial-gradient(closest-side,#39e59f29,#39e59f0a 62%,#0000);border-radius:50%;position:absolute;inset:6% 4% 14%}.ds-scene__halo:after{content:"";background:radial-gradient(closest-side,#39e59f14,#0000);border:1px solid #39e59f29;border-radius:50%;height:22%;position:absolute;bottom:-2%;left:12%;right:12%}.ds-scene__piece{place-items:center;display:grid;position:absolute}.ds-scene--solo .ds-scene__piece--0{top:10%}.ds-scene--duo .ds-scene__piece--0{z-index:2;top:6%;left:6%}.ds-scene--duo .ds-scene__piece--1{z-index:1;top:26%;right:6%}.ds-scene__badge{z-index:3;width:44px;height:44px;color:var(--ds-vert,#39e59f);background:#08100ceb;border:1px solid #39e59f4d;border-radius:14px;place-items:center;display:grid;position:absolute;bottom:8%;right:10%;box-shadow:0 12px 26px -10px #000}.ds-scene__legende{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:34ch;display:flex}.ds-scene__texte{width:100%;color:var(--ds-texte-3,#8a9a92);font-size:13.5px;line-height:1.55}.ds-puce{min-height:30px;color:var(--ds-texte,#eef5f1);background:#ffffff08;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.ds-puce:before{content:"";border-radius:50%;width:8px;height:8px}.ds-puce--eth:before{background:#a5b4fc}.ds-puce--aci:before{background:#39e59f}@media (width<=860px){.ds-scene{gap:10px}.ds-scene__plateau{aspect-ratio:1.9;width:min(100%,300px)}.ds-scene--duo .ds-scene__piece--0{top:2%;left:12%}.ds-scene--duo .ds-scene__piece--1{top:18%;right:12%}.ds-scene--solo .ds-scene__piece--0{top:2%}}.ds-flux{gap:16px;min-width:0;margin:0;display:grid}.ds-flux__noeuds{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:8px;margin:0;padding:0;list-style:none;display:grid}.ds-flux__noeud{text-align:center;justify-items:center;gap:6px;min-width:0;display:grid}.ds-flux__noeud strong{color:var(--ds-texte,#eef5f1);font-size:15px}.ds-flux__noeud small{color:var(--ds-texte-3,#8a9a92);max-width:18ch;font-size:12.5px;line-height:1.45}.ds-flux__visuel{background:radial-gradient(closest-side,#ffffff0d,#0000);border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:relative}.ds-flux__visuel--prevu{color:var(--ds-vert,#39e59f);background:radial-gradient(closest-side,#39e59f14,#0000);border:1.5px dashed #39e59f80}.ds-flux__pieces{align-items:center;gap:0;display:flex}.ds-flux__pieces .piece{margin-bottom:6px}.ds-flux__pieces .piece+.piece{margin-top:16px;margin-left:-10px}.ds-flux__pastille{width:28px;height:28px;color:var(--ds-texte,#eef5f1);background:#121c18;border:1px solid #ffffff24;border-radius:9px;place-items:center;display:grid;position:absolute;bottom:2px;right:-2px}.ds-flux__lien{color:#39e59fcc;align-self:center;justify-items:center;gap:4px;margin-top:-26px;display:grid}.ds-flux__lien span{color:var(--ds-texte-3,#8a9a92);text-align:center;max-width:12ch;font-size:11.5px;line-height:1.3}.ds-flux__legende{color:var(--ds-texte-3,#8a9a92);text-align:center;font-size:13.5px;line-height:1.55}.ds-flux--compact .ds-flux__visuel{width:84px;height:84px}@media (width<=520px){.ds-flux__noeuds{grid-template-columns:1fr;justify-items:center;gap:4px}.ds-flux__lien{grid-auto-flow:column;align-items:center;gap:8px;margin:0}.ds-flux__lien svg{transform:rotate(90deg)}.ds-flux__lien span{max-width:none}}.ds-flux--vertical .ds-flux__noeuds{grid-template-columns:1fr;justify-items:stretch;gap:0}.ds-flux--vertical .ds-flux__noeud{text-align:left;grid-template-rows:auto auto;grid-template-columns:80px minmax(0,1fr);place-items:center start;gap:3px 16px}.ds-flux--vertical .ds-flux__visuel{grid-row:span 2;width:80px;height:80px}.ds-flux--vertical .ds-flux__noeud strong{align-self:end;font-size:16px}.ds-flux--vertical .ds-flux__noeud small{align-self:start;max-width:none;font-size:13.5px}.ds-flux--vertical .ds-flux__lien{grid-auto-flow:column;justify-self:start;place-items:center start;gap:12px;margin:0;padding:6px 0 6px 31px}.ds-flux--vertical .ds-flux__lien svg{order:-1;transform:rotate(90deg)}.ds-flux--vertical .ds-flux__lien span{text-align:left;max-width:none;font-size:12.5px}.ds-flux--vertical .ds-flux__legende{text-align:left}