/* module-tournament — 둘 중 하나 고르기(토너먼트). 항목이 무엇인지 모른다.
   유형 3종(항목 데이터로 자동 전환 · 루트 data-kind): 정보형 = info(지표 칸) · 그림형 = image(그림 위에 이름) · 글자형 = text(이름만).
   사이트 값 = CSS 변수: --tournament-accent · -ink · -muted · -line · -surface · -info-width · -top-offset · -stage-height.
   상태는 클래스가 아니라 속성(data-on · data-off · data-hint · data-stage)으로 건다.
   움직임: 모드 카드 교차 바운스·VS 바운스는 작은 움직임이라 항상. 색종이·판 전환·첫 판 신호는 기기 동작 줄이기에 맞춘다. */
.module-tournament {
  --tournament-accent-now: var(--tournament-accent, #2563eb);
  --tournament-ink-now: var(--tournament-ink, #111827);
  --tournament-muted-now: var(--tournament-muted, #6b7280);
  --tournament-line-now: var(--tournament-line, #e5e7eb);
  --tournament-surface-now: var(--tournament-surface, #fff);
  --tournament-soft-now: color-mix(in srgb, var(--tournament-accent-now) 9%, #fff);
  container-type: inline-size;
  position: relative;
  box-sizing: border-box;
  margin: 14px 0;
  color: var(--tournament-ink-now);
  line-height: 1.4;
}
.module-tournament *, .module-tournament *::before, .module-tournament *::after { box-sizing: border-box; }
.module-tournament button { font: inherit; color: inherit; cursor: pointer; }

/* 머리 · 스크립트 없는 목록 */
/* 항목 목록 = 스크립트가 읽는 데이터 · 스크립트 없을 때만 보임(noscript) · 켜지기 전 깜빡임 0 · 자리 높이는 변수로 예약(밀림 0) */
.module-tournament__list { display: none; margin: 0; padding-left: 22px; }
.module-tournament:not([data-ready]) { min-height: var(--tournament-reserve, 0); }
.module-tournament__facts { margin: 2px 0 6px; padding-left: 18px; font-size: 13px; color: var(--tournament-muted-now); }
.module-tournament__fallback { margin: 8px 0 0; }
.module-tournament[data-ready] .module-tournament__list,
.module-tournament[data-ready] .module-tournament__fallback { display: none; }
/* 절 머리(제목·소개)는 시작·판·결과 세 단계 모두 남는다 — 화면 바뀜은 아래 상자(stage) 안에서만(2026-11-06 결함 수리: 예전엔 판·결과에서 머리를 숨겼다) */

/* 시작 */
/* 바깥 틀 변수(2026-11-06): --tournament-frame-border(시작·결과 화면 바깥 선 · 기본 1px 실선) · --tournament-frame-pad(시작 화면 안쪽 여백 · 기본 14px 16px) · --tournament-result-pad(결과 화면 안쪽 여백) · --tournament-frame-overflow(결과 화면 넘침 처리 · 기본 hidden) — 안 주면 예전 모습 */
.module-tournament__start { display: flex; flex-direction: column; gap: 12px; padding: var(--tournament-frame-pad, 14px 16px); border: var(--tournament-frame-border, 1px solid var(--tournament-line-now)); border-radius: 14px; background: var(--tournament-start-bg, var(--tournament-surface-now)); }
/* 모드 카드 모양 변수(2026-11-06): --tournament-mode-ratio(가로:세로 · 정사각형 = 1) · -mode-columns(좁은 칸 열) · -mode-columns-wide(넓은 칸 열) · -mode-justify(열 묶음 정렬) · -mode-gap · -mode-pad · -mode-title-size · -mode-desc-size · -mode-count-size — 안 주면 예전 모습 */
.module-tournament__modes { position: relative; display: grid; grid-template-columns: var(--tournament-mode-columns, 1fr); justify-content: var(--tournament-mode-justify, stretch); gap: var(--tournament-mode-gap, 26px 14px); }
.module-tournament__mode { display: flex; flex-direction: column; justify-content: var(--tournament-mode-content-align, center); align-items: center; aspect-ratio: var(--tournament-mode-ratio, auto); min-width: 0; gap: 4px; padding: var(--tournament-mode-pad, 12px); text-align: center; background: var(--tournament-quick-bg, var(--tournament-surface-now)); border: 2px solid var(--tournament-quick-line, var(--tournament-accent-now)); border-radius: 12px; animation: tournament-mode 2s ease-in-out infinite; }
.module-tournament__mode:nth-of-type(2) { animation-delay: 1s; background: var(--tournament-deep-bg, var(--tournament-surface-now)); border-color: var(--tournament-deep-line, var(--tournament-accent-now)); }
/* 모드 카드 색 변수(2026-11-06): 빠른(첫째) = --tournament-quick-bg·-line·-ink · 정밀(둘째) = --tournament-deep-bg·-line·-ink. 안 주면 예전 모습(흰 바탕 + 강조색 테두리·글자) */
.module-tournament__mode-title { font-size: var(--tournament-mode-title-size, 17px); font-weight: 800; color: var(--tournament-quick-ink, inherit); }
.module-tournament__mode:nth-of-type(2) .module-tournament__mode-title, .module-tournament__mode:nth-of-type(2) .module-tournament__mode-count { color: var(--tournament-deep-ink, var(--tournament-accent-now)); }
.module-tournament__mode:nth-of-type(2) .module-tournament__mode-title { color: var(--tournament-deep-ink, inherit); }
/* 셋째 카드 «전체 비교»: 색 변수 --tournament-full-bg · -line · -ink(안 주면 정밀 색) · 좁은 칸에서는 윗줄 둘 아래 전체 너비 가로형(제목·설명 왼쪽 · 개수·선택 횟수 오른쪽) · 넓은 칸에서는 같은 크기 카드 3장 */
.module-tournament__mode:nth-of-type(3) { animation-delay: .5s; background: var(--tournament-full-bg, var(--tournament-deep-bg, var(--tournament-surface-now))); border-color: var(--tournament-full-line, var(--tournament-deep-line, var(--tournament-accent-now))); }
.module-tournament__mode:nth-of-type(3) .module-tournament__mode-title, .module-tournament__mode:nth-of-type(3) .module-tournament__mode-count { color: var(--tournament-full-ink, var(--tournament-deep-ink, var(--tournament-accent-now))); }
.module-tournament__modes[data-count="3"] .module-tournament__mode:nth-of-type(3) { grid-column: 1 / -1; aspect-ratio: auto; display: grid; grid-template-columns: 1fr auto; grid-template-areas: "t c" "d c"; align-items: center; justify-items: start; column-gap: 12px; padding: 12px 16px; text-align: left; }
.module-tournament__modes[data-count="3"] .module-tournament__mode:nth-of-type(3) .module-tournament__mode-title { grid-area: t; }
.module-tournament__modes[data-count="3"] .module-tournament__mode:nth-of-type(3) .module-tournament__mode-desc { grid-area: d; }
.module-tournament__modes[data-count="3"] .module-tournament__mode:nth-of-type(3) .module-tournament__mode-count { grid-area: c; justify-self: end; text-align: right; }
.module-tournament__mode-desc { font-size: var(--tournament-mode-desc-size, 13px); white-space: pre-line; word-break: keep-all; color: var(--tournament-muted-now); }
.module-tournament__mode-count::first-line { font-size: var(--tournament-mode-count-lead-size, 1em); line-height: 1.15; }   /* 개수 큰 글자(카드 주인공) — 낱말 count_text 의 첫 줄 */
.module-tournament__mode-count { white-space: pre-line; font-size: var(--tournament-mode-count-size, 14px); font-weight: 800; color: var(--tournament-quick-ink, var(--tournament-accent-now)); }
.module-tournament__go, .module-tournament__action { display: block; width: 100%; padding: 14px; text-align: center; text-decoration: none; font-size: 17px; font-weight: 800; color: #fff; background: var(--tournament-accent-now); border: 0; border-radius: 10px; }
/* 보조 단추(이어서 하기·다시 하기·공유) 한 벌 변수: --tournament-secondary-line(테두리 색) · -secondary-ink(글자 색) · -secondary-width(테두리 굵기) — 안 주면 예전 연회색 테두리 */
.module-tournament .module-tournament__resume { padding: 11px; font-size: 15px; font-weight: var(--tournament-secondary-weight, 400); color: var(--tournament-secondary-ink, inherit); background: var(--tournament-surface-now); border: var(--tournament-secondary-width, 1px) solid var(--tournament-secondary-line, var(--tournament-line-now)); border-radius: 10px; }
.module-tournament__vs { position: absolute; z-index: 2; left: 50%; top: 50%; width: 42px; height: 42px; margin: -21px 0 0 -21px; display: grid; place-items: center; pointer-events: none; font-size: 14px; font-weight: 800; color: var(--tournament-vs-ink, var(--tournament-accent-now)); background: var(--tournament-vs-bg, var(--tournament-surface-now)); border-radius: 50%; box-shadow: 0 2px 6px rgba(0, 0, 0, .25); animation: tournament-vs 1.5s ease-in-out infinite; }
.module-tournament[data-offscreen] .module-tournament__mode, .module-tournament[data-offscreen] .module-tournament__vs { animation-play-state: paused; }

/* 판: 윗줄 알약·남은 횟수 · 아랫줄 진행 막대 · 높이 = --tournament-stage-height(호출하는 쪽이 절 머리 높이를 고려해 줌) */
.module-tournament[data-stage="play"] .module-tournament__stage { display: flex; flex-direction: column; height: var(--tournament-stage-height, clamp(480px, calc(100svh - var(--tournament-top-offset, 0px)), 760px)); background: var(--tournament-surface-now); border-radius: 14px; overflow: hidden; }
.module-tournament__bar { flex: 0 0 48px; display: flex; align-items: center; gap: 4px; padding: 0 6px 0 2px; }
.module-tournament .module-tournament__back, .module-tournament .module-tournament__exit, .module-tournament .module-tournament__close { flex: 0 0 auto; min-height: 40px; padding: 0 12px; font-size: 13px; font-weight: 700; white-space: nowrap; color: var(--tournament-accent-now); background: none; border: 1px solid var(--tournament-accent-now); border-radius: 999px; }   /* 글자 단추(처음으로) · 터치 높이 40px 이상 */
.module-tournament__pill { flex: 0 0 auto; padding: 3px 10px; font-size: 14px; font-weight: 800; color: #fff; background: var(--tournament-accent-now); border-radius: 999px; }
.module-tournament__left { flex: 1 1 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: var(--tournament-muted-now); }
.module-tournament__progress { flex: 0 0 auto; min-height: 22px; display: flex; align-items: center; gap: 8px; padding: 0 var(--tournament-inner-x, 12px) 6px; }   /* --tournament-inner-x = 판 화면 줄 좌우 안쪽 여백(바깥 상자 패딩이 있으면 0 으로 겹침 방지) */
.module-tournament__track { flex: 1; height: var(--tournament-track-height, 8px); overflow: hidden; background: #dbe0e6; border-radius: calc(var(--tournament-track-height, 8px) / 2); }   /* 진행 막대 두께 변수 --tournament-track-height(원안 20px · 기본 8px) */
.module-tournament__track > b { display: block; height: 100%; background: var(--tournament-accent-now); border-radius: inherit; transition: width .3s; }
.module-tournament__pct { min-width: 38px; white-space: nowrap; text-align: right; font-size: 14px; font-weight: 800; color: var(--tournament-accent-now); }
.module-tournament__guide { flex: 0 0 auto; margin: 0; padding: 0 var(--tournament-inner-x, 12px) 4px; font-size: 14px; text-align: center; color: var(--tournament-muted-now); }
/* 판·시작 화면 머리(원안 복원): 제목 · 부제 · 근거 줄(체크 표시) — 같은 클래스(head · title · intro · facts)를 화면 안에서 다시 쓰며 바깥 절 머리와는 선택자로 가른다 */
.module-tournament__stage .module-tournament__head { padding: 0 0 8px; text-align: center; }
.module-tournament__stage .module-tournament__head > .module-tournament__pill { display: inline-block; margin: 0 0 var(--tournament-chip-gap, 14px); }   /* 분류 알약 아래 여백(원안 알약 · 근거 줄과 12px 이상 띄움) */
.module-tournament__stage .module-tournament__facts { display: block; margin: 0; padding: 12px 16px 12px 34px; text-align: left; list-style: disc; font-size: var(--tournament-facts-size, 15px); font-weight: 700; line-height: 1.55; color: var(--tournament-facts-ink, var(--tournament-ink-now)); background: var(--tournament-facts-bg, #f8f9fa); border-radius: 10px; }   /* 근거 줄 = 원안처럼 불릿 왼쪽 정렬 세로 목록 · 옅은 회색 판 */
.module-tournament__stage .module-tournament__facts li { margin: 3px 0; padding: 0; }
.module-tournament__stage .module-tournament__facts li::marker { color: var(--tournament-facts-ink, var(--tournament-accent-now)); }
@container (max-width: 599px) { .module-tournament[data-stage="play"] .module-tournament__stage .module-tournament__head { display: none; } .module-tournament__guide[data-role="round"] { font-size: 15px; padding: 0 8px 2px; } .module-tournament__guide[data-role="instruction"] { margin-bottom: 2px; padding: 4px 12px; font-size: 13px; } }   /* 좁은 칸 판 화면 = 한 화면 제약으로 근거 줄 숨김 */
/* 시작 화면 «모드 선택» 제목(구분되는 제목 꼴) */
.module-tournament__start > .module-tournament__guide { margin: 6px 0 0; padding: 0; font-size: var(--tournament-mode-head-size, 20px); font-weight: 800; color: var(--tournament-ink-now); }
/* 판 화면 라운드 안내 = 크고 굵게(원안 round) · 선택 안내 = 옅은 회색 알약 상자(원안 instruction) */
.module-tournament__guide[data-role="round"] { padding: 2px 12px 4px; font-size: var(--tournament-round-size, 20px); font-weight: 800; color: var(--tournament-ink-now); }
.module-tournament__guide[data-role="instruction"] { align-self: center; margin: 0 0 6px; padding: 7px 16px; font-size: 15px; font-weight: 500; color: var(--tournament-ink-now); background: #f8f9fa; border-radius: 6px; }

.module-tournament__split { position: relative; flex: 1; min-height: 0; display: grid; grid-template-rows: 1fr 1fr; gap: 12px; padding: var(--tournament-split-pad, 4px 10px 10px); background: var(--tournament-split-bg, var(--tournament-soft-now)); }   /* 판 카드 묶음 바탕·안쪽 여백 변수 — 바깥 상자에 바탕·패딩이 있으면 transparent · 0 (이중 틀 방지) */
.module-tournament__cell { position: relative; display: flex; flex-direction: column; gap: 6px; min-width: 0; min-height: 0; padding: 10px 12px; text-align: left; background: var(--tournament-surface-now); border: 2px solid transparent; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--tournament-line-now); transition: transform .15s, box-shadow .15s, border-color .15s, opacity .28s; }
.module-tournament__cell[data-hint] { animation: tournament-lift 1.6s 2 ease-in-out; }
.module-tournament__cell[data-hint]:nth-of-type(2) { animation-delay: .8s; }
.module-tournament__cell[data-on] { z-index: 1; border-color: var(--tournament-accent-now); background: var(--tournament-soft-now); transform: scale(1.02); }   /* 고른 카드 = 살짝 커지며 강조 · 진 카드 = 작아지며 물러남(transform·opacity 만) */
.module-tournament__cell[data-off] { opacity: .2; transform: scale(.95); }
.module-tournament__tick { position: absolute; z-index: 2; top: 8px; right: 10px; width: 26px; height: 26px; background: var(--tournament-surface-now); border: 2px solid #cbd5e1; border-radius: 50%; }
.module-tournament__cell[data-on] .module-tournament__tick { background: var(--tournament-accent-now); border-color: var(--tournament-accent-now); }
.module-tournament__cell[data-on] .module-tournament__tick::after { content: ""; position: absolute; left: 7px; top: 3px; width: 6px; height: 11px; border: solid #fff; border-width: 0 3px 3px 0; transform: rotate(45deg); }
.module-tournament__split .module-tournament__cell:nth-of-type(2) { padding-top: 30px; }
.module-tournament__card .module-tournament__metrics { width: 100%; max-width: var(--tournament-card-metrics-max, none); }   /* 결과 상자 지표 = 막대 전체 폭(사용자 11-06) · 기본값만 제한하려면 변수로 */
.module-tournament__split .module-tournament__vs { width: 50px; height: 50px; margin: -25px 0 0 -25px; font-size: 18px; }
.module-tournament__name { margin: 0; padding-right: 34px; font-size: 15px; font-weight: 800; line-height: 1.3; word-break: keep-all; }
.module-tournament__body { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) var(--tournament-info-width, 132px); gap: 8px; align-items: center; }
.module-tournament__media { width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.module-tournament__metrics { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.module-tournament__metric { display: grid; gap: 2px; font-size: 14px; color: var(--tournament-muted-now); }
.module-tournament__metric-label { font-size: 13px; }
.module-tournament__metric-value { font-size: 16px; font-weight: 700; color: var(--tournament-ink-now); }
.module-tournament__meter { display: block; height: 6px; overflow: hidden; background: var(--tournament-bar-track, #f0f0f0); border-radius: 4px; }
.module-tournament__meter > b { display: block; height: 100%; background: var(--tournament-bar-fill, var(--tournament-accent-now)); border-radius: 4px; }
/* 지표 한 줄 형식(2026-11-06): stars = ★★★★★ 라벨 값 · bar = 라벨 [막대] 값 · 넘치면 라벨을 말줄임. 변수 --tournament-bar-fill · -bar-track · -star-fill · -star-empty */
.module-tournament__metric[data-format] { display: flex; align-items: center; gap: 6px; min-width: 0; white-space: nowrap; }
.module-tournament__metric[data-format] .module-tournament__metric-label { font-size: var(--tournament-metric-size, 12px); min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.module-tournament__metric[data-format="stars"] > .module-tournament__metric-label:first-child { flex: 0 0 auto; overflow: visible; font-size: var(--tournament-metric-size, 13px); line-height: 1; }
.module-tournament__metric[data-format] .module-tournament__metric-value { flex: 0 0 auto; font-size: var(--tournament-metric-size, 13px); }   /* 지표 글자 크기 변수 --tournament-metric-size(별·값·라벨 한 크기 · 판·결과 공통) */
.module-tournament__cell .module-tournament__metric:not([data-format]) .module-tournament__metric-value { font-size: var(--tournament-cell-price-size, 16px); font-weight: 800; color: var(--tournament-price-ink, var(--tournament-ink-now)); }   /* 판 카드 가격(빨강·크게 = 사이트 변수) */
/* 지표 블록 한 꼴(조 DB 11-06): 막대 지표 = 라벨 값 한 줄 → 막대 전체 폭 아랫줄(카드 모듈과 같은 순서) */
/* 결과 카드 가격(11-06): 라벨 없는 지표 = 판매가 → 이름보다 크게 · 색 변수 --tournament-price-ink · 크기 --tournament-price-size · 할인 전 가격(그 줄의 라벨 칸)은 회색 취소선 — 판 화면에서는 숨김 */
.module-tournament__metric:not([data-format]) > .module-tournament__metric-label { display: none; }
.module-tournament__card .module-tournament__metric:not([data-format]) { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; }
.module-tournament__card .module-tournament__metric:not([data-format]) .module-tournament__metric-value { font-size: var(--tournament-price-size, 24px); font-weight: 800; line-height: 1.2; color: var(--tournament-price-ink, var(--tournament-accent-now)); }
.module-tournament__card .module-tournament__metric:not([data-format]) > .module-tournament__metric-label { display: inline; order: 2; font-size: 14px; font-weight: 400; color: var(--tournament-old-ink, #6b7280); text-decoration: line-through; }
.module-tournament__metric[data-format="bar"] { flex-wrap: wrap; row-gap: 3px; }
.module-tournament__metric[data-format="bar"] .module-tournament__metric-label { order: 1; }
.module-tournament__metric[data-format="bar"] .module-tournament__metric-value { order: 2; }
.module-tournament__metric[data-format="bar"] .module-tournament__meter { order: 3; flex: 0 0 100%; min-width: 0; }
/* 그림형 */
.module-tournament[data-kind="image"] .module-tournament__cell { padding: 0; overflow: hidden; }
.module-tournament[data-kind="image"] .module-tournament__body { position: absolute; inset: 0; display: block; }
.module-tournament[data-kind="image"] .module-tournament__media { position: absolute; inset: 0; object-fit: cover; }
.module-tournament[data-kind="image"] .module-tournament__name { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; padding: 28px 12px 12px; font-size: 17px; color: #fff; background: linear-gradient(transparent, rgba(0, 0, 0, .72)); }
/* 글자형 */
.module-tournament[data-kind="text"] .module-tournament__cell { align-items: center; justify-content: center; text-align: center; }
.module-tournament[data-kind="text"] .module-tournament__name { padding: 0 8px; font-size: 22px; }
.module-tournament[data-kind="text"] .module-tournament__body { display: none; }

/* 결과 */
.module-tournament[data-stage="result"] .module-tournament__stage { position: relative; overflow: var(--tournament-frame-overflow, hidden); background: var(--tournament-surface-now); border: var(--tournament-frame-border, 1px solid var(--tournament-line-now)); border-radius: 14px; }
/* 토너먼트 상자(원안 «테두리 박스»): 절 제목·소개는 박스 밖 · 시작·판·결과 화면이 들어가는 stage 만 테두리 상자. 변수 --tournament-box-border · -box-border-inline(좌우만 따로 · 안 주면 border 와 같음) · -box-pad · -box-radius · -box-bg — 안 주면 상자 없음(폭별로 다른 값 가능) */
.module-tournament .module-tournament__stage[data-tournament-stage] { padding: var(--tournament-box-pad, 0); border: var(--tournament-box-border, 0 none); border-inline: var(--tournament-box-border-inline, var(--tournament-box-border, 0 none)); border-radius: var(--tournament-box-radius, 14px); background: var(--tournament-box-bg, var(--tournament-surface-now)); }
.module-tournament[data-stage="result"] .module-tournament__stage[data-tournament-stage] { background: var(--tournament-box-bg-result, var(--tournament-surface-now)); }   /* 결과 화면 상자 = 바탕 없이 선 하나(변수로 바꿀 수 있음) */
.module-tournament__result { display: flex; flex-direction: column; align-items: center; gap: 8px; max-width: var(--tournament-result-max, none); margin-inline: auto; padding: var(--tournament-result-pad, 12px 14px 14px); text-align: center; }   /* --tournament-result-max = 결과 화면 가운데 열 최대 폭(안 주면 칸 전체) */
/* 결과 세로 간격 변수(2026-11-06 · 기본 8px = 예전 모습): --tournament-gap-card-action(우승 카드 빛 바깥 ~ 시각 단추) · -gap-action-buttons(시각 단추 ~ 다시 하기·공유 줄) · -gap-buttons-timer(그 줄 ~ 타이머 상자) · --tournament-card-glow(카드 빛이 번지는 폭 · 기본 0) */
/* 결과 카드 글자 크기 변수(2026-11-06): -result-metric-size(별·라벨·값) · -result-meter-height(막대) · -result-rank-size(결과 머리 문구) · -result-strength-size(강점) · -result-old-size(할인 전 가격) · -badge-size(표지) — 안 주면 판 화면 값·예전 크기 */
.module-tournament__card .module-tournament__metric[data-format] .module-tournament__metric-label, .module-tournament__card .module-tournament__metric[data-format] .module-tournament__metric-value, .module-tournament__card .module-tournament__metric[data-format="stars"] > .module-tournament__metric-label:first-child { font-size: var(--tournament-result-metric-size, var(--tournament-metric-size, 13px)); }
.module-tournament__card .module-tournament__meter { height: var(--tournament-result-meter-height, 6px); }
.module-tournament__card .module-tournament__rank { font-size: var(--tournament-result-rank-size, 14px); }
.module-tournament__card .module-tournament__strength { font-size: var(--tournament-result-strength-size, 14px); }
.module-tournament__card .module-tournament__metric:not([data-format]) > .module-tournament__metric-label { font-size: var(--tournament-result-old-size, 14px); }
.module-tournament__card > .module-tournament__pill { font-size: var(--tournament-badge-size, 14px); }
/* 결과 세로 간격 = 변수 하나 --tournament-result-rows-gap(기본 8px): 결과 상자 가장자리↔타이머 · 타이머↔다시 하기 · 다시 하기↔공유 줄이 같은 값. 금색 빛은 타이머 뒤로 깔린다(타이머가 뒤 형제라 위에 그려짐) */
.module-tournament__card { margin-bottom: calc(var(--tournament-result-rows-gap, 8px) - 8px); }
.module-tournament__buttons { margin-top: calc(var(--tournament-result-rows-gap, 8px) - 8px); }
.module-tournament__result > .module-tournament__again { margin-top: calc(var(--tournament-result-rows-gap, 8px) - 8px); }
.module-tournament__result > .module-tournament__timer { position: relative; }
.module-tournament__card > .module-tournament__pill { position: absolute; z-index: 2; top: 12px; right: 12px; background: var(--tournament-badge-bg, var(--tournament-accent-now)); }
/* 시각 단추 빛줄기(원안 값: 폭 40% · 흰빛 0→.5→0 · 1.8초 무한 · -15도) — 켜고 끄는 값 --tournament-action-shine-duration(기본 0s = 꺼짐 · 사이트가 1.8s 로 켬). 움직임 줄이기면 멈춤 */
.module-tournament__action { position: relative; overflow: hidden; }
.module-tournament__action::after { content: ""; position: absolute; top: 0; left: 0; width: 40%; height: 100%; pointer-events: none; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 100%); transform: translateX(-100%) skewX(-15deg); animation: tournament-shine var(--tournament-action-shine-duration, 0s) infinite; }
@keyframes tournament-shine { 0% { transform: translateX(-100%) skewX(-15deg); } 100% { transform: translateX(250%) skewX(-15deg); } }
.module-tournament__action > span { display: inline-block; animation: tournament-arrow 1.2s ease-in-out infinite; }
@keyframes tournament-arrow { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(5px); } }
.module-tournament__share { text-align: center; text-decoration: none; color: inherit; }
.module-tournament__cheer { display: flex; flex-direction: column; align-items: center; gap: 0; }
.module-tournament__cheer-title { white-space: pre-line; line-height: 1.3; font-size: var(--tournament-cheer-title-size, 20px); font-weight: 800; color: var(--tournament-cheer-title-ink, var(--tournament-accent-now)); }   /* 줄바꿈 = 낱말의 줄바꿈(원안 제목 두 줄) */
.module-tournament__cheer-line { font-size: var(--tournament-cheer-line-size, 13px); color: var(--tournament-cheer-line-ink, var(--tournament-muted-now)); font-weight: var(--tournament-cheer-line-weight, 400); line-height: 1.4; }
.module-tournament__result-head { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }   /* 화면에서는 숨기고 초점·스크린리더에만 남김(원안에 없는 줄) */
.module-tournament__card { position: relative; width: 100%; display: flex; flex-direction: column; align-items: flex-start; text-align: left; gap: 6px; padding: var(--tournament-card-pad, 10px); background: var(--tournament-surface-now); border: var(--tournament-card-border-width, 2px) solid var(--tournament-card-line, var(--tournament-accent-now)); border-radius: 14px; box-shadow: 0 0 20px 5px var(--tournament-glow-color, color-mix(in srgb, var(--tournament-accent-now) 35%, transparent)); }   /* 빛 색 = --tournament-glow-color(원안 금색) · 테두리 색 = --tournament-card-line */
.module-tournament__photo { align-self: center; width: 100%; max-height: var(--tournament-photo-max-height, clamp(100px, 20svh, 240px)); padding: var(--tournament-photo-pad, 0); background: var(--tournament-photo-bg, transparent); border-radius: 10px; object-fit: contain; }   /* 우승 그림 무대: --tournament-photo-bg(옅은 색 면) · -photo-pad · -photo-max-height */
/* 원안 움직임(ai-tournament.css): 우승 카드 = bounceIn .8s(확대 .8→1 · 투명→불투명) + glow 1.5s 무한 번갈아(금색 빛 0 0 5px -5px → 0 0 20px 5px) · 우승 설명 = bounceIn · 결과 묶음 = fadeInUp .8s(20px 아래 → 제자리) · 샤인은 사이트 금지라 제외 */
.module-tournament__card { animation: tournament-pop .8s ease-out 1, tournament-glow 1.5s infinite alternate ease-in-out; }
.module-tournament__cheer-line { animation: tournament-pop .8s ease-out 1; }
.module-tournament__cheer-title + .module-tournament__cheer-line { margin-top: var(--tournament-cheer-gap, 0px); }   /* 제목 줄과 설명 줄 사이 여백 변수 */
/* 시각 단추 호버·초점: 위로 2px + 그림자 조금(빛줄기가 배경을 지나가므로 배경색은 바꾸지 않음) · 움직임 줄이기면 위로 뜨기 0 */
.module-tournament__action { transition: transform .2s ease, box-shadow .2s ease; }
.module-tournament__action:hover, .module-tournament__action:focus-visible { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 0, 0, .22); }
@media (prefers-reduced-motion: reduce) { .module-tournament__action:hover, .module-tournament__action:focus-visible { transform: none; } }
.module-tournament__result { animation: tournament-rise .8s ease-out 1; }
@keyframes tournament-pop { 0% { transform: scale(.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
@keyframes tournament-glow { 0% { box-shadow: 0 0 5px -5px var(--tournament-glow-color, #FFC107); } 100% { box-shadow: 0 0 20px 5px var(--tournament-glow-color, #FFC107); } }
@keyframes tournament-rise { 0% { transform: translateY(20px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } }
/* 결과 상자 안 시각 단추(원안: 가격 바로 아래 · 알약) · 확신 줄(원안 초록 상자) · 다시 하기 전체 너비 · 공유 단추 줄(브랜드 색) */
.module-tournament__card > .module-tournament__action { margin-top: var(--tournament-gap-price-action, 12px); border-radius: var(--tournament-action-radius, 10px); }
.module-tournament__card .module-tournament__rank { width: 100%; padding: 10px 15px; background: var(--tournament-rank-bg, transparent); color: var(--tournament-rank-ink, var(--tournament-accent-now)); border-radius: 8px; }
.module-tournament__card .module-tournament__rank::before { content: var(--tournament-rank-mark, none); margin-right: 5px; }
/* 다시 하기: 전체 너비 알약 · 공유 단추와 같은 높이·글자 · 배경색(변수 --tournament-again-bg · -again-ink · 안 주면 보조 단추 꼴) */
.module-tournament .module-tournament__result > .module-tournament__again { width: 100%; flex: none; display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px; font-size: 15px; border-radius: 20px; background: var(--tournament-again-bg, var(--tournament-surface-now)); color: var(--tournament-again-ink, var(--tournament-secondary-ink, inherit)); border-color: var(--tournament-again-bg, var(--tournament-secondary-line, var(--tournament-line-now))); }
.module-tournament__result > .module-tournament__buttons { display: grid; grid-template-columns: 1fr; gap: 10px; width: var(--tournament-share-width, 100%); }   /* 공유 줄 폭 변수(결과 열보다 넓게 줄 수 있음 · 최대 칸 폭) */
.module-tournament__result > .module-tournament__buttons > .module-tournament__share { display: flex; align-items: center; justify-content: center; min-height: 44px; border-radius: 20px; }
.module-tournament .module-tournament__share[data-brand="kakao"] { background: var(--tournament-kakao-bg, #FFE812); color: var(--tournament-kakao-ink, #3C1E1E); border-color: transparent; }
.module-tournament .module-tournament__share[data-brand="twitter"] { background: var(--tournament-twitter-bg, #1DA1F2); color: #fff; border-color: transparent; }
.module-tournament .module-tournament__share[data-brand="facebook"] { background: var(--tournament-facebook-bg, #4267B2); color: #fff; border-color: transparent; }
@container (min-width: 560px) { .module-tournament__result > .module-tournament__buttons { grid-template-columns: repeat(3, 1fr); } }
.module-tournament__result-name { margin: 0; font-weight: 700; font-size: var(--tournament-result-name-size, 16px); line-height: 1.35; word-break: keep-all; }
.module-tournament__rank { margin: 0; font-size: 14px; font-weight: 700; color: var(--tournament-accent-now); }
.module-tournament__strength { margin: 0; font-size: 14px; color: var(--tournament-ink-now); word-break: keep-all; }
.module-tournament__buttons { width: 100%; display: flex; flex-wrap: wrap; gap: 8px; }
.module-tournament .module-tournament__again, .module-tournament .module-tournament__share { flex: 1 1 96px; padding: 10px; font-size: 15px; font-weight: var(--tournament-secondary-weight, 400); color: var(--tournament-secondary-ink, inherit); background: var(--tournament-surface-now); border: var(--tournament-secondary-width, 1px) solid var(--tournament-secondary-line, var(--tournament-line-now)); border-radius: 8px; }
.module-tournament__status, .module-tournament__timer { margin: 0; font-size: var(--tournament-result-note-size, 13px); color: var(--tournament-muted-now); }
.module-tournament__status:empty { display: none; }
.module-tournament__timer { font-variant-numeric: tabular-nums; }
/* 보관 시간 상자(2026-11-06 원안): 테두리 상자 하나 · 가운데 정렬 · 첫 줄(남은 시간 HH:MM:SS) 크고 굵게 · 둘째 줄 작게. 줄 나눔 = 낱말의 줄바꿈(
). 테두리 색 변수 --tournament-timer-line */
.module-tournament__timer { box-sizing: border-box; width: 100%; padding: 8px 12px; text-align: center; white-space: pre-line; font-size: var(--tournament-timer-note-size, 13px); background: var(--tournament-timer-bg, transparent); border: var(--tournament-timer-border, 1px solid var(--tournament-line-now)); border-radius: var(--tournament-timer-radius, 10px); }
.module-tournament__timer strong { font-weight: 800; color: var(--tournament-timer-strong-ink, var(--tournament-accent-now)); }
.module-tournament__timer::first-line { font-size: var(--tournament-timer-count-size, 22px); font-weight: 800; color: var(--tournament-timer-count-ink, var(--tournament-ink-now)); }
/* 결과 주 단추 색 변수(2026-11-06): --tournament-action-bg · -action-ink — 안 주면 강조색 바탕 + 흰 글자 */
.module-tournament__action { background: var(--tournament-action-bg, var(--tournament-accent-now)); color: var(--tournament-action-ink, #fff); }
.module-tournament__path { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; width: 100%; }
.module-tournament__path-label { font-size: var(--tournament-result-note-size, 13px); color: var(--tournament-muted-now); }   /* --tournament-result-note-size = 결과 화면 안내·보조 글자 크기(기본 13px) */
.module-tournament__path-item { width: 34px; height: 34px; display: grid; place-items: center; overflow: hidden; font-size: var(--tournament-result-note-size, 11px); background: var(--tournament-soft-now); border-radius: 8px; object-fit: cover; }

/* 넓은 칸: 좌우 두 칸 */
@container (min-width: 600px) {
  .module-tournament__modes { grid-template-columns: var(--tournament-mode-columns-wide, 1fr 1fr); }
  .module-tournament__modes[data-count="3"] { grid-template-columns: var(--tournament-mode-columns-wide-3, repeat(3, 1fr)); }
  .module-tournament__modes[data-count="3"] .module-tournament__mode:nth-of-type(3) { grid-column: auto; aspect-ratio: var(--tournament-mode-ratio, auto); display: flex; flex-direction: column; justify-content: var(--tournament-mode-content-align, center); align-items: center; padding: var(--tournament-mode-pad, 12px); text-align: center; }
  .module-tournament__modes[data-count="3"] .module-tournament__mode:nth-of-type(3) .module-tournament__mode-count { text-align: center; }
  .module-tournament:not([data-flow="stack"]) .module-tournament__split { grid-template-rows: none; grid-template-columns: 1fr 1fr; align-items: start; }
  .module-tournament:not([data-flow="stack"]) .module-tournament__split .module-tournament__cell:nth-of-type(2) { padding-top: 10px; }
  /* 정보형 판 카드(넓은 칸): 위 그림 · 아래 정보. 판 높이는 내용만큼(빈 공간 0) · 그림 높이 = --tournament-card-media-height(기본 화면 높이에 비례) */
  .module-tournament[data-kind="info"]:not([data-flow="stack"])[data-stage="play"] .module-tournament__stage { height: auto; }
  .module-tournament[data-kind="info"]:not([data-flow="stack"]) .module-tournament__cell { gap: 8px; padding: var(--tournament-card-pad, 14px 16px); }
  .module-tournament[data-kind="info"]:not([data-flow="stack"]) .module-tournament__cell .module-tournament__body { display: contents; }
  .module-tournament[data-kind="info"]:not([data-flow="stack"]) .module-tournament__media { order: 0; flex: none; width: 100%; height: var(--tournament-card-media-height, clamp(120px, 30svh, 260px)); }
  .module-tournament[data-kind="info"]:not([data-flow="stack"]) .module-tournament__name { order: 1; padding-right: 0; text-align: center; font-size: var(--tournament-card-name-size, 17px); }
  .module-tournament[data-kind="info"]:not([data-flow="stack"]) .module-tournament__cell .module-tournament__metrics { order: 2; width: 100%; max-width: none; }   /* 판 카드 안에서만 — 결과 상자 안 지표는 DOM 순서 그대로 */
}

/* 포인터 기기만 호버: 올린 칸만 3px 떠오름 · 그림자 · 2px 강조색 테두리. 상대 칸 변화 0 */
@media (hover: hover) {
  .module-tournament__cell:hover, .module-tournament__mode:hover { transform: translateY(-3px); border-color: var(--tournament-accent-now); box-shadow: 0 6px 16px rgba(15, 23, 42, .2); }
  .module-tournament__mode:hover, .module-tournament__cell[data-hint]:hover { animation: none; }
}

@keyframes tournament-mode { 0%, 100% { transform: scale(1); } 50% { transform: scale(var(--tournament-mode-bounce, 1.04)); } }
@keyframes tournament-vs { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } }
@keyframes tournament-lift { 0%, 60%, 100% { transform: none; } 30% { transform: translateY(-3px); box-shadow: 0 4px 14px rgba(15, 23, 42, .18); } }

/* 큰 움직임만 기기 동작 줄이기에 맞춘다(바운스는 예외 — 작은 움직임이라 항상) */
@media (prefers-reduced-motion: reduce) {
  .module-tournament__cell, .module-tournament__track > b { transition: none; }
  .module-tournament__cell[data-hint] { animation: none; }
  .module-tournament__action > span, .module-tournament__action::after, .module-tournament__card, .module-tournament__cheer-line, .module-tournament__result { animation: none; }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none; }
}

/* 조 DJ 11-06: 시작 단추 글자는 항상 흰색(파랑 바탕 · 쪽 CSS 의 단추·링크 색에 지지 않게 한 단계 높은 선택자) · 시작 화면에는 VS 표지 0(판 화면의 맞붙는 두 장 사이에서만) · 모드 제목과 첫 카드 사이 12px 이상 */
.module-tournament .module-tournament__go { color: var(--tournament-go-ink, #fff); }
.module-tournament[data-stage="start"] .module-tournament__vs { display: none; }
.module-tournament__start > .module-tournament__guide + .module-tournament__modes { margin-top: max(0px, calc(12px - var(--tournament-start-gap, 12px))); }

/* 우승 연출(2026-11-06 · CSS 만 · 스크립트 프레임 루프 0 · transform·opacity 만): 카드 쾅 착지 .28초 → 눌림 .18초 → 상자 위아래 3px 흔들림 .2초 → 금색 빛 퍼짐 .9초 + 빛줄기 한 바퀴 1.6초 + 별 반짝임 → 도장 쾅. 움직임 줄이기면 전부 0 */
.module-tournament__stamp { position: absolute; z-index: 3; bottom: 6px; right: 6px; width: var(--tournament-stamp-size, 56px); height: var(--tournament-stamp-size, 56px); display: grid; align-content: center; justify-items: center; padding: 2px; text-align: center; line-height: 1.15; font-size: var(--tournament-stamp-font, 10px); font-weight: 800; word-break: keep-all; color: var(--tournament-stamp-ink, #5b3a00); background: var(--tournament-stamp-bg, var(--tournament-glow-color, #FFC107)); border: 2px double var(--tournament-stamp-line, #fff); border-radius: 50%; box-shadow: 0 0 0 2px var(--tournament-stamp-ring, var(--tournament-card-line, #D9A400)); transform: rotate(-8deg); pointer-events: none; }
.module-tournament__stamp > b { display: block; font-weight: inherit; }
@media (min-width: 600px) { .module-tournament__stamp { --tournament-stamp-size: 60px; } }
@keyframes tournament-slam { 0% { transform: scale(1.6); opacity: 0; animation-timing-function: cubic-bezier(.55, 0, 1, .45); } 61% { transform: scale(1); opacity: 1; } 80% { transform: scale(.96); } 100% { transform: scale(1); opacity: 1; } }
@keyframes tournament-shake { 0%, 100% { transform: translateY(0); } 25% { transform: translateY(-3px); } 75% { transform: translateY(3px); } }
@keyframes tournament-burst { 0% { transform: translate(-50%, -50%) scale(.3); opacity: .9; } 100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; } }
@keyframes tournament-rays { 0% { transform: translate(-50%, -50%) rotate(0); opacity: 0; } 25% { opacity: .85; } 100% { transform: translate(-50%, -50%) rotate(100deg); opacity: 0; } }
@keyframes tournament-twinkle { 0%, 100% { transform: scale(.4); opacity: 0; } 50% { transform: scale(1); opacity: 1; } }
@keyframes tournament-stamp { 0% { transform: rotate(-8deg) scale(2); opacity: 0; } 100% { transform: rotate(-8deg) scale(1); opacity: 1; } }
@media (prefers-reduced-motion: no-preference) {
  .module-tournament__card { animation: tournament-pop .8s ease-out 1; box-shadow: none; isolation: isolate; }   /* 금색 빛 맥박 = 박스 그림자 애니메이션(매 프레임 다시 그림) 대신 그림자를 얹은 겹 하나의 투명도만 움직임 */
  .module-tournament__card::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; box-shadow: 0 0 20px 5px var(--tournament-glow-color, #FFC107); opacity: .08; pointer-events: none; animation: tournament-pulse 1.5s infinite alternate ease-in-out; }
  .module-tournament__result[data-fresh] { animation: tournament-shake .2s ease-in-out .28s 1; }
  .module-tournament__result[data-fresh] .module-tournament__card { animation: tournament-slam .46s ease-in 1; }
  .module-tournament__result[data-fresh] .module-tournament__cheer { animation: tournament-pop .4s ease-out .43s backwards; }
  .module-tournament__result[data-fresh] .module-tournament__cheer-line { animation: none; }
  .module-tournament__result[data-fresh] .module-tournament__stamp { animation: tournament-stamp .2s ease-in .4s backwards; }
  .module-tournament__result[data-burst] { position: relative; isolation: isolate; --star: radial-gradient(circle, #fff 0 2px, #FFC107 3.5px, transparent 8px); }
  .module-tournament__result[data-burst]::before, .module-tournament__result[data-burst]::after { content: ""; position: absolute; z-index: -1; left: 50%; top: 58%; width: min(100%, 440px); aspect-ratio: 1; opacity: 0; pointer-events: none; }
  .module-tournament__result[data-burst]::before { background: radial-gradient(circle, rgba(255, 193, 7, .6) 0, rgba(255, 193, 7, .28) 38%, transparent 68%); animation: tournament-burst .9s ease-out .28s 1 backwards; }
  .module-tournament__result[data-burst]::after { background: repeating-conic-gradient(rgba(255, 193, 7, .55) 0 7deg, transparent 7deg 26deg); -webkit-mask: radial-gradient(circle, #000 0, transparent 68%); mask: radial-gradient(circle, #000 0, transparent 68%); animation: tournament-rays 1.6s ease-out .28s 1 backwards; }
  .module-tournament__result[data-burst] .module-tournament__fig::before, .module-tournament__result[data-burst] .module-tournament__fig::after { content: ""; position: absolute; z-index: 3; inset: -12px; opacity: 0; pointer-events: none; }
  .module-tournament__result[data-burst] .module-tournament__fig::before { background: var(--star) 6% 12% / 18px 18px no-repeat, var(--star) 94% 24% / 18px 18px no-repeat, var(--star) 12% 88% / 18px 18px no-repeat, var(--star) 88% 94% / 18px 18px no-repeat, var(--star) 50% 0 / 18px 18px no-repeat; animation: tournament-twinkle .5s ease-in-out .5s 1 backwards; }
  .module-tournament__result[data-burst] .module-tournament__fig::after { background: var(--star) 0 55% / 18px 18px no-repeat, var(--star) 100% 60% / 18px 18px no-repeat, var(--star) 30% 100% / 18px 18px no-repeat, var(--star) 72% 0 / 18px 18px no-repeat, var(--star) 60% 100% / 18px 18px no-repeat; animation: tournament-twinkle .5s ease-in-out .95s 1 backwards; }
}
.module-tournament__fig { position: relative; align-self: center; width: 100%; }
.module-tournament__off { position: absolute; z-index: 3; top: 8px; left: 8px; padding: 3px 7px; border-radius: 6px; font-size: var(--tournament-off-size, .8rem); font-weight: 800; line-height: 1.2; color: var(--tournament-off-ink, #fff); background: var(--tournament-off-bg, #d92d20); pointer-events: none; }   /* 할인율 표지 = 일반 카드의 할인 표지와 같은 꼴·색(빨강 바탕 흰 글자) */
.module-tournament__fig > .module-tournament__photo { display: block; }
@keyframes tournament-pulse { to { opacity: 1; } }

/* 11-07 진행 줄 2단(사용자 지시 · 좁은 폭에서 글자 단추 3개가 넘쳐 «앞으로 N번»이 사라지던 결함) — 윗줄 = 강·남은 수 / 아랫줄 = 이전 선택·여기서 결과 보기·처음으로 */
@container (max-width: 599px) {
  .module-tournament .module-tournament__bar { flex-wrap: wrap; height: auto; gap: 6px 8px; }
  .module-tournament .module-tournament__bar .module-tournament__pill { order: -2; }
  .module-tournament .module-tournament__bar .module-tournament__left { order: -1; flex: 1 1 calc(100% - 64px); min-width: 0; text-align: left; }
  .module-tournament .module-tournament__bar .module-tournament__back,
  .module-tournament .module-tournament__bar .module-tournament__exit,
  .module-tournament .module-tournament__bar .module-tournament__close { flex: 1 1 auto; padding: 0 6px; }
}

/* 11-07 대결 카드 높이 통일(사용자 질문 · 지휘자 결정) — 정보 양이 달라도 두 카드 크기를 같게 해 공정하게 보이고 판이 바뀔 때 화면이 튀지 않게 함 */
.module-tournament__split { grid-auto-rows: 1fr; }
/* 11-07 좁은 카드에서 «전문 평가» 글자 잘림 방지 */
@container (max-width: 599px) {
  .module-tournament .module-tournament__metric[data-format="stars"] { gap: 3px; }
  .module-tournament .module-tournament__metric[data-format="stars"] .module-tournament__metric-label { flex: 0 0 auto; overflow: visible; text-overflow: clip; font-size: 12px; }
  .module-tournament .module-tournament__metric[data-format="stars"] .module-tournament__metric-value { font-size: 12px; }
}
.module-tournament:not([data-flow="stack"]) .module-tournament__split { align-items: stretch; }
/* 11-07 «앞으로 N번» 잘 안 보임(사용자) — 옅은 회색 → 본문 색·굵게 · 크기 14px 유지 */
.module-tournament .module-tournament__bar .module-tournament__left { font-size: 14px; font-weight: 700; color: var(--tournament-ink-now); }
/* 11-07 아주 좁은 폭(320px)에서 대결 카드 내용 잘림 방지 — 칸 높이를 내용에 맞추되 두 칸은 같게 */
@container (max-width: 280px) {
  .module-tournament .module-tournament__split { flex: 0 0 auto; min-height: auto; grid-template-rows: none; grid-auto-rows: 1fr; }
}
/* 11-07 두 대결 카드 내부를 똑같이(사용자 지적 · 제목 줄 수가 같아도 카드가 달라 보이던 결함) — 둘째 카드 윗여백 30px 대신 카드 사이 간격이 VS 자리를 맡음 */
@container (max-width: 599px) {
  .module-tournament .module-tournament__split { row-gap: 30px; }
  .module-tournament .module-tournament__split .module-tournament__cell:nth-of-type(2) { padding-top: 10px; }
}
@container (min-width: 600px) { .module-tournament[data-kind="info"]:not([data-flow="stack"]) .module-tournament__split .module-tournament__cell:nth-of-type(2) { padding-top: 14px; } }