/* [page:games] 경기리스트 — 냥볼 톤 */
/* 경기카드 스타일은 components.css 의 gameCard 섹션 사용 */
/* 이 파일은 경기리스트 전용 오버라이드만 둔다 */

/* 야옹ON 안내바 — 솔리드 칩 */
.page[data-page="games"] .info-bar{
  position:relative;
  border:none;border-radius:var(--r-full);
  padding:10px 20px;
  font-weight:var(--fw-bold);text-align:left;margin:var(--g12) var(--pad-x) 12px;
  display:flex;align-items:center;justify-content:space-between;
}
@keyframes infoBarBlink{0%,100%{opacity:1}50%{opacity:.3}}

/* 야옹ON 안내 풀배너 */
.games-guide-banner{
  padding:var(--g12) var(--pad-x);
  margin:0 calc(-1 * var(--pad-x));
  font-size:var(--fs-12);font-weight:var(--fw-bold);
  color:var(--color-muted);text-align:center;
  border-top:none;
  border-bottom:1px solid var(--color-line);
  background:var(--color-bg);
  position:relative;overflow:hidden;
}
.games-guide-banner::after{
  content:'';position:absolute;top:0;left:-100%;
  width:50%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
  animation:shimmerGuide 3s ease-in-out infinite;
}
.games-guide-text{
  font-weight:var(--fw-black);color:var(--color-accent);
}
@keyframes shimmerGuide{
  0%{left:-100%}
  100%{left:200%}
}

/* 다른팀 경기 접기/펼치기 토글 */
.games-other-toggle{
  display:flex;align-items:center;justify-content:center;gap:4px;
  width:100%;padding:6px 0 4px;margin:0;
  border:none;background:transparent;cursor:pointer;
  font-size:var(--fs-12);font-weight:var(--fw-bold);
  color:var(--color-muted);
}
.games-other-toggle-icon{
  font-size:18px;color:var(--color-muted);
  transition:transform .25s ease;
}
.games-other-toggle.is-open .games-other-toggle-icon{
  transform:rotate(180deg);
}

/* ═══ 메인카드 하단 3탭 ═══ */
.games-subtabs{
  display:flex;gap:6px;
  padding:var(--g4) var(--pad-x) var(--g8);
}
.games-subtab{
  flex:1;display:flex;align-items:center;justify-content:center;gap:4px;
  padding:8px 0;
  border:1.5px solid var(--color-line);border-radius:var(--r-xl);
  background:var(--color-card);color:var(--color-muted);
  font-size:var(--fs-11);font-weight:var(--fw-bold);
  cursor:pointer;transition:all .15s;
}
.games-subtab.active{
  border-color:var(--color-text);
  color:var(--color-text);
  background:var(--color-bg);
}
.games-subtab:active{background:var(--color-bg)}

/* 패널 (전광판/다른경기/경기일정) */
.games-panel{
  padding:0 var(--pad-x) var(--g8);
  animation:gamesPanelIn .2s ease;
}
/* 전광판: 풀 너비 + 가로 스크롤 */
#games-scoreboard-panel{
  padding:0 0 var(--g8);
  margin-left:calc(var(--pad-x) * -1);
  margin-right:calc(var(--pad-x) * -1);
}
#games-scoreboard-panel .scoreboard-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;overscroll-behavior-x:contain;
  padding:0 var(--g8);
}
#games-scoreboard-panel .scoreboard-wrap::-webkit-scrollbar{display:none}
#games-scoreboard-panel table{
  width:100%;min-width:max-content;
}
@keyframes gamesPanelIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* 경기일정 패널 */
.games-schedule-allbtn{
  display:flex;align-items:center;justify-content:center;gap:4px;
  width:100%;padding:10px;margin-top:var(--g8);
  border:1.5px solid var(--color-line);border-radius:var(--r-xl);
  background:var(--color-card);color:var(--color-text);
  font-size:var(--fs-13);font-weight:var(--fw-bold);
  cursor:pointer;
}
.games-schedule-allbtn:active{background:var(--color-bg)}

/* ═══ 설정팀 경기로 돌아가기 버튼 ═══ */
.games-return-btn{
  display:flex;align-items:center;justify-content:center;gap:6px;
  margin:var(--g8) auto var(--g4);
  padding:6px 14px 6px 10px;
  border:1.5px solid var(--color-line);border-radius:var(--r-full);
  background:var(--color-card);color:var(--color-text);
  font-size:var(--fs-12);font-weight:var(--fw-bold);
  cursor:pointer;
}
.games-return-btn:active{background:var(--color-bg)}

