/* 配牌の短い見出し。牌と操作エリアを覆わない。 */
.dealCue {
  position: fixed;
  transform: translateX(-50%);
  padding: 9px 18px;
  border: 1px solid #e9c77c;
  border-radius: 999px;
  background: #102f26;
  color: #fff3cf;
  box-shadow: 0 4px 18px #001b1b66;
  font-size: 17px;
  font-weight: 800;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  #hand.deal .tile, .side.deal .orow .tile, .side.deal .orow .tile.back { animation: none; }
}