:root{--motion-ease:cubic-bezier(.2,.8,.2,1)}
button,a,input,select{transition:background-color 160ms ease,border-color 160ms ease,box-shadow 180ms ease,opacity 160ms ease}
button:active{filter:brightness(1.12)}
.card-slot,.cell{transition:transform 200ms var(--motion-ease),box-shadow 240ms ease,border-color 160ms ease}
.card-slot.held{transform:translateY(-7px)}
.overlay.visible,.modal.visible{animation:motion-enter 220ms var(--motion-ease)}
@keyframes motion-enter{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){button,a,input,select,.card-slot,.cell{transition:none}.overlay.visible,.modal.visible{animation:none}.card-slot.held{transform:none}}