/* 局開始 配り演出（dennoDealAnimation）の見た目。正本 docs/hand-start-deal-animation.md。
 * 牌の出現（ジャッ）・伏せ→ソートの開き直しを CSS で表現する。タイミングのステージ間隔は
 * dennoDealAnimation の _schedule（dennoTimingConfig.animation.deal*）が担い、ここは1牌あたりの遷移のみ。 */

@keyframes denno-deal-in {
  from { opacity: 0; transform: translateY(-42%) scale(0.82); }
  to   { opacity: 1; transform: none; }
}

/* 配り/開き直しで append された牌が降ってくる（ジャッ）。both で初期状態も適用し最初のフレームのちらつきを防ぐ。 */
.bingpai .pai.denno-deal-tile.denno-deal-in {
  animation: denno-deal-in 170ms ease-out both;
}

/* prefers-reduced-motion: アニメを無効化（即表示）。配り順・伏せ・ソートのステージ自体は維持される。 */
@media (prefers-reduced-motion: reduce) {
  .bingpai .pai.denno-deal-tile.denno-deal-in {
    animation: none;
  }
}