@layer components{.batons{width:100%;height:auto;display:block;overflow:visible}.batons .t{fill:none;stroke-linecap:round}.batons .f{stroke:#16140f;stroke-width:3.4px}.batons .f.x{stroke:#ff5a1f;stroke-width:4.2px}.batons .v{stroke:#c6c0b3;stroke-width:1.6px;stroke-dasharray:.07 .06}.batons.a-dessiner .f{stroke-dasharray:1;stroke-dashoffset:1px}.batons.a-dessiner.joue .f{animation:.13s cubic-bezier(.2,.8,.2,1) forwards terrain-trace;animation-delay:calc(var(--d0,0s) + var(--d,0s))}.poteau{flex-direction:column;width:18px;height:100%;display:flex}.poteau .bandes{flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex;box-shadow:inset 0 0 0 2px #16140f}.poteau .bandes li{background:#f9f7f2;border-top:1.5px solid #16140f;flex:1;margin:0 2px;position:relative}.poteau .bandes li:first-child{border-top:0;margin-top:2px}.poteau .bandes li:last-child{margin-bottom:2px}.poteau .bandes li.ok{background:#ff5a1f}.poteau .bandes li.en{background:repeating-linear-gradient(-45deg,#ff5a1f 0 2.5px,#f9f7f2 2.5px 6px)}.poteau .bandes li:after{content:attr(data-n);font-family:var(--font-titre);letter-spacing:.04em;color:#a9a396;font-size:11px;font-weight:700;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.poteau.sans-numeros .bandes li:after{content:none}.poteau .bandes li.ok:after{color:#16140f}.poteau .bandes li.en:after{color:#b53a08}.poteau .pointe{flex:none;width:18px;height:26px;display:block}.poteau .pointe-collier{fill:#16140f}.poteau .pointe-fer{fill:#77726a}.geste{fill:none;stroke-linecap:round;stroke-linejoin:round}.dessine{stroke-dasharray:1;stroke-dashoffset:1px}.dessine.joue{animation:terrain-trace var(--duree,.24s) cubic-bezier(.2, .8, .2, 1) forwards;animation-delay:var(--d,0s)}.coche-tracee path{stroke:#16140f;stroke-width:4px}.coin{white-space:nowrap;display:inline-block;position:relative}.coin svg{pointer-events:none;width:116%;height:112%;position:absolute;top:-2%;left:-8%;overflow:visible}.coin path{stroke:#ff5a1f;stroke-width:5px}@media (min-width:900px){.coin path{stroke-width:7px}}.coin-fin{margin:0 .3em;font-weight:600}.coin-fin svg{width:128%;height:146%;top:-22%;left:-14%}.coin.coin-fin path{stroke-width:2.6px}@keyframes terrain-trace{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.dessine,.batons.a-dessiner .f{stroke-dashoffset:0;animation:none}}}
