/* ===== Duell: faltbare Aufstellung der Schnell-Decks =====================
   Die Brettwahl sitzt in der Bereit-Leiste (play-view.js readyBarHtml). Beim
   Wechsel ruecken die Aufstellungen der Schnell-Decks sichtbar zusammen (6x6)
   oder auseinander (8x8): immer 8 Plaetze je Reihe, .is-b6 klappt die Plaetze
   3 und 7 weg (play-cards.js foldingLineup). Die hintere Reihe folgt einen
   Hauch spaeter. */

.duell .deck-card .dc-formation.is-foldable .dc-fp {
  min-width: 0;
  transition:
    max-width 520ms cubic-bezier(.22, .8, .24, 1),
    flex-grow 520ms cubic-bezier(.22, .8, .24, 1),
    margin 520ms cubic-bezier(.22, .8, .24, 1),
    border-width 520ms cubic-bezier(.22, .8, .24, 1),
    transform 520ms cubic-bezier(.22, .8, .24, 1),
    opacity 300ms ease;
}
.duell .deck-card .dc-formation.is-foldable .dc-form-row + .dc-form-row .dc-fp { transition-delay: 70ms; }
.duell .deck-card .dc-formation.is-b6 .dc-fp.is-fold {
  flex-grow: 0;
  max-width: 0;
  margin-left: -5px;
  border-width: 0;
  opacity: 0;
  transform: scale(.35);
}

@media (prefers-reduced-motion: reduce) {
  .duell .deck-card .dc-formation.is-foldable .dc-fp { transition: none; }
}