/* Crosslink V324: stronger cup shaking; faster dice; more board clearance. */
/* Leave extra space between the board and cup on wider displays. */
@media(min-width:761px){
 body.board-view .board-wrap>.playbar,
 body.board-view .playbar,
 body.board-view:not(.classic-mode):not(.pawn-status-hidden) .playbar{
  transform:translateX(42px) !important;
 }
}
@media(max-width:760px){
 body.board-view .board-wrap>.playbar,
 body.board-view .playbar,
 body.board-view:not(.classic-mode):not(.pawn-status-hidden) .playbar{
  margin-top:22px !important;
 }
}
/* Shake the entire layered cup; both the felt backing and front face move together. */
body.board-view #diceCupStage[data-state="shake"] #cupRollAnimation .cup-motion-layers{
 animation:none!important;
 transform-origin:50% 72% !important;
 will-change:transform;
}
@keyframes v324CupShake{
 0%{transform:translate(-8px,-2px) rotate(-4deg)}
 100%{transform:translate(8px,2px) rotate(4deg)}
}
/* Complete several tumbles while ascending, without changing the recording duration. */
body.board-view #diceCupStage[data-state="roll"] .cup-motion-layers .die:first-child{
 animation:v324FastDieA 270ms linear infinite !important;
}
body.board-view #diceCupStage[data-state="roll"] .cup-motion-layers .die:last-child{
 animation:v324FastDieB 240ms linear infinite !important;
}
@keyframes v324FastDieA{from{transform:rotate(-28deg)}to{transform:rotate(332deg)}}
@keyframes v324FastDieB{from{transform:rotate(36deg)}to{transform:rotate(-324deg)}}
/* Preserve the V323 back -> dice -> front order and keep the dice fixed after rolling. */
body.board-view #diceCupStage[data-state="settled"] .cup-motion-layers .die{
 animation:none !important;transform:none !important;
}
@media(prefers-reduced-motion:reduce){
 body.board-view #diceCupStage[data-state="roll"] .cup-motion-layers .die{animation:none !important}
 body.board-view #diceCupStage[data-state="shake"] #cupRollAnimation .cup-motion-layers{animation:none !important}
}