.family-draw-hero a.button-primary { color: var(--black); }
.family-draw-waiting { margin-top: 1.5rem; padding: 1.2rem; border: 1px solid #d4d4d4; border-left: 6px solid var(--gold); background: #fff; }
.family-draw-waiting[hidden] { display: none; }
.family-draw-waiting h3 { margin: 0 0 0.4rem; font-size: 1.45rem; }
.family-draw-waiting p { margin: 0 0 1rem; line-height: 1.5; }
.family-draw-waiting-players { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: 0.65rem; }
.family-draw-waiting-card { display: flex; align-items: center; gap: 0.55rem; min-width: 0; width: 100%; margin: 0; padding: 0.65rem; border: 1px solid #deded9; background: #f8f8f5; }
.family-draw-waiting-card.can-swap { border-color: #267246; }
.family-draw-waiting-card.cannot-swap { opacity: 0.55; }
.family-draw-waiting-card.is-drop-target { outline: 3px solid var(--gold); outline-offset: -3px; }

@media (min-width: 1300px) {
  .family-page.has-draw-waiting .family-draw { width: min(1480px, calc(100% - 320px)); margin-right: 300px; }
  .family-draw-waiting { position: fixed; z-index: 20; top: 5.5rem; right: 1rem; width: 272px; max-height: calc(100dvh - 6.5rem); margin: 0; overflow-y: auto; box-shadow: 0 8px 24px rgb(0 0 0 / 0.12); }
  .family-draw-waiting-players { grid-template-columns: minmax(0, 1fr); }
}