/* The cabinet artwork owns the complete SPIN face. This element is only the
   input hit area; it must never draw a second button, icon or label. */
.controls>.spin{
  appearance:none;
  -webkit-appearance:none;
  -webkit-tap-highlight-color:transparent;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
  outline:0;
  box-shadow:none;
}

/* A short light response confirms the press while preserving the baked art. */
.controls>.spin:active{
  filter:brightness(1.12);
  box-shadow:0 0 16px 4px rgba(255,226,140,.45);
}

/* Keyboard focus: a soft warm glow, never a drawn ring. The hit circle is smaller than the painted button and
   sits off its centre, so a ring looked like a misplaced white line (review 2026-09-26). The game also focuses
   SPIN from code (after cups, free spins, dialogs); on touch screens that must show nothing at all. */
.controls>.spin:focus-visible{
  outline:none;
  box-shadow:0 0 22px 6px rgba(255,214,110,.42);
}
@media (hover:none){.controls>.spin:focus-visible{box-shadow:none}}
.controls>.spin{-webkit-tap-highlight-color:transparent}

/* Lock only input while settling. The painted face retains its normal colour. */
.cabinet .controls>.spin:disabled{background:transparent!important;box-shadow:none!important;filter:none!important;opacity:1}

@media(prefers-reduced-motion:reduce){.controls>.spin:active{filter:brightness(1.06)}}