/* @cpi 2026-10-14 13:10: aspecto unico, base fija y eje articulado; color configurable por cabinet. */
.arcade-common-stick{touch-action:none;user-select:none;cursor:grab}
.arcade-common-stick:active{cursor:grabbing}
.arcade-common-stick>i,.metal-stick.arcade-common-stick>b{visibility:hidden!important}
.arcade-common-stick::before{display:none!important}
.arcade-stick-visual{position:absolute;inset:0;pointer-events:none;--stick-color:#e52e36}
.arcade-stick-visual .stick-base{position:absolute;left:22%;top:57%;width:56%;height:27%;border-radius:50%;background:radial-gradient(ellipse,#383c39 0 35%,#111 43% 66%,#9ca39a 68%,#252b24 76%);box-shadow:0 4px 4px #0009}
.arcade-stick-visual .stick-shaft{position:absolute;inset:0;background:linear-gradient(90deg,#53575b 35%,#fff 49%,#92999d 55%,#383838 68%);clip-path:polygon(calc(46% + var(--x,0px)) calc(30% + var(--y,0px)),calc(54% + var(--x,0px)) calc(30% + var(--y,0px)),54% 70%,46% 70%)}
.arcade-stick-visual .stick-ball{position:absolute;left:27%;top:4%;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 22%,#ffe5db,var(--ball-color,var(--stick-color)) 32%,#991325 72%,#430b19);transform:translate(var(--x,0px),var(--y,0px));box-shadow:2px 4px 5px #0006}

/* @cpi 2026-10-14 14:05: la altura del tablero limita el dibujo; una zona ancha no agranda la bola hasta tapar el eje. */
.arcade-stick-visual{inset:0 auto 0 50%;width:auto;height:100%;aspect-ratio:1;max-width:100%;transform:translateX(-50%)}