.pila{margin-top:2.5rem}.pila[data-pila=attiva]{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.5rem,2vw,1.5rem);display:grid}.pila-scena{position:relative;overflow:hidden;mask-image:linear-gradient(#0000 0%,#000 14% 86%,#0000 100%)}.pila[data-pila=attiva] .lp-numeri{perspective:1200px;touch-action:pan-x;cursor:grab;height:500px;margin:0;display:block;position:relative}.pila[data-pila=attiva][data-pila-libera] .lp-numeri{touch-action:pan-y}.pila[data-pila=attiva] .lp-numeri:active{cursor:grabbing}.pila[data-pila=attiva] .lp-tessera{width:min(340px,86%);height:200px;transform:translateY(var(--pila-y,0px)) scale(var(--pila-s,1)) rotateX(var(--pila-rx,0deg));opacity:var(--pila-o,1);z-index:var(--pila-z,0);transition:transform .55s var(--ease-spring), opacity .45s var(--ease-out), box-shadow .55s var(--ease-out);will-change:transform, opacity;border-radius:20px;flex-direction:column;justify-content:center;margin:auto;padding:1.5rem 1.6rem;display:flex;position:absolute;inset:0}.pila[data-pila=attiva] .lp-tessera[data-pila-fuori]{pointer-events:none}.pila[data-pila=attiva] .lp-tessera[data-pila-corrente]{border-color:color-mix(in srgb, var(--secondary) 45%, var(--border-color));box-shadow:0 1px 0 0 color-mix(in srgb, var(--paper) 40%, transparent) inset, 0 30px 60px -26px #101f3c73}body.dark-mode .pila[data-pila=attiva] .lp-tessera[data-pila-corrente]{box-shadow:0 1px 0 0 #ffffff0f inset, 0 34px 70px -28px #020814e6, 0 0 50px -20px color-mix(in srgb, var(--secondary) 75%, transparent)}.pila[data-pila=attiva] .lp-tessera[data-pila-corrente]:before{opacity:1}.pila[data-pila=attiva] .lp-tessera-cifra{font-size:clamp(2.4rem,6vw,3.4rem)}.pila[data-pila=attiva] .lp-tessera-voce{font-size:.92rem}.pila-contatore{font-family:var(--font-mono);font-variant-numeric:tabular-nums;user-select:none;flex-direction:column;align-items:center;gap:.5rem;display:none}.pila[data-pila=attiva] .pila-contatore{display:flex}.pila-contatore-corrente{font-family:var(--font-display);font-variation-settings:"opsz" 72;color:var(--text-color);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:400;line-height:1}.pila-contatore-riga{background:color-mix(in srgb, var(--text-muted) 45%, transparent);width:1.8rem;height:1px}.pila-contatore-totale{color:var(--text-muted);font-size:.78rem}.pila-punti{flex-direction:column;gap:.5rem;display:none}.pila[data-pila=attiva] .pila-punti{display:flex}.pila-punto{background:color-mix(in srgb, var(--text-muted) 45%, transparent);cursor:pointer;width:8px;height:8px;transition:height .35s var(--ease-spring), background-color .35s var(--ease-out);border:none;border-radius:999px;padding:0}.pila-punto:hover{background:color-mix(in srgb, var(--secondary) 65%, transparent)}.pila-punto[aria-selected=true]{background:var(--secondary);height:24px}.pila-indizio{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);user-select:none;grid-column:1/-1;justify-content:center;align-items:center;gap:.6rem;margin:.6rem 0 0;font-size:.62rem;font-weight:700;display:none}.pila[data-pila=attiva] .pila-indizio{display:flex}.pila-indizio svg{width:16px;height:16px}.pila-indizio-su{animation:1.5s ease-in-out infinite pila-fluttua-su}.pila-indizio-giu{animation:1.5s ease-in-out infinite pila-fluttua-giu}@keyframes pila-fluttua-su{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pila-fluttua-giu{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.pila[data-pila-usata] .pila-indizio{opacity:0;transition:opacity .6s var(--ease-out);pointer-events:none}@media (width<=860px),(pointer:coarse){.pila-punti{gap:0}.pila-punto{box-sizing:border-box;height:44px;transition:padding .35s var(--ease-spring), background-color .35s var(--ease-out);background-clip:content-box;padding:18px 0;position:relative}.pila-punto[aria-selected=true]{height:44px;padding:10px 0}.pila-punto:after{content:"";position:absolute;inset:0 -18px}}@media (width<=560px){.pila[data-pila=attiva]{grid-template-columns:auto minmax(0,1fr) auto;gap:.4rem}.pila[data-pila=attiva] .lp-numeri{height:420px}.pila[data-pila=attiva] .lp-tessera{width:min(300px,94%);height:175px;padding:1.2rem 1.3rem}}@media (prefers-reduced-motion:reduce){.pila[data-pila=attiva] .lp-tessera,.pila-punto{transition:none}.pila-indizio-su,.pila-indizio-giu{animation:none}}@media print{.pila-contatore,.pila-punti,.pila-indizio{display:none}.pila[data-pila=attiva] .lp-numeri{grid-template-columns:repeat(2,1fr);gap:.9rem;height:auto;display:grid}.pila[data-pila=attiva] .lp-tessera{opacity:1;width:auto;height:auto;box-shadow:none;position:static;transform:none}}