/* 월간대회 페이지 전용 — 공통 컴포넌트(패널·가격카드·랭킹행·주의박스)는 shared/css/panel.css,
   rank.css를 그대로 쓰고 여기는 이 페이지에만 있는 배치만 담는다. */

/* 회차 상태 4칸 — 페이지 상단에서 "지금 어떤 상태인가"를 숫자로 먼저 답한다 */
.cup-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 32px; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; }
.cup-stat { background: var(--surface); padding: 18px 20px; }
.cup-stat .k { display: block; font-size: 12px; color: var(--text-mute); margin-bottom: 6px; }
.cup-stat .v { display: block; font-size: 19px; font-weight: 800; color: var(--primary-dark); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
/* 마감 카운트다운만 색을 준다 — 이 페이지에서 가장 시간에 민감한 값 */
.cup-stat:nth-child(2) .v { color: var(--game); }
@media (max-width: 760px) { .cup-stats { grid-template-columns: 1fr 1fr; } }

/* 참가권 3칸 — 단품 / 묶음 / 결제 전 확인사항 */
.ticket-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; }
@media (max-width: 980px) { .ticket-grid { grid-template-columns: 1fr; } }

.cup-notice { margin-top: 28px; margin-bottom: 28px; }

/* 응시 게이트 — 종목별 참가 버튼 목록(2026-08-06). 버튼끼리 붙어 보이지 않게 세로 간격을 준다. */
#gate-module-list { display: flex; flex-direction: column; gap: 10px; }
.notice-flag { display: block; margin-top: 6px; font-size: 12.5px; color: var(--text-mute); }

.cup-rules { background: var(--surface); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.cup-reward-lede { font-size: 13px; color: var(--text-mute); line-height: 1.7; margin-bottom: 10px; }
/* 순위 보상 줄의 메달 배지를 라벨 앞에 붙일 때 세로 정렬 */
.cup-rules .panel-line > span { display: inline-flex; align-items: center; gap: 8px; }

/* 패널 안에 들어가는 빈 상태 — 독립 섹션용 여백이 과해서 줄인다 */
.empty-state--inline { padding: 36px 18px; border: 0; }
.empty-state--inline p { margin-bottom: 18px; }

/* 컬럼 보드 스타일 자체는 shared/css/rank.css — 여기는 섹션 배경만 */
.board { background: var(--surface); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }

/* 참가권 결제 목업 모달 스타일(.pay-*)은 shared/css/checkout.css — 랭킹 꾸미기·브레인체크 결과와
   공용이라 이 페이지 전용 CSS에는 두지 않는다. */