/* 야구럽 공개 — 라인업 LAB (대시보드 lineup_lab.css 복제 · 2026-06-27)
   공개 변수 사용. body/.wrap/테마는 style.css 공통. .loading/.no-game/.error는 style.css 재사용. */

.ll-head{margin:0 0 18px;}
.ll-head h1{font-size:21px;font-weight:800;margin:0 0 4px;}
.ll-tag{font-size:11px;background:rgba(184,116,16,.18);color:var(--star);padding:2px 8px;border-radius:6px;font-weight:600;vertical-align:middle;margin-left:6px;}
.ll-sub{font-size:13px;color:var(--mut);margin:0 0 12px;}
.ll-datebar{display:flex;align-items:center;gap:8px;}
.ll-btn{background:var(--card);border:1px solid var(--border);color:var(--tx);border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer;}
.ll-btn:hover{border-color:var(--accent);color:var(--accent);}
.ll-date{background:var(--card);border:1px solid var(--border);color:var(--tx);border-radius:8px;padding:6px 10px;font-size:14px;}

/* 누적 통계 카드 */
.ll-cumul{display:flex;gap:10px;margin:12px 0;}
.cumul-card{flex:1;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px;text-align:center;}
.cumul-card.base{border-top:3px solid var(--accent);}
.cumul-card.lineup{border-top:3px solid var(--star);}
.cumul-lbl{font-size:12px;color:var(--mut);font-weight:600;}
.cumul-pct{font-size:30px;font-weight:800;line-height:1.15;margin:3px 0;}
.cumul-card.base .cumul-pct{color:var(--accent);}
.cumul-card.lineup .cumul-pct{color:var(--star);}
.cumul-sub{font-size:11px;color:var(--hint);}

/* 요약 바 */
.ll-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin-bottom:16px;}
.ll-sum-item{text-align:center;}
.ll-sum-item .lbl{display:block;font-size:12px;color:var(--mut);margin-bottom:2px;}
.ll-sum-item .val{font-size:24px;font-weight:800;}
.ll-sum-vs{color:var(--hint);font-size:13px;}
.ll-sum-conflict{margin-left:auto;font-size:12px;color:var(--star);background:rgba(184,116,16,.12);padding:4px 10px;border-radius:8px;}

/* 경기 카드 */
.ll-card{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:15px 17px;margin-bottom:12px;}
.ll-card.conflict{border-color:var(--bad);box-shadow:0 0 0 1px rgba(229,72,77,.3);}
.ll-card-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap;}
.ll-teams{font-size:17px;font-weight:700;}
.ll-time{font-size:12px;color:var(--hint);}
.ll-nolineup{font-size:11px;color:var(--bad);background:rgba(229,72,77,.12);padding:2px 8px;border-radius:6px;margin-left:auto;}

/* 두 예측 비교 */
.ll-picks{display:flex;align-items:stretch;gap:8px;margin-bottom:14px;}
.ll-pick{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;text-align:center;}
.ll-pick .lbl{display:block;font-size:11px;color:var(--mut);margin-bottom:4px;}
.ll-pick .pk{display:block;font-size:16px;font-weight:800;}
.ll-pick .dec{display:block;font-size:11px;color:var(--hint);margin-top:2px;}
.ll-pick.base .pk{color:var(--accent);}
.ll-pick.lineup .pk{color:var(--star);}
.ll-pick-vs{display:flex;align-items:center;font-size:12px;color:var(--hint);font-weight:700;}
.ll-card.conflict .ll-pick-vs{color:var(--bad);}

/* 분석 축 */
.ll-axis{background:var(--bg);border-radius:10px;padding:10px 12px;margin-bottom:8px;}
.ll-axis-title{font-size:13px;font-weight:700;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;}
.ll-edge{font-size:12px;color:var(--good);font-weight:600;}
.ll-axis-row{font-size:12.5px;color:var(--mut);padding:2px 0;}
.ll-axis-row b{color:var(--tx);}

/* 결과 채점 */
.ll-verdict{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;}
.ll-actual{font-size:13px;font-weight:700;}
.ll-vscore{font-size:13px;color:var(--mut);}
.ll-winner{font-size:12px;font-weight:700;padding:3px 10px;border-radius:7px;}
.ll-winner.base-win{background:rgba(31,95,168,.22);color:#5b9bd5;}
.ll-winner.lineup-win{background:rgba(184,116,16,.22);color:var(--star);}
.ll-winner.both-miss{background:rgba(107,140,186,.12);color:var(--hint);}
.ll-winner.both-win{background:rgba(44,164,79,.18);color:var(--good);}

/* 가이드 */
.ll-guide{background:rgba(31,95,168,.08);border:1px solid rgba(31,95,168,.2);border-radius:10px;padding:13px 16px;margin-top:18px;font-size:12.5px;color:var(--mut);}
.ll-guide b{color:var(--accent);}
.ll-guide ul{margin:8px 0 0;padding-left:18px;}
.ll-guide li{margin:4px 0;}
.ll-conflict-txt{color:var(--bad);font-weight:600;}

@media(max-width:480px){ .ll-picks{flex-direction:column;} .ll-pick-vs{padding:2px 0;} }