/* Shared live site / owner preview components. Keep scope explicit; never merge sporting tables. */
body[data-page="home"][data-frontend-experience-mode="unified"] .pmc-results-section,
body[data-page="home"][data-frontend-experience-mode="split"] .pmc-results-section { display:none!important; }
.tpc-frontend-experience[hidden] { display:none!important; }
.tpc-experience-shell { --experience-ink:#102447;--experience-muted:#53647a;--experience-surface:#fff;--experience-soft:#f4f7fc;--experience-line:#dce4ee;--experience-blue:var(--cup-blue,#001e8e);--experience-yellow:var(--cup-yellow,#f1c30b); color:var(--experience-ink);background:var(--experience-surface);border:1px solid var(--experience-line);border-radius:26px;overflow:hidden;min-width:0;box-shadow:0 10px 30px #001e8e08; }
.tpc-site-dark-mode .tpc-experience-shell { --experience-ink:#eef4ff;--experience-muted:#b9c9df;--experience-surface:#13243a;--experience-soft:#0e1c30;--experience-line:#334962; }
.tpc-experience-shell * { box-sizing:border-box; }
.tpc-experience-header { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;color:#fff;background:linear-gradient(115deg,#001e8e,#062368 70%,#182b57);border-bottom:4px solid var(--experience-yellow); }
.tpc-experience-eyebrow { display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#ffe15a;font-weight:900;line-height:1.6; }
.tpc-experience-header h2 { margin:5px 0 7px;color:#fff!important;font-size:clamp(22px,2.6vw,32px);font-weight:900;line-height:1.15;letter-spacing:-.035em; }
.tpc-experience-header p { margin:0;color:#dce7ff!important;font-size:12px;line-height:1.65;max-width:58ch; }
.tpc-experience-live-total,.tpc-experience-paused-total { display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:10px;background:#d1fae5;color:#075b35;font-size:11px;font-weight:900;white-space:nowrap; }
.tpc-experience-paused-total { background:#fff2c4;color:#6e4200; }
.tpc-experience-live-total i,.tpc-experience-state i { display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #0c9d6520;flex-shrink:0; }
.tpc-experience-controls { display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:18px 24px 0; }
.tpc-experience-filters { display:flex;flex-wrap:wrap;gap:6px; }
.tpc-experience-filters button { min-height:42px;padding:9px 14px;border:1px solid var(--experience-line);border-radius:999px;background:var(--experience-surface);color:var(--experience-ink);font-size:12px;line-height:1.2;font-weight:800;cursor:pointer; }
.tpc-experience-filters button[aria-pressed="true"] { background:#001e8e;color:#fff;border-color:#001e8e;box-shadow:inset 0 -3px var(--experience-yellow); }
.tpc-experience-views button { border-radius:10px;font-size:11px; }
.tpc-experience-shell :is(a,button):focus-visible { outline:3px solid var(--experience-yellow);outline-offset:3px; }
.tpc-experience-list { margin:0;padding:20px 24px 0;min-width:0; }
.tpc-experience-list-title { display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px; }
.tpc-experience-list-title h3,.tpc-experience-section-label h3 { margin:0;font-size:15px;font-weight:900;color:var(--experience-ink)!important; }
.tpc-experience-list-title>span { font-size:10px;color:var(--experience-muted);font-weight:700; }
.tpc-experience-matches { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0; }
.tpc-experience-match { display:block;min-width:0;border:1px solid var(--experience-line);border-radius:16px;background:var(--experience-soft);padding:14px;text-decoration:none!important;color:var(--experience-ink)!important;transition:border-color .18s,box-shadow .18s; }
.tpc-experience-match:hover { border-color:#6277bc;box-shadow:0 5px 14px #001e8e10; }
.tpc-experience-match.is-live { background:linear-gradient(125deg,#e2f9eb,#c8f2dc);border:2px solid #168452;box-shadow:inset 4px 0 #168452;color:#103a28!important; }
.tpc-site-dark-mode .tpc-experience-match.is-live { background:linear-gradient(125deg,#123e30,#0a4b34);border-color:#3bd58e;color:#ecfff4!important; }
.tpc-experience-match.is-interrupted { background:#fff4db;border:2px solid #c89021;color:#61430e!important; }
.tpc-site-dark-mode .tpc-experience-match.is-interrupted { background:#3d3019;border-color:#e4b448;color:#fff3d1!important; }
.tpc-experience-match-top { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px; }
.tpc-experience-cup-tag { display:inline-block;padding:4px 7px;border-radius:5px;background:#001e8e10;color:inherit;font-size:10px;font-weight:900; }
.tpc-site-dark-mode .tpc-experience-cup-tag { background:#ffffff12; }
.tpc-experience-state { display:inline-flex;align-items:center;gap:6px;color:inherit;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.03em; }
.tpc-experience-versus { display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px; }
.tpc-experience-team { display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;min-width:0; }
.tpc-experience-team strong { font-size:12px;line-height:1.35;font-weight:900;overflow-wrap:anywhere;color:inherit; }
.tpc-experience-emblem { display:flex;position:relative;align-items:center;justify-content:center;width:46px;height:46px;padding:4px;background:#fff;border:1px solid #d9e2ee;border-radius:12px;color:#001e8e;flex-shrink:0;font-size:11px;font-weight:900; }
.tpc-experience-emblem img { position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:contain;background:#fff;border-radius:8px; }
.tpc-experience-emblem img[hidden] { display:none!important; }
.tpc-experience-score { display:flex;flex-direction:column;align-items:center;gap:5px;min-width:62px; }
.tpc-experience-score b { font-size:25px;line-height:1.1;letter-spacing:-.05em;font-weight:900;color:inherit;white-space:nowrap; }
.tpc-experience-score small { max-width:100px;font-size:10px;line-height:1.3;text-align:center;font-weight:800;color:inherit; }
.tpc-experience-match-foot { display:flex;flex-direction:column;gap:3px;border-top:1px solid #8093a32c;padding-top:10px;margin-top:12px;font-size:10px;line-height:1.5;color:inherit;opacity:.85; }
.tpc-experience-interruption,.tpc-experience-penalties { margin:10px 0 0;font-size:11px;font-weight:700;line-height:1.5;overflow-wrap:anywhere;color:inherit; }
.tpc-experience-empty,.tpc-experience-no-live { margin:0;padding:16px;border:1px dashed var(--experience-line);border-radius:12px;color:var(--experience-muted);font-size:12px;line-height:1.6;background:var(--experience-soft); }
.tpc-experience-shell>.tpc-experience-no-live { margin:18px 24px 0; }
.tpc-experience-section-label { padding:24px 24px 12px; }
.tpc-experience-section-label p { margin:5px 0 0;color:var(--experience-muted);font-size:11px;line-height:1.5; }
.tpc-experience-overviews { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 24px; }
.tpc-experience-cup-overview { padding:17px;border:1px solid var(--experience-line);border-radius:14px;background:var(--experience-soft); }
.tpc-experience-cup-overview h3,.tpc-experience-cup-title h3 { margin:5px 0 7px;font-size:21px;font-weight:900;color:var(--experience-ink)!important; }
.tpc-experience-cup-overview>div>span,.tpc-experience-cup-title>span { font-size:10px;color:var(--experience-muted);font-weight:700;line-height:1.4; }
.tpc-experience-cup-overview p,.tpc-experience-cup-title p { margin:0;font-size:11px;line-height:1.5;color:var(--experience-muted); }
.tpc-experience-cup-links { display:flex;flex-wrap:wrap;gap:7px;margin-top:15px; }
.tpc-experience-cup-links a { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;min-height:38px;border:1px solid var(--experience-line);border-radius:8px;background:var(--experience-surface);color:var(--experience-ink);font-size:10px;font-weight:800;text-decoration:none; }
.tpc-experience-cup-links a:hover { text-decoration:underline; }
.tpc-experience-footer { display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:18px 24px;margin-top:20px;border-top:1px solid var(--experience-line);font-size:10px;color:var(--experience-muted); }
.tpc-experience-footer a { font-weight:900;color:var(--experience-ink);padding:6px 0; }
.tpc-experience-split { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px 24px 0; }
.tpc-experience-cup-column { min-width:0;border:1px solid var(--experience-line);border-radius:18px;padding:18px;background:var(--experience-soft); }
.tpc-experience-cup-title { padding:0 0 16px;border-bottom:3px solid var(--experience-yellow);margin-bottom:15px; }
.tpc-experience-cup-column .tpc-experience-list { padding:18px 0 0; }
.tpc-experience-cup-column .tpc-experience-matches { grid-template-columns:minmax(0,1fr); }
.tpc-experience-cup-column .tpc-experience-match { background:var(--experience-surface); }
.tpc-experience-cup-column .tpc-experience-match.is-live { background:linear-gradient(125deg,#e2f9eb,#c8f2dc); }
.tpc-site-dark-mode .tpc-experience-cup-column .tpc-experience-match.is-live { background:linear-gradient(125deg,#123e30,#0a4b34); }
.tpc-experience-cup-column .tpc-experience-match.is-interrupted { background:#fff4db; }
.tpc-site-dark-mode .tpc-experience-cup-column .tpc-experience-match.is-interrupted { background:#3d3019; }
[data-experience-layout="tonight"]>.tpc-experience-matches { padding:20px 24px 0; }
[data-experience-layout="tonight"]>.tpc-experience-empty { margin:20px 24px 0; }
.tpc-experience-scope-label { display:inline-flex;align-items:center;padding:5px 10px;border:1px solid #bdc9e8;border-radius:6px;background:#eef2ff;color:#001e8e!important;font-size:10px;line-height:1.5;font-weight:900;margin:0 0 12px; }
.pmc-home-hero .tpc-experience-hero-context { display:inline-flex;align-items:center;margin:12px 0 0;padding:7px 11px;border:1px solid #f1c30b70;border-radius:9px;background:#00134d55;color:#ffe66a!important;font-size:11px!important;font-weight:800;line-height:1.55!important;letter-spacing:.015em; }
.tpc-site-dark-mode .tpc-experience-scope-label,.dark>.tpc-experience-scope-label { border-color:#6477a4;background:#203863;color:#fff!important; }
@media(max-width:800px) { .tpc-experience-split { gap:12px;padding:18px 16px 0; }.tpc-experience-cup-column { padding:12px; }.tpc-experience-cup-links a { flex:1 0 auto; }.tpc-experience-header { padding:22px 20px; }.tpc-experience-header>div { min-width:0; } }
@media(max-width:600px) { .tpc-experience-shell { border-radius:20px; }.tpc-experience-header { align-items:flex-start;flex-direction:column;gap:12px;padding:20px 16px; }.tpc-experience-header h2 { font-size:25px; }.tpc-experience-header p { font-size:11px; }.tpc-experience-controls { padding:16px 14px 0;gap:10px; }.tpc-experience-filters { width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr); }.tpc-experience-filters button { padding:9px 5px;font-size:11px; }.tpc-experience-views button { min-height:38px; }.tpc-experience-list { padding:18px 14px 0; }.tpc-experience-matches,.tpc-experience-overviews,.tpc-experience-split { grid-template-columns:minmax(0,1fr); }.tpc-experience-match { padding:12px; }.tpc-experience-team strong { font-size:12px; }.tpc-experience-shell>.tpc-experience-no-live { margin:16px 14px 0; }.tpc-experience-section-label { padding:22px 14px 12px; }.tpc-experience-overviews { padding:0 14px; }.tpc-experience-split { padding:16px 14px 0; }.tpc-experience-cup-column { padding:14px; }.tpc-experience-footer { padding:14px;margin-top:18px; }[data-experience-layout="tonight"]>.tpc-experience-matches { padding:16px 14px 0; }[data-experience-layout="tonight"]>.tpc-experience-empty { margin:16px 14px 0; } }
@media(prefers-reduced-motion:reduce) { .tpc-experience-match { transition:none; } }