/* 공통 */
.result-names { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.chip { padding:.2rem .55rem; border-radius:9999px; font-weight:600; font-size:.95rem; }
.chip.win  { color:#166534; background:#dcfce7; }
.chip.lose { color:#991b1b; background:#fee2e2; }

/* 데스크톱 기본: 테이블 보이기 / 카드 숨김 */
.games-table { display: table; width: 100%; }
.games-cards { display: none; }

@media (max-width: 768px) {
  /* 모바일: 테이블 숨기고 카드 사용 */
  .games-table { display: none; }
  .games-cards { display: block; }

  .game-card {
    border:1px solid #eee; border-radius:14px; padding:14px 16px; margin-bottom:12px;
    background:#fff;
  }
  .game-date { font-weight:800; font-size:1.05rem; margin-bottom:6px; }
  .role-row  { margin-top:10px; }
  .role-name { color:#374151; font-weight:700; margin-bottom:6px; }
}

/* 기본 폭 제어 */
.participants-table { width: 100%; table-layout: fixed; }
.participants-table .select { width: 100%; }

/* 행 공통 패딩/테두리 */
.pt-row .pt-cell {
  padding: 12px 14px;
  border: 1px solid #eee;
  border-radius: 12px;
}

/* 라벨 */
.pt-label { display:block; font-size:.85rem; color:#6b7280; margin-bottom:4px; }

/* 1줄째: 역할/사람 2열 그리드 */
.pt-row-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

/* 2줄째: 승/삭제 정렬 */
.pt-row-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.pt-win input { transform: scale(1.1); }

/* 삭제 버튼: 모바일 아이콘 우선, 데스크톱 텍스트+아이콘 */
.pt-delete { display: inline-flex; gap: 6px; align-items: center; }
.pt-delete-icon { font-size: 16px; line-height: 1; }

/* 반응형 */
@media (max-width: 768px) {
  /* 테이블 헤더 감춤 → 카드형 */
  .participants-table thead { display: none; }

  /* 삭제 버튼: 모바일에서는 아이콘만 노출 */
  .pt-delete-text { display: none; }
}

@media (min-width: 769px) {
  /* 데스크톱에서 기존 테이블 느낌 유지 */
  .pt-row .pt-cell { border: none; padding: 0; }
  .pt-label { display: none; }
  .pt-row-top { grid-template-columns: 180px 1fr; gap: 12px; }
  .pt-row-bottom { justify-content: flex-start; gap: 18px; margin-top: 0; }
}