.af-chaine{--largeur: 100%;--u: min(1vw, 1.13cqw);container:af-chaine / inline-size;position:relative;width:min(100%,var(--largeur));font-size:1rem}.af-chaine__rang{--ecart: clamp(40px, calc(4.6 * var(--u)), 90px);display:grid;grid-template-columns:var(--colonnes);gap:var(--ecart);padding:0 6px 6px 0}.af-chaine__maillon{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(150px,min(39vh,48cqw),380px);padding:clamp(14px,3vh,32px) clamp(16px,calc(1.9 * var(--u)),34px);background:var(--af-encre-profonde);color:var(--af-craie);transform:rotate(var(--pente, 0deg));box-shadow:var(--af-o-portee-brique)}.af-chaine__maillon[data-ton=jaune]{background:var(--af-jaune-papier);color:var(--af-encre-profonde);box-shadow:var(--af-o-portee)}.af-chaine__maillon[data-ton=brique]{background:var(--af-brique);color:var(--af-blanc-papier);box-shadow:var(--af-o-portee)}.af-chaine__maillon[data-ton=papier]{background:var(--af-blanc-papier);color:var(--af-encre-profonde);box-shadow:var(--af-o-portee)}.af-chaine__numero{position:absolute;top:clamp(8px,1.8vh,18px);right:clamp(12px,calc(1.3 * var(--u)),24px);font:700 clamp(2.75rem,min(calc(5.4 * var(--u)),10vh),7rem)/.8 var(--af-police-titre);color:transparent;-webkit-text-stroke:2px currentColor;-webkit-text-stroke-color:color-mix(in srgb,var(--af-craie) 50%,transparent)}.af-chaine__maillon:is([data-ton=jaune],[data-ton=papier]) .af-chaine__numero{-webkit-text-stroke-color:color-mix(in srgb,var(--af-encre-profonde) 50%,transparent)}.af-chaine__titre{font:700 clamp(2.125rem,min(calc(5.2 * var(--u)),10vh),7.5rem)/.86 var(--af-police-titre);text-transform:uppercase;overflow-wrap:break-word}.af-chaine__note{margin-top:8px;font-size:clamp(.9375rem,min(calc(1.25 * var(--u)),2.4vh),1.3125rem);line-height:1.3}.af-chaine__maillon:not(:last-child):after{content:"";position:absolute;top:50%;left:calc(100% + var(--ecart) * .2 + 6px);width:calc(var(--ecart) * .62);height:clamp(20px,3.6vh,34px);transform:translateY(-50%) rotate(calc(-1 * var(--pente, 0deg)));background:var(--af-texte, var(--af-encre));clip-path:polygon(0 36%,62% 36%,62% 0,100% 50%,62% 100%,62% 64%,0 64%)}.af-chaine__marqueur{position:absolute;top:clamp(-22px,-2.6vh,-12px);left:clamp(14px,calc(1.6 * var(--u)),28px);display:grid;place-items:center;width:clamp(44px,min(calc(4 * var(--u)),7.6vh),76px);aspect-ratio:1;border-radius:var(--af-r-rond);background:var(--af-brique);color:var(--af-blanc-papier);font:700 clamp(1.625rem,min(calc(2.6 * var(--u)),5vh),3.25rem)/1 var(--af-police-titre);transform:rotate(-10deg);box-shadow:0 8px 12px -6px color-mix(in srgb,var(--af-encre-profonde) 60%,transparent)}.af-chaine__maillon[data-ton=brique] .af-chaine__marqueur{background:var(--af-encre-profonde);color:var(--af-jaune-papier)}.af-chaine__lettres{position:absolute;top:clamp(12px,2.4vh,26px);left:clamp(16px,calc(1.9 * var(--u)),34px);display:flex;gap:clamp(6px,calc(.6 * var(--u)),12px)}.af-chaine__lettres span{display:grid;place-items:center;width:clamp(34px,min(calc(3.4 * var(--u)),6.4vh),66px);aspect-ratio:1;background:var(--af-craie);color:var(--af-encre-profonde);font:700 clamp(1.375rem,min(calc(2.3 * var(--u)),4.4vh),2.875rem)/1 var(--af-police-titre)}.af-chaine__lettres span:nth-child(4n+2){transform:rotate(3deg);background:var(--af-jaune-papier)}.af-chaine__lettres span:nth-child(4n+3){transform:rotate(-2deg)}.af-chaine__lettres span:nth-child(4n+4){transform:rotate(2deg);background:var(--af-encre-profonde);color:var(--af-craie)}.af-chaine__maillon[data-ton=encre] .af-chaine__lettres span:nth-child(4n+4){background:var(--af-brique)}@media(max-width:899px){.af-chaine__rang{--ecart: 26px;grid-template-columns:minmax(0,1fr)}.af-chaine__maillon{min-height:0;margin-left:var(--avant);margin-right:var(--apres);padding:12px 14px;transform:rotate(var(--pente-cascade, 0deg))}.af-chaine__numero{top:8px;right:10px;font-size:2.5rem;-webkit-text-stroke-width:1.5px}.af-chaine__titre{font-size:2rem}.af-chaine__note{margin-top:4px;font-size:.875rem}.af-chaine__maillon:not(:last-child):after{top:calc(100% + var(--ecart) * .5 + 3px);left:50%;width:22px;height:16px;transform:translate(-50%,-50%) rotate(90deg)}.af-chaine__marqueur{top:-12px;right:54px;left:auto;width:34px;font-size:1.375rem}.af-chaine__lettres{position:static;order:3;margin-top:8px;gap:6px}.af-chaine__lettres span{width:30px;font-size:1.25rem}}.af-chaine[data-arme] .af-chaine__maillon{opacity:0;transform:translate(-40px) rotate(var(--pente, 0deg))}.af-chaine[data-arme][data-vu] .af-chaine__maillon{opacity:1;transform:rotate(var(--pente, 0deg));transition:transform .7s var(--af-m-ressort) calc(var(--i) * .22s),opacity .25s linear calc(var(--i) * .22s)}@media(max-width:899px){.af-chaine[data-arme][data-vu] .af-chaine__maillon{transform:rotate(var(--pente-cascade, 0deg))}}@media(prefers-reduced-motion:reduce){.af-chaine__maillon{transition:none!important}}