.pk-grille{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px}.pk-scene{perspective:1400px}.pk-marches{--pk-b: 60px;--pk-p: 16px;display:flex;align-items:flex-end;gap:4px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,1,.36,1)}.pk-marches.pk-compact{--pk-b: 46px;--pk-p: 9px}@media (min-width: 640px){.pk-marches{--pk-b: 80px;--pk-p: 26px;gap:12px}.pk-marches.pk-compact{--pk-b: 54px;--pk-p: 13px}}@media (min-width: 1024px){.pk-marches{--pk-b: 92px;--pk-p: 30px}}@media (min-width: 768px) and (prefers-reduced-motion: no-preference){.pk-scene .pk-marches{transform:rotateX(16deg) rotateY(-9deg)}.pk-scene:hover .pk-marches,.pk-scene:focus-within .pk-marches{transform:rotateX(6deg) rotateY(-3deg)}[dir=rtl] .pk-scene .pk-marches{transform:rotateX(16deg) rotateY(9deg)}[dir=rtl] .pk-scene:hover .pk-marches,[dir=rtl] .pk-scene:focus-within .pk-marches{transform:rotateX(6deg) rotateY(3deg)}}.pk-marche{position:relative;flex:1 1 0;min-width:0;min-height:44px;height:calc(var(--pk-b) + var(--i) * var(--pk-p));display:flex;flex-direction:column;align-items:center;padding:9px 2px 0;border:1.5px solid var(--pk-bord);border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,var(--pk-face),#0b2027 88%);color:#fff;text-align:center;text-decoration:none;transform-origin:bottom;animation:pk-monte .7s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 80ms);transition:background .25s ease,translate .25s ease}.pk-marche:before{content:"";position:absolute;inset-inline:-1.5px;bottom:100%;height:12px;background:var(--pk-haut);border-radius:3px 3px 0 0;transform:skew(-45deg);transform-origin:bottom left}.pk-marche:after{content:"";position:absolute;top:-1.5px;inset-inline-start:100%;width:12px;height:calc(100% + 1.5px);background:var(--pk-cote);transform:skewY(-45deg);transform-origin:top left}[dir=rtl] .pk-marche:before{transform:skew(45deg);transform-origin:bottom right}[dir=rtl] .pk-marche:after{transform:skewY(45deg);transform-origin:top right}.pk-marche:hover{background:linear-gradient(180deg,var(--pk-face-survol),#0b2027 88%);translate:0 -3px}.pk-marche:focus-visible{outline:2px solid #6ee7b7;outline-offset:3px}.pk-marche[aria-pressed=true],.pk-marche[aria-current]{border-color:var(--c);background:linear-gradient(180deg,var(--c),var(--pk-face-actif));color:#06141b}.pk-marche[aria-pressed=true]:before,.pk-marche[aria-current]:before{background:var(--pk-haut-actif)}.pk-jeton,.pk-etoile{position:absolute;inset-inline-start:calc(50% + 6px);pointer-events:none;z-index:5}.pk-jeton{bottom:calc(100% + 16px);width:32px;height:32px;margin-inline-start:-16px;animation:pk-saut .55s cubic-bezier(.22,1,.36,1) both}.pk-etoile{bottom:calc(100% + 18px);width:38px;height:38px;margin-inline-start:-19px;animation:pk-tourne 6s linear infinite}.pk-marche[aria-pressed=true] .pk-etoile,.pk-marche[aria-current] .pk-etoile{bottom:calc(100% + 56px)}.pk-etoile>i{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:4px;background:linear-gradient(135deg,#fde68a,#f59e0b);box-shadow:0 0 22px #fbbf24b3}.pk-etoile>i+i{transform:rotate(45deg)}@keyframes pk-monte{0%{transform:scaleY(.12);opacity:.2}}@keyframes pk-saut{0%{transform:translateY(-34px) scale(.6);opacity:0}60%{transform:translateY(3px) scale(1.06);opacity:1}to{transform:none;opacity:1}}@keyframes pk-tourne{to{transform:perspective(200px) rotateY(360deg)}}.pk-carte{position:relative;border-color:var(--pk-bord, rgba(255, 255, 255, .12));transform-style:preserve-3d;transition:transform .2s ease-out,border-color .2s ease,box-shadow .2s ease}.pk-carte:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 44%,rgba(52,211,153,.2) 50%,rgba(251,191,36,.16) 56%,transparent 70%);background-size:250% 250%;background-position:var(--sx, 50%) var(--sy, 50%);transition:opacity .2s ease}.pk-carte:hover,.pk-carte:focus-visible{border-color:var(--c, #34d399);box-shadow:0 22px 50px -24px var(--c, #34d399)}.pk-carte:hover:after,.pk-carte:focus-visible:after{opacity:1}.pk-carte:focus-visible{outline:2px solid #6ee7b7;outline-offset:3px}@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference){.pk-carte:hover{transform:perspective(900px) rotateX(var(--rx, 5deg)) rotateY(var(--ry, -7deg)) translateY(-4px)}}@media (prefers-reduced-motion: no-preference){.pk-carte:active{transform:scale(.98)}}.pk-lueur{position:absolute;inset-inline:0;top:0;pointer-events:none;background:radial-gradient(ellipse at top,var(--pk-lueur, transparent),transparent 70%)}.pk-carte.pk-sans-relief:hover,.pk-carte.pk-sans-relief:active{transform:none}.pk-affiche{perspective:1100px}.pk-affiche-carte{transform:rotateY(-14deg) rotateX(8deg);transform-style:preserve-3d}[dir=rtl] .pk-affiche-carte{transform:rotateY(14deg) rotateX(8deg)}.pk-flottant{position:absolute;transform-style:preserve-3d}.pk-etoile.pk-etoile-affiche{bottom:auto;top:-5%;inset-inline-start:auto;inset-inline-end:9%;width:46px;height:46px;margin:0}.pk-flotte{animation:pk-flotte 7s ease-in-out infinite}@keyframes pk-flotte{50%{transform:translateY(-8px)}}.pk-etapes>li{position:relative}.pk-etapes>li+li:before{content:"";position:absolute;inset-inline-start:34px;top:-12px;width:2px;height:12px;background:var(--pk-ligne, rgba(255, 255, 255, .15))}.pk-pulse{animation:pk-pulse 1.8s ease-in-out infinite}@keyframes pk-pulse{0%,to{box-shadow:0 0 0 0 var(--pk-halo, rgba(52, 211, 153, .6))}50%{box-shadow:0 0 0 7px transparent}}@media (prefers-reduced-motion: reduce){.pk-marche,.pk-jeton,.pk-etoile,.pk-pulse,.pk-flotte{animation:none}.pk-marche:hover{translate:none}}
