/* [page:lineup] 라인업 v2 — 경기카드 + 미니스탯 + 스탯시트 */

#lineupBenchTitle{
  position:static;
  top:auto;
}

/* ── 팀 선택 (텍스트) ─────────────────────────── */
.lu-team-pick{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  padding:10px 0 6px;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.lu-team-pick-name{
  font-size:var(--fs-16,16px);
  font-weight:var(--fw-black,900);
  color:var(--teamc,var(--color-text,#0F1115));
}
.lu-team-pick-arrow{
  font-size:18px;
  color:var(--color-muted,#6B7280);
}

/* ── 전체재생 버튼 (텍스트) ──────────────────── */
.lineup-viewall.app_allplaybar-viewall,
.cheer-viewall.app_allplaybar-viewall,
.my-viewall.app_allplaybar-viewall{
  width:auto;
  height:auto;
  border-radius:var(--r-full,9999px);
  padding:4px 12px;
  font-size:var(--fs-10,10px);
  font-weight:var(--fw-bold,700);
}

/* ── 경기카드 래퍼 (games.js gameCard 재사용) ──── */
.lu-card-wrap{
  margin:10px 0;
}
.lu-card-wrap .gameBlock{
  opacity:1;
}
.lu-card-wrap .gameBlock .gameCard{
  opacity:1;
}
.lu-card-wrap .gameCard .side{
  opacity:1;
}
.lu-card-wrap .gameCard .side.lu-dim{
  opacity:.4;
}

/* ── 토글 (팀 홈/어웨이 + 타자/투수) ──────────── */
.lu-toggles{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:8px 0 8px 16px;
  gap:12px;
}
.lu-toggle-team,
.lu-toggle-type{
  display:flex;
  gap:4px;
}
.lu-toggle-btn{
  font-size:var(--fs-12,12px);
  font-weight:var(--fw-bold,700);
  padding:5px 14px;
  border-radius:var(--r-full,9999px);
  border:1px solid var(--color-line,#D4D6DA);
  background:#fff;
  color:var(--color-muted,#6B7280);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:all .12s;
}
.lu-toggle-btn.active{
  background:var(--color-text,#0F1115);
  color:#fff;
  border-color:var(--color-text,#0F1115);
}


/* ── 선수 행 (테이블 레이아웃) ──────────────────── */
.lu-row{
  display:flex;
  align-items:center;
  min-height:42px;
  padding:0 12px;
  border-top:1px solid #f0f0f0;
  border-bottom:1px solid #f0f0f0;
  margin-top:-1px;
  -webkit-user-select:none;
  user-select:none;
}
.lu-row-num{
  width:32px;
  font-size:var(--fs-12,12px);
  font-weight:var(--fw-bold,700);
  color:var(--color-muted,#6B7280);
  flex-shrink:0;
  text-align:center;
}
.lu-row-num.seq{
  color:var(--color-muted2,#94a3b8);
}
.lu-row-name{
  font-size:var(--fs-14,14px);
  font-weight:var(--fw-bold,700);
  letter-spacing:var(--ls-snug,-0.2px);
  flex:1;
  min-width:0;
  word-break:keep-all;
}
.lu-row-pos{
  width:28px;
  font-size:var(--fs-10,10px);
  font-weight:var(--fw-mid,600);
  color:var(--color-muted2,#94a3b8);
  text-align:center;
  flex-shrink:0;
}
.lu-row-mini{
  font-size:var(--fs-10,10px);
  font-weight:var(--fw-bold,700);
  color:var(--color-muted2,#94a3b8);
  font-family:monospace;
  flex-shrink:0;
  width:32px;
  text-align:center;
}
/* 마이라인업 이름+팀 */
.ml-name-wrap{
  display:inline-flex;
  align-items:baseline;
  gap:5px;
}
.ml-team-col{
  font-size:var(--fs-10,10px);
  font-weight:var(--fw-bold,700);
  min-width:28px;
  text-align:center;
}

/* 기록/응원영상 버튼 그룹 */
.lu-row-btns{
  display:flex;
  gap:6px;
  margin-left:auto;
  flex-shrink:0;
}
.lu-btn-stat,
.lu-btn-video{
  font-size:var(--fs-10,10px);
  font-weight:var(--fw-bold,700);
  border:1px solid var(--color-line,#D4D6DA);
  border-radius:var(--r-full,9999px);
  padding:4px 10px;
  background:#fff;
  color:var(--color-muted,#6B7280);
  cursor:pointer;
  white-space:nowrap;
  -webkit-tap-highlight-color:transparent;
  transition:background .12s, color .12s;
}
.lu-btn-stat:active{
  background:var(--color-line,#D4D6DA);
}
.lu-btn-video{
  background:var(--teamc,var(--color-muted,#6B7280));
  color:#fff;
  border-color:var(--teamc,var(--color-line,#D4D6DA));
}
.lu-btn-video:active{
  opacity:.7;
}


/* ── 스탯 바텀시트 ────────────────────────────── */
.lu-stat-overlay{
  position:fixed;
  inset:0;
  z-index:110;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.lu-stat-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.4);
}
.lu-stat-sheet{
  position:relative;
  background:#fff;
  border-radius:18px 18px 0 0;
  max-height:82vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  animation:lu-sheet-up .25s ease-out;
}
@keyframes lu-sheet-up{
  from{ transform:translateY(100%); }
  to{ transform:translateY(0); }
}
.lu-stat-handle{
  width:36px;height:4px;
  border-radius:2px;
  background:var(--color-line,#D4D6DA);
  margin:8px auto 0;
}
.lu-stat-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 18px 0;
}
.lu-stat-top-left{
  display:flex;
  align-items:baseline;
}
.lu-stat-top-right{
  display:flex;
  align-items:center;
  gap:10px;
}
.lu-stat-name{
  font-size:var(--fs-18,18px);
  font-weight:var(--fw-black,900);
}
.lu-stat-pos{
  font-size:var(--fs-12,12px);
  font-weight:var(--fw-mid,600);
  color:var(--color-muted2,#94a3b8);
  margin-left:6px;
}
.lu-stat-backnum{
  font-size:var(--fs-12,12px);
  font-weight:var(--fw-bold,700);
  color:var(--color-muted2,#94a3b8);
}
.lu-stat-close{
  background:none;
  border:none;
  font-size:18px;
  color:var(--color-muted2,#94a3b8);
  cursor:pointer;
  padding:4px;
}
.lu-stat-scroll{
  flex:1;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding:0 0 20px;
  padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px));
}
.lu-stat-scroll::-webkit-scrollbar{ display:none; }

/* 스탯 섹션 헤더 */
.lu-sec-head{
  display:flex;
  align-items:center;
  gap:8px;
  padding:14px 18px 6px;
  position:sticky;
  top:0;
  background:#fff;
  z-index:2;
}
.lu-sec-dot{
  width:6px;height:6px;
  border-radius:50%;
  flex-shrink:0;
}
.lu-sec-title{
  font-size:var(--fs-14,14px);
  font-weight:var(--fw-black,900);
}
.lu-sec-sub{
  font-size:var(--fs-10,10px);
  font-weight:var(--fw-mid,600);
  color:var(--color-muted2,#94a3b8);
  margin-left:auto;
}

/* 스탯 그리드 (2열) */
.lu-st-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  padding:0 18px;
}
.lu-st-cell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:9px 10px 9px 0;
  border-bottom:1px solid #f5f5f5;
}
.lu-st-label{
  font-size:var(--fs-11,11px);
  font-weight:var(--fw-mid,600);
  color:var(--color-muted2,#94a3b8);
}
.lu-st-val{
  font-size:var(--fs-16,16px);
  font-weight:var(--fw-heavy,800);
  letter-spacing:var(--ls-tight,-0.3px);
}
.lu-st-val.is-hl{
  color:var(--lu-sec-color,inherit);
}

/* 타석별 기록 */
.lu-ab-head{
  padding:8px 18px 2px;
  font-size:var(--fs-11,11px);
  font-weight:var(--fw-bold,700);
  color:var(--color-muted2,#94a3b8);
}
.lu-ab-log{
  padding:4px 18px 0;
}
.lu-ab-row{
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 0;
  border-bottom:1px solid #f5f5f5;
}
.lu-ab-inn{
  font-size:var(--fs-11,11px);
  font-weight:var(--fw-bold,700);
  color:var(--color-muted2,#94a3b8);
  width:32px;
  flex-shrink:0;
}
.lu-ab-icon{
  width:18px;height:18px;
  border-radius:4px;
  display:flex;align-items:center;justify-content:center;
  font-size:8px;
  font-weight:var(--fw-black,900);
  flex-shrink:0;
  color:var(--color-muted,#6B7280);
  background:var(--color-line,#D4D6DA);
}
.lu-ab-icon.is-hr{ background:#EF4444; color:#fff; }
.lu-ab-icon.is-hit{ background:#22C55E; color:#fff; }
.lu-ab-text{
  font-size:var(--fs-12,12px);
  font-weight:var(--fw-mid,600);
  color:var(--color-text,#0F1115);
}

/* 구분선 */
.lu-divider{
  height:6px;
  background:#f5f5f5;
  margin:4px 0 0;
}

/* 스탯 없음 */
.lu-stat-empty{
  text-align:center;
  padding:24px 18px;
  font-size:var(--fs-12,12px);
  font-weight:var(--fw-mid,600);
  color:var(--color-muted2,#94a3b8);
}