/* Cards travel in viewport space above the entire table. */
.card-motion-layer {
 position: fixed;
 inset: 0;
 z-index: 45;
 pointer-events: none;
 overflow: clip;
 contain: layout style paint;
}
.motion-card {
 position: absolute;
 inset: 0 auto auto 0;
 width: 88px;
 height: 124px;
 transform-origin: center;
 will-change: transform;
 pointer-events: none;
}
.motion-card > .playing-card,
.motion-card > .card-back {
 width: 88px;
 height: 124px;
 margin: 0;
 transform: none;
 filter: none;
 transition: none;
 box-shadow: 0 2px 4px #07120c55;
}
.motion-card > .card-back { border-width: 3px; }
.motion-card > .card-back span { width: 44px; height: 56px; font-size: 32px; }
.motion-clock { position: absolute; width: 1px; height: 1px; pointer-events: none; }
.motion-awaiting { visibility: hidden !important; }
.game-in-motion .table-status { border-color: #c9a36680; color: #e2d2b2; }
.game-in-motion .turn-pulse { background: #ddae6a; box-shadow: 0 0 9px #dfb98177; }
.game-in-motion .hand-scroll { pointer-events: none; }