/* ═══ 다른팀 경기 컴팩트 카드 (한 줄 버튼) ═══ */
.games-compact-list{
  padding:0 var(--pad-x) var(--g4);
  display:flex;flex-direction:column;gap:0;
}
.compactCard{
  display:flex;align-items:center;gap:8px;
  width:100%;padding:9px 12px;
  background:var(--color-card);border-radius:var(--r-xl);
  border:1px solid var(--color-line);
  cursor:pointer;text-align:left;
  font-family:inherit;color:inherit;
}
.compactCard:active{background:var(--color-bg)}
.compact.ended .compactCard{opacity:.5}
.cc-team{
  flex:1;font-size:var(--fs-13);font-weight:var(--fw-bold);
  color:var(--tc,var(--color-text));
  min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.cc-away{text-align:right}
.cc-score{
  flex-shrink:0;
  font-family:'SF Mono',ui-monospace,monospace;
  font-size:var(--fs-14);font-weight:var(--fw-black);
  letter-spacing:.5px;
  display:flex;align-items:center;gap:2px;
  border:none;background:none;padding:0;
}
.cc-num{
  flex-shrink:0;
  font-family:'SF Mono',ui-monospace,monospace;
  font-size:var(--fs-14);font-weight:var(--fw-black);
  min-width:16px;text-align:center;
}
.cc-vs{
  font-size:var(--fs-12);font-weight:var(--fw-bold);
  color:var(--color-muted);flex-shrink:0;
}
.cc-status{
  flex-shrink:0;
  font-size:10px!important;
  padding:2px 6px!important;
}

/* 경기 없음 / 예정경기 */
.games-empty{
  padding:var(--g16) 0;
}
.games-empty-text{
  width:100%;
}
.upcoming-nogame{
  text-align:center;
  font-size:var(--fs-14);font-weight:var(--fw-bold);
  color:var(--color-muted);
  padding:var(--g12) 0 var(--g24);
}
.upcoming-badge{margin:0 auto}
.games-empty-text{display:flex;flex-direction:column;align-items:center;width:100%}
.games-empty-text .sch-games,
.games-empty-text .rec-datebar,
.games-empty-text #up-game-list{width:100%;align-self:stretch}
.upcoming-date{
  padding:var(--g8) 0 var(--g4);
  font-size:var(--fs-13);font-weight:var(--fw-bold);
  color:var(--color-muted);
  text-align:center;
}

/* ═══ 메인 경기 라인업/기록 ═══ */
#games-lineup{
  margin-top:var(--g8);
}

/* 토글 탭 (팀 LG/키움, 타입 타자/투수 — 동일 스타일) */
.gl-tabs{
  display:flex;
  border-bottom:1px solid var(--color-line);
}
.gl-tab{
  flex:1;padding:var(--g12) 0;
  border:none;border-bottom:2.5px solid transparent;
  background:transparent;cursor:pointer;
  font-size:var(--fs-14);font-weight:var(--fw-bold);
  color:var(--color-muted2);
  transition:all .15s;
}
.gl-tab.active{
  border-bottom-color:var(--color-text);
  font-weight:var(--fw-black);
  color:var(--color-text);
}
/* 4토글 (홈타자/홈투수/원정타자/원정투수) */
.gl-tabs--4 .gl-tab{
  font-size:var(--fs-14);
  padding:var(--g12) 0;
}

/* 팀 클릭 → 영상 로딩 중 피드백 */
.side.is-loading{
  animation:sideLoadPulse .8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes sideLoadPulse{
  0%,100%{opacity:1}
  50%{opacity:.55}
}

/* ═══ 인포바 칩·오버레이 유틸 ═══ */
.chip-q-btn{
  width:18px;height:18px;border-radius:50%;background:transparent;
  font-size:10px;font-weight:700;display:inline-flex;align-items:center;
  justify-content:center;cursor:pointer;padding:0;font-family:system-ui;
  vertical-align:middle;margin-left:4px;flex-shrink:0;
  border-width:1.5px;border-style:solid;
}
.ib-mono{font-family:'SF Mono',ui-monospace,monospace}
.ib-live-dot{width:8px;height:8px;border-radius:50%;animation:infoBarBlink 1.2s ease-in-out infinite}

/* 야옹ON 안내 오버레이 */
.yaong-on-overlay{
  position:fixed;inset:0;
  background:rgba(0,0,0,0.45);backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;
  z-index:9999;padding:20px;
}
.yaong-on-card{
  border-radius:20px;max-width:350px;width:100%;
  overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,0.18);
  max-height:85vh;overflow-y:auto;
}

/* ═══ 이전 경기 선발 배지 ═══ */
.gl-prev-badge{
  display:flex;align-items:center;justify-content:center;gap:6px;
  padding:0 var(--pad-x) 8px;
  color:var(--color-muted);font-size:var(--fs-12);font-weight:var(--fw-bold);
}
.gl-prev-badge-icon{display:none}

/* ═══ 응원영상 전체재생 버튼 ═══ */
.gl-cheer-all{padding:0}