.spin{aspect-ratio:1;border-radius:var(--r-lg);border:1px solid var(--border);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#ffffff05;width:100%;position:relative;overflow:hidden}.spin[data-held]{cursor:grabbing}.spin:focus-visible{outline:2px solid var(--foil-solid);outline-offset:3px}.spin__f{object-fit:contain;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.spin__f[data-on]{opacity:1}.spin__hint{border-radius:var(--r-pill);color:var(--foil-solid);white-space:nowrap;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out);background:#08080ad1;padding:5px 12px;font-size:.58rem;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.spin[data-held] .spin__hint{opacity:0}@media (prefers-reduced-motion:reduce){.spin__hint{transition:none}}