@charset "utf-8";
/* 10463 반응형 추가 스타일 (teamk_mk_pc.css / teamk_mk_mo.css 다음에 로드) */

/* 폰트: 한글 Pretendard Variable / 영문·숫자 General Sans */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
@import url("https://api.fontshare.com/v2/css?f[]=general-sans@400,600&display=swap");

/* PC: 모바일 전용 요소 숨김 */
@media (min-width: 768px) {
  .marking-page .mo-only { display: none !important; }
}

/* MO: 선수명단 3열 */
@media (max-width: 767px) {
  .marking-page .sec4 .player-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ===========================
   선수명단 카드
   - 시안 기준 카드 폭 500px → 글자 크기를 카드 폭 비율(cqw)로 환산
     (번호 160px = 32cqw / 이니셜 10cqw / 이름 42px = 8.4cqw / 순번 7.2cqw)
   - cqw 미지원 브라우저는 앞줄의 px 값 사용
=========================== */
.marking-page .sec4 .player-card {
  container-type: inline-size;
  width: 100%;
  aspect-ratio: 7 / 8;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: none;
  border-radius: 12px;
  overflow: hidden;
  text-align: center;
  box-shadow: none;
}
.marking-page .sec4 .player-card:hover { box-shadow: none; }

/* 상단: 순번 + 한글이름 */
.marking-page .sec4 .player-card .kor {
  position: relative;
  background: transparent;
  border-radius: 0;
  border-bottom: none;
  color: #555;
  padding: 24px 6px 14px;
  padding: 12cqw 3cqw 7cqw;
}
/* 구분선: 좌우 16px 여백 */
.marking-page .sec4 .player-card .kor::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 1px;
  background: #AAA;
  opacity: 0.5;
}
.marking-page .sec4 .player-card .kor .order-num {
  color: #555;
  font-family: "Pretendard Variable", "Pretendard", sans-serif;
  font-size: 14px;
  font-size: 7.2cqw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0;
  margin-bottom: 8px;
  margin-bottom: 4cqw;
}
.marking-page .sec4 .player-card .kor .player-name {
  color: #555;
  font-family: "Pretendard Variable", "Pretendard", sans-serif;
  font-size: 17px;
  font-size: 8.4cqw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* 하단: 이니셜 + 등번호 (가운데 정렬, 사이 간격 좁게) */
.marking-page .sec4 .player-card .card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: transparent;
  border-radius: 0;
  padding: 4cqw 0 6cqw;
}
.marking-page .sec4 .player-card .eng {
  background: transparent;
  border-top: none;
  padding: 0 4px;
  color: #1D1D1D;
  font-family: "General Sans Variable", "General Sans", sans-serif;
  font-size: 20px;
  font-size: 10cqw;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
}
.marking-page .sec4 .player-card .num {
  flex: none;
  display: block;
  background: transparent;
  border-top: none;
  padding: 0;
  margin-top: 0;
  color: #1D1D1D;
  font-family: "General Sans Variable", "General Sans", sans-serif;
  font-size: 63px;
  font-size: 32cqw;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}

/* MO: 카드가 좁아 작은 글자는 최소 크기 보정 */
@media (max-width: 767px) {
  .marking-page .sec4 .player-card { border-radius: 8px; }
  .marking-page .sec4 .player-card .kor .order-num { font-size: 11px; font-size: max(7.2cqw, 11px); }
  .marking-page .sec4 .player-card .kor .player-name { font-size: 12px; font-size: max(8.4cqw, 12px); }
  .marking-page .sec4 .player-card .eng { font-size: 12px; font-size: max(10cqw, 12px); }
  .marking-page .sec4 .player-card .num { font-size: 34px; font-size: 32cqw; }
}