/* 牌堆：开场后出现在屏幕中央，随后上移缩小并逐张发牌 */
.deck {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: var(--card-w);
  height: var(--card-h);
  margin: calc(var(--card-h) / -2) 0 0 calc(var(--card-w) / -2);
  visibility: hidden;
  pointer-events: none;
}

.deck.is-active {
  visibility: visible;
}

.deck__card {
  opacity: 0;
  will-change: transform, opacity;
}

.deck__ring {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 460px;
  height: 460px;
  margin: -230px 0 0 -230px;
  border: 2px solid rgba(216, 180, 106, 0.6);
  border-radius: 50%;
  box-shadow: 0 0 50px rgba(216, 180, 106, 0.4), inset 0 0 50px rgba(216, 180, 106, 0.3);
  opacity: 0;
}