.v4 .nf-board{--nf-gap:clamp(3px, .75vw, 9px);--nf-on:#f2f1ed;gap:var(--nf-gap)}.v4 .nf-off{background:#ffffff12;transition:background-color 1.3s cubic-bezier(.2,.7,.3,1)}.v4 .nf-off:hover{background:var(--orange);transition-duration:0s}.v4 .nf-lit{background:var(--nf-on);animation:.5s cubic-bezier(.34,1.56,.64,1) both nf-pop,5.2s linear infinite nf-scan;animation-delay:calc(.25s + var(--c) * 45ms + var(--r) * 20ms), calc(2.4s + var(--c) * 70ms)}@keyframes nf-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes nf-scan{0%,16%,to{background-color:var(--nf-on)}2%{background-color:#ff5f00}6%{background-color:#ff8b45}10%{background-color:#ffb88a}}.v4 .nf-slot{outline-offset:-1px;outline:1px dashed #ffffff4d}.v4 .nf-lost{--nf-cell:calc(100% + var(--nf-gap));--nf-drop:calc(6 * var(--nf-cell));background:var(--nf-on);cursor:pointer}.v4 .nf-lost:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.v4 .nf-lost[data-etat=chute]{animation:2.4s both nf-chute;animation-delay:var(--nf-delai,1.8s)}.v4 .nf-lost[data-etat=chute]:hover{filter:brightness(1.18)}.v4 .nf-lost[data-etat=chute]:after{content:"";border-radius:inherit;animation:1.6s ease-out infinite nf-appel;animation-delay:calc(var(--nf-delai,1.8s) + 2.6s);opacity:0;position:absolute;inset:0}.v4 .nf-lost[data-etat=remis]{animation:.7s cubic-bezier(.34,1.4,.64,1) both nf-remis}@keyframes nf-chute{0%{background-color:var(--nf-on);transform:translateY(0)rotate(0)}6%{transform:translateY(0)rotate(-10deg)}12%{transform:translateY(0)rotate(8deg)}18%{transform:translateY(0)rotate(-5deg)}24%{background-color:#ff5f00;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(0)rotate(0)}62%{transform:translateY(var(--nf-drop)) rotate(70deg);animation-timing-function:cubic-bezier(0,.55,.45,1)}74%{transform:translateY(calc(var(--nf-drop) - .9 * var(--nf-cell))) rotate(82deg);animation-timing-function:cubic-bezier(.55,0,1,.45)}86%{transform:translateY(var(--nf-drop)) rotate(90deg);animation-timing-function:cubic-bezier(0,.55,.45,1)}92%{transform:translateY(calc(var(--nf-drop) - .22 * var(--nf-cell))) rotate(90deg);animation-timing-function:cubic-bezier(.55,0,1,.45)}to{transform:translateY(var(--nf-drop)) rotate(90deg);background-color:#ff5f00}}@keyframes nf-remis{0%{transform:translateY(var(--nf-drop)) rotate(90deg);background-color:#ff5f00}65%{transform:translateY(calc(-.3 * var(--nf-cell))) rotate(0deg)}to{background-color:var(--nf-on);transform:translateY(0)rotate(0)}}@keyframes nf-appel{0%{opacity:1;box-shadow:0 0 #ff5f00a6}to{opacity:1;box-shadow:0 0 0 12px #ff5f0000}}.v4 .nf-blink{animation:1.4s steps(2,jump-none) infinite nf-blink}@keyframes nf-blink{50%{opacity:.2}}.v4 .nf-pending{animation:.9s ease-in-out infinite alternate nf-pending}@keyframes nf-pending{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:reduce){.v4 .nf-lit,.v4 .nf-blink,.v4 .nf-pending,.v4 .nf-lost[data-etat=remis],.v4 .nf-lost[data-etat=chute]:after{animation:none}.v4 .nf-off{transition:none}.v4 .nf-lost[data-etat=chute]{transform:translateY(var(--nf-drop));background:#ff5f00;animation:none}}