/* A continuous three-card flourish, scaled inside the existing gold button. */
.deal-shuffle{display:none;position:absolute;inset:11%;width:78%;height:78%;overflow:visible;pointer-events:none;filter:drop-shadow(0 1.5px 1px #000b)}
.deal-button[data-label=DEALING] .deal-label{display:none}
.deal-button[data-label=DEALING] .deal-shuffle{display:block}
.control-panel .round-actions .deal-button[data-label=DEALING]:disabled{filter:none}
.shuffle-card{transform-box:view-box;transform-origin:40px 40px;animation-duration:2.4s;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-iteration-count:infinite}
.shuffle-card-left{transform:translate(-9px,4px) rotate(-18deg) scale(.94);animation-name:shuffle-left}
.shuffle-card-right{transform:translate(9px,4px) rotate(18deg) scale(.94);animation-name:shuffle-right}
.shuffle-card-front{transform:translate(0,-5px);animation-name:shuffle-front}
@keyframes shuffle-left{
  0%,100%{transform:translate(-9px,4px) rotate(-18deg) scale(.94)}
  18%{transform:translate(-15px,1px) rotate(-28deg) scale(.96)}
  38%{transform:translate(-1px,-6px) rotate(-3deg)}
  58%{transform:translate(8px,3px) rotate(17deg) scale(.94)}
  80%{transform:translate(0,7px) rotate(3deg) scale(.92)}
}
@keyframes shuffle-right{
  0%,100%{transform:translate(9px,4px) rotate(18deg) scale(.94)}
  18%{transform:translate(2px,7px) rotate(4deg) scale(.92)}
  38%{transform:translate(-9px,3px) rotate(-18deg) scale(.94)}
  58%{transform:translate(-14px,0) rotate(-27deg) scale(.96)}
  80%{transform:translate(1px,-6px) rotate(3deg)}
}
@keyframes shuffle-front{
  0%,100%{transform:translate(0,-5px) rotate(0deg)}
  18%{transform:translate(10px,-1px) rotate(18deg) scale(.98)}
  38%{transform:translate(14px,3px) rotate(26deg) scale(.96)}
  58%{transform:translate(0,6px) rotate(0deg) scale(.94)}
  80%{transform:translate(-11px,0) rotate(-22deg) scale(.98)}
}
.deal-button[data-reduced-motion=true] .shuffle-card{animation:none}
@media(prefers-reduced-motion:reduce){.shuffle-card{animation:none}}