/* 경기 분석 구역 공통(/match/{id} 의 분석 구역) + 외부 경기 상세(/match/p/…, .pd-mx) — 기존 다크 토큰(--t3-*, --rt-*)만 재사용한다. */
.pd-an { margin: 12px 0; padding: 16px; border: 1px solid var(--rt-border, rgba(149,107,255,.22)); border-radius: 12px; background: var(--t3-surface, rgba(255,255,255,.03)); color: var(--t3-text, #e8ecf6); }
.pd-an-title { margin: 0 0 10px; font-size: 16px; font-weight: 800; }
.pd-an-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
.pd-an-tabs[hidden] { display: none; }
.pd-an-tabs button { height: 34px; padding: 0 12px; border: 1px solid var(--rt-border, rgba(149,107,255,.22)); border-radius: 8px; background: var(--t3-surface-2, rgba(255,255,255,.04)); color: var(--t3-text-2, #c6d1e0); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.pd-an-tabs button[aria-selected="true"] { border-color: #9a7bff; background: var(--rt-btn-bg-on, #7a4cef); color: #fff; }
.pd-an-sub { margin: 0 0 8px; font-size: 14px; font-weight: 700; color: var(--t3-text-2, #c6d1e0); }
.pd-an-panel[hidden] { display: none; }
.pd-an-panel + .pd-an-panel { margin-top: 12px; }
.pd-an-seg { border-collapse: collapse; font-variant-numeric: tabular-nums; }
.pd-an-seg th, .pd-an-seg td { padding: 4px 22px 4px 0; text-align: left; font-weight: 600; }
.pd-an-seg th { color: var(--t3-text-3, #9aa6bd); }
.pd-an-pending { margin: 0; color: var(--t3-text-3, #9aa6bd); font-size: 14px; }
@media (max-width: 767px) {
	html:root .pd-md-v19[data-md-tab]:not([data-md-tab="analysis"]) .pd-md-analysis { display: none !important; }
	.pd-an-tabs { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 2px; }
	.pd-an-tabs button { flex: 0 0 auto; }
}

/* ===== 외부 경기 상세(.pd-mx): 스코어보드 + 가로 탭 + 카드 대시보드 ===== */
.pd-mx { max-width: 1100px; margin: 0 auto; padding: 8px 16px 40px; color: var(--t3-text, #e8ecf6); }
.pd-mx .pd-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pd-mx-crumb { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 14px; color: var(--t3-text-3, #9aa6bd); }
.pd-mx-crumb a { color: inherit; text-decoration: none; }
.pd-mx-crumb strong { color: var(--t3-text, #fff); font-weight: 700; }
.pd-mx-note, .pd-mx-empty-page { margin: 12px 0; color: var(--t3-text-3, #9aa6bd); font-size: 14px; }
.pd-mx-head { overflow: hidden; border: 1px solid var(--rt-border, rgba(149,107,255,.28)); border-radius: 14px; background: rgba(13,19,46,.96); }
.pd-mx-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 12px 18px; border-bottom: 1px solid rgba(149,107,255,.16); font-size: 14px; color: var(--t3-text-2, #c6d1e0); }
.pd-mx-league { font-weight: 800; color: var(--t3-text, #fff); }
.pd-mx-sep { color: rgba(149,107,255,.45); }
.pd-mx-badge { display: inline-flex; align-items: center; height: 22px; margin-left: auto; padding: 0 10px; border-radius: 999px; background: rgba(149,107,255,.18); color: #cdbbff; font-size: 12px; font-weight: 700; }
.pd-mx-badge.is-live { background: rgba(255,92,92,.18); color: #ff8a8a; }
.pd-mx-badge.is-finished { background: rgba(160,172,196,.16); color: #b6c0d6; }
.pd-mx-badge b { font-weight: 700; }
.pd-mx-teams { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 16px; padding: 24px 28px; background: radial-gradient(120% 140% at 50% 0, rgba(122,76,239,.28), rgba(10,14,36,0) 62%), linear-gradient(180deg, rgba(20,26,62,.9), rgba(9,13,34,.98)); }
.pd-mx-team { display: flex; align-items: center; gap: 16px; min-width: 0; }
.pd-mx-team.is-away { justify-content: flex-end; text-align: right; }
.pd-mx-logo { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 84px; height: 84px; }
.pd-mx-logo img { width: 80px; height: 80px; object-fit: contain; }
.pd-mx-logo-fb { display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: 50%; background: rgba(255,255,255,.07); font-size: 22px; font-weight: 800; color: #cdbbff; }
.pd-mx-names { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.pd-mx-name { font-size: 22px; font-weight: 800; line-height: 1.25; overflow-wrap: anywhere; color: #fff; }
.pd-mx-en { font-size: 14px; color: var(--t3-text-3, #9aa6bd); overflow-wrap: anywhere; }
.pd-mx-center { display: flex; flex-direction: column; align-items: center; gap: 10px; min-width: 150px; }
.pd-mx-state { display: inline-flex; align-items: center; height: 26px; padding: 0 16px; border: 1px solid rgba(149,107,255,.5); border-radius: 999px; background: rgba(16,20,52,.9); color: #e8e0ff; font-size: 14px; font-weight: 700; }
.pd-mx-state.is-live { border-color: rgba(255,110,110,.6); color: #ff9a9a; }
.pd-mx-score { display: flex; align-items: center; gap: 14px; font-size: 60px; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; color: #fff; }
.pd-mx-score i { font-style: normal; color: var(--t3-text-3, #7d89a6); }
.pd-mx-vs { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.pd-mx-vs span { font-size: 38px; font-weight: 800; color: #cdbbff; line-height: 1; }
.pd-mx-vs em { font-style: normal; font-size: 18px; font-weight: 700; color: var(--t3-text-2, #c6d1e0); }
.pd-mx-analysis { margin-top: 12px; }
.pd-mx-tabs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; margin: 0 0 12px; padding: 6px; border: 1px solid var(--rt-border, rgba(149,107,255,.22)); border-radius: 14px; background: rgba(13,19,46,.96); }
.pd-mx-tabs[hidden] { display: none; }
.pd-mx-tabs button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 8px; border: 0; border-radius: 10px; background: transparent; color: var(--t3-text-2, #c6d1e0); font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.pd-mx-tabs button svg { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.pd-mx-tabs button:hover { background: rgba(149,107,255,.1); }
.pd-mx-tabs button[aria-selected="true"] { background: linear-gradient(135deg, #7a4cef, #9250ea); color: #fff; box-shadow: 0 0 0 1px rgba(201,182,255,.55) inset; }
.pd-mx-tabs button:focus-visible { outline: 2px solid #a9b8ff; outline-offset: 1px; }
.pd-mx-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-areas: "sum stats info" "evt seg seg"; gap: 12px; align-items: stretch; }
.c-sum { grid-area: sum; } .c-stats { grid-area: stats; } .c-info { grid-area: info; } .c-evt { grid-area: evt; } .c-seg { grid-area: seg; }
.pd-mx-card { padding: 16px 18px; border: 1px solid var(--rt-border, rgba(149,107,255,.22)); border-radius: 14px; background: rgba(13,19,46,.96); min-width: 0; }
.pd-mx-card h2 { margin: 0 0 12px; padding-bottom: 10px; border-bottom: 1px solid rgba(149,107,255,.14); font-size: 16px; font-weight: 800; color: var(--t3-text, #fff); }
.pd-mx-sum { margin: 0; font-size: 15px; line-height: 1.65; color: var(--t3-text-2, #d5dcec); }
.pd-mx-empty { margin: 0; color: var(--t3-text-3, #8d99b3); font-size: 14px; }
.pd-mx-segwrap { overflow-x: auto; }
.pd-mx-seg { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.pd-mx-seg th, .pd-mx-seg td { padding: 9px 10px; text-align: center; font-size: 15px; border-bottom: 1px solid rgba(149,107,255,.12); }
.pd-mx-seg thead th { color: var(--t3-text-3, #9aa6bd); font-size: 13px; font-weight: 700; }
.pd-mx-seg tbody th { text-align: left; font-weight: 700; color: var(--t3-text, #fff); }
.pd-mx-seg tbody td { font-weight: 700; color: #fff; }
.pd-mx-seg tbody tr:last-child th, .pd-mx-seg tbody tr:last-child td { border-bottom: 0; }
.pd-mx-segteam { display: inline-flex; align-items: center; gap: 8px; }
.pd-mx-segteam img { width: 22px; height: 22px; object-fit: contain; }
.pd-mx-info { margin: 0 0 4px; display: grid; gap: 10px; }
.pd-mx-info div { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; }
.pd-mx-info dt { color: var(--t3-text-3, #9aa6bd); }
.pd-mx-info dd { margin: 0; text-align: right; font-weight: 600; overflow-wrap: anywhere; }
.pd-mx-marketlink { display: flex; align-items: center; justify-content: center; gap: 6px; height: 44px; margin-top: 14px; border: 1px solid #9a7bff; border-radius: 10px; background: rgba(122,76,239,.22); color: #fff; font-weight: 700; text-decoration: none; }
.pd-mx-marketlink:hover { background: rgba(122,76,239,.4); }
.pd-mx-panel[hidden] { display: none; }
@media (max-width: 1023px) {
	.pd-mx-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "sum sum" "stats info" "evt evt" "seg seg"; }
	.pd-mx-score { font-size: 48px; }
}
@media (max-width: 767px) {
	.pd-mx { padding: 6px 12px 32px; }
	.pd-mx-meta { padding: 10px 12px; font-size: 13px; }
	.pd-mx-badge { margin-left: 0; }
	.pd-mx-teams { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 6px; padding: 16px 10px 18px; }
	.pd-mx-team, .pd-mx-team.is-away { flex-direction: column; justify-content: flex-start; text-align: center; gap: 8px; }
	.pd-mx-team.is-away .pd-mx-logo { order: -1; }
	.pd-mx-logo { width: 56px; height: 56px; }
	.pd-mx-logo img { width: 52px; height: 52px; }
	.pd-mx-logo-fb { width: 52px; height: 52px; font-size: 18px; }
	.pd-mx-names { align-items: center; }
	.pd-mx-name { font-size: 15px; }
	.pd-mx-en { font-size: 12px; }
	.pd-mx-center { min-width: 92px; gap: 8px; }
	.pd-mx-state { height: 24px; padding: 0 12px; font-size: 13px; }
	.pd-mx-score { font-size: 38px; gap: 8px; }
	.pd-mx-vs span { font-size: 28px; }
	.pd-mx-vs em { font-size: 15px; }
	.pd-mx-tabs { display: flex; gap: 6px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
	.pd-mx-tabs::-webkit-scrollbar { display: none; }
	.pd-mx-tabs button { flex: 0 0 auto; padding: 0 14px; height: 42px; font-size: 14px; }
	.pd-mx-grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "sum" "info" "seg" "stats" "evt"; }
	.pd-mx-card { padding: 14px; }
}