/*
 * apps/name-draw.css
 * "📛 랜덤 이름 추첨" 카드 전용 스타일.
 */

.name-list-input {
  width: 100%;
  min-height: 110px;
  padding: 12px 14px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border);
  background: var(--color-bg);
  font-family: inherit;
  font-size: 14px;
  color: var(--color-text);
  box-sizing: border-box;
  resize: vertical;
  margin-bottom: 12px;
}

.name-list-input:focus {
  outline: none;
  border-color: var(--color-primary);
  background: var(--color-surface);
}

.name-display {
  text-align: center;
  font-size: 22px;
  font-weight: 800;
  color: var(--color-text);
  background: var(--color-bg);
  border-radius: var(--radius-md);
  padding: 28px 16px;
  margin: 16px 0;
  word-break: break-all;
}

.name-winner-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.name-winner-chip {
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--color-primary-soft);
  color: var(--color-primary-dark);
  font-weight: 700;
  font-size: 13.5px;
}