/* Match detail V19 — Hero and official market presentation only. */

/* Hero: competition label, strong team identities and a fixed central kickoff axis. */
html:root .pd-md-v19 .pd-md-hero {
    gap:12px;
    padding:14px 20px 12px;
    border-color:rgba(64,132,214,.48);
    background:
        radial-gradient(circle at 50% -20%,rgba(39,120,210,.28),transparent 48%),
        linear-gradient(135deg,rgba(10,30,56,.98),rgba(7,20,39,.98));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 38px rgba(1,8,20,.14);
}
html:root .pd-md-v19 .pd-md-hero-top { min-height:22px; justify-content:flex-start; }
html:root .pd-md-v19 .pd-v17-competition { max-width:100%; }
html:root .pd-md-v19 .pd-v17-competition .pd-v3-sport { color:#8ea8c9; font-size:11px; font-weight:650; }
html:root .pd-md-v19 .pd-v17-competition .pd-md-hero-league {
    color:#c9dcf4;
    font-size:11px;
    font-weight:750;
    letter-spacing:.01em;
}
html:root .pd-md-v19 .pd-v17-scoreboard {
    grid-template-columns:minmax(0,1fr) minmax(138px,.4fr) minmax(0,1fr);
    max-width:1060px;
    gap:22px;
}
html:root .pd-md-v19 .pd-v17-scoreboard .pd-md-hero-team,
html:root .pd-md-v19 .pd-v17-scoreboard .pd-md-hero-team.is-away { gap:14px; }
html:root .pd-md-v19 .pd-v17-scoreboard .rt-team-logo,
html:root .pd-md-v19 .pd-v17-scoreboard .rt-team-logo img {
    width:72px;
    height:72px;
}
html:root .pd-md-v19 .pd-v17-scoreboard .rt-team-logo {
    flex-basis:72px;
    border-radius:15px;
    background:rgba(15,38,66,.82);
    box-shadow:0 10px 24px rgba(0,0,0,.24),inset 0 0 0 1px rgba(127,181,239,.13);
}
html:root .pd-md-v19 .pd-v17-scoreboard .rt-team-logo img { padding:5px; box-sizing:border-box; }
html:root .pd-md-v19 .pd-v17-scoreboard .rt-team-initial { font-size:19px; font-weight:850; }
html:root .pd-md-v19 .pd-v17-scoreboard .pd-md-hero-name,
html:root .pd-md-v19 .pd-v17-scoreboard .is-away .pd-md-hero-name {
    max-width:100%;
    overflow:visible;
    color:#f5f9ff;
    font-size:24px;
    font-weight:850;
    line-height:1.17;
    text-overflow:clip;
    white-space:normal;
    word-break:keep-all;
    overflow-wrap:anywhere;
}
html:root .pd-md-v19 .pd-v12-hero-form { margin-top:7px; gap:5px; }
html:root .pd-md-v19 .pd-v12-hero-form small { color:#8ca5c5; font-size:10px; }
html:root .pd-md-v19 .pd-v12-hero-form > span { width:19px; height:19px; font-size:9px; }
html:root .pd-md-v19 .pd-v17-kickoff { align-self:center; }
html:root .pd-md-v19 .pd-v17-kickoff > span:first-child { color:#a9bdd7; font-size:12px; font-weight:650; }
html:root .pd-md-v19 .pd-v17-kickoff strong {
    margin-top:5px;
    color:#fff;
    font-size:38px;
    font-weight:850;
    line-height:1;
    letter-spacing:-.035em;
    text-shadow:0 5px 18px rgba(0,0,0,.3);
}
html:root .pd-md-v19 .pd-v17-kickoff .pd-md-hero-state {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:54px;
    margin:7px 0 0;
    padding:4px 10px;
    border:1px solid rgba(52,211,153,.35);
    border-radius:999px;
    background:rgba(16,185,129,.16);
    color:#65e3b0;
    font-size:10px;
    font-weight:850;
    line-height:1;
}
html:root .pd-md-v19 .pd-v17-kickoff .pd-md-hero-state:not(.is-OPEN) {
    border-color:rgba(148,163,184,.28);
    background:rgba(100,116,139,.18);
    color:#bdc9d8;
}
html:root .pd-md-v19 .pd-md-hero > .pd-md-probability { padding-top:9px; }
html:root .pd-md-v19 .pd-md-hero .pd-md-prob-choices {
    max-width:1060px;
    height:28px;
    border:1px solid rgba(126,166,211,.13);
    border-radius:8px;
}
html:root .pd-md-v19 .pd-md-hero .pd-md-prob-choice strong { font-size:13px; }
html:root .pd-md-v19 .pd-md-hero .pd-md-prob-label { font-size:10px; }

/* Markets: keep every official button and data attribute, strengthen card hierarchy. */
html:root .pd-md-v19 #pd-predict { gap:16px; }
html:root .pd-md-v19 #pd-predict .pd-md-lines {
    padding:14px 16px;
    border-color:rgba(67,128,204,.38);
    background:linear-gradient(150deg,rgba(10,29,52,.97),rgba(7,20,38,.97));
}
html:root .pd-md-v19 #pd-predict .pd-md-lines > .pd-md-panel-head {
    padding-bottom:10px;
    border-bottom:1px solid rgba(94,145,205,.25);
}
html:root .pd-md-v19 #pd-predict .pd-v6-heading .pd-md-panel-title { font-size:20px; }
html:root .pd-md-v19 #pd-predict .pd-md-mk { padding:10px 1px; }
html:root .pd-md-v19 #pd-predict .pd-md-mk:last-child { padding-bottom:0; }
html:root .pd-md-v19 #pd-predict .pd-md-mk + .pd-md-mk { border-top-color:rgba(91,142,205,.2); }
html:root .pd-md-v19 #pd-predict .pd-md-mk-head { margin-bottom:6px; gap:7px; }
html:root .pd-md-v19 #pd-predict .pd-v7-market-icon { flex-basis:23px; width:23px; height:23px; }
html:root .pd-md-v19 #pd-predict .pd-v7-market-icon .pd-v9-icon { width:17px; height:17px; }
html:root .pd-md-v19 #pd-predict .pd-md-mk-name { color:#edf5ff; font-size:14px; font-weight:800; }
html:root .pd-md-v19 #pd-predict .pd-md-lines .pd-md-outs { gap:8px; }
html:root .pd-md-v19 #pd-predict .pd-md-lines .pd-md-out {
    grid-template-columns:minmax(0,1fr) auto;
    min-height:50px;
    padding:7px 12px;
    border-color:rgba(105,145,197,.42);
    border-radius:11px;
    background:linear-gradient(145deg,rgba(24,47,78,.92),rgba(15,33,58,.94));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 18px rgba(0,0,0,.08);
}
html:root .pd-md-v19 #pd-predict .pd-md-out:hover:not(:disabled):not(.is-ineligible) {
    border-color:#4ea9ff;
    background:linear-gradient(145deg,rgba(29,62,102,.96),rgba(17,40,70,.96));
}
html:root .pd-md-v19 #pd-predict .pd-md-out.is-picked,
html:root .pd-md-v19 #pd-predict .pd-md-out[aria-pressed="true"] {
    border-color:#5aaeff;
    background:linear-gradient(135deg,rgba(26,78,145,.92),rgba(45,48,125,.9));
    box-shadow:inset 0 0 0 1px rgba(126,184,255,.34),0 10px 23px rgba(12,76,167,.18);
}
html:root .pd-md-v19 #pd-predict .pd-md-out:disabled,
html:root .pd-md-v19 #pd-predict .pd-md-out.is-ineligible {
    border-color:rgba(92,111,137,.24);
    background:rgba(22,35,53,.68);
    filter:saturate(.45);
    opacity:.5;
}
html:root .pd-md-v19 #pd-predict .pd-md-out-name {
    color:#dce9fa;
    font-size:13px;
    font-weight:700;
    line-height:1.35;
    word-break:keep-all;
    overflow-wrap:anywhere;
}
html:root .pd-md-v19 #pd-predict .pd-md-out-odds {
    color:#fff;
    font-size:17px;
    font-weight:900;
    font-variant-numeric:tabular-nums;
    letter-spacing:-.025em;
}
html:root .pd-md-v19 #pd-predict .pd-md-mk-state {
    margin-left:auto;
    padding:4px 8px;
    border-radius:999px;
    background:rgba(100,116,139,.18);
    color:#aebdce;
    font-size:9px;
    font-weight:800;
}
html:root .pd-md-v19 #pd-predict .pd-md-side > .pd-md-panel {
    border-color:rgba(126,81,230,.62);
    background:linear-gradient(160deg,rgba(24,28,64,.96),rgba(8,20,39,.98) 45%);
}

@media(max-width:900px) {
    html:root .pd-md-v19 .pd-v17-scoreboard { gap:16px; }
}

@media(max-width:700px) {
    html:root .pd-md-v19 .pd-md-hero { gap:9px; padding:10px 9px 9px; }
    html:root .pd-md-v19 .pd-md-hero-top { min-height:18px; }
    html:root .pd-md-v19 .pd-v17-competition .pd-md-hero-league {
        overflow:hidden;
        font-size:10px;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    html:root .pd-md-v19 .pd-v17-scoreboard {
        grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);
        align-items:start;
        gap:5px;
    }
    html:root .pd-md-v19 .pd-v17-scoreboard .pd-md-hero-team,
    html:root .pd-md-v19 .pd-v17-scoreboard .pd-md-hero-team.is-away { gap:6px; }
    html:root .pd-md-v19 .pd-v17-scoreboard .rt-team-logo,
    html:root .pd-md-v19 .pd-v17-scoreboard .rt-team-logo img { width:46px; height:46px; }
    html:root .pd-md-v19 .pd-v17-scoreboard .rt-team-logo { flex-basis:46px; border-radius:11px; }
    html:root .pd-md-v19 .pd-v17-scoreboard .rt-team-initial { font-size:13px; }
    html:root .pd-md-v19 .pd-v17-scoreboard .pd-md-hero-name,
    html:root .pd-md-v19 .pd-v17-scoreboard .is-away .pd-md-hero-name {
        font-size:14px;
        line-height:1.25;
        text-align:center;
    }
    html:root .pd-md-v19 .pd-v12-hero-form { justify-content:center; margin-top:5px; gap:3px; }
    html:root .pd-md-v19 .pd-v12-hero-form > span { width:17px; height:17px; font-size:8px; }
    html:root .pd-md-v19 .pd-v17-kickoff { padding-top:2px; }
    html:root .pd-md-v19 .pd-v17-kickoff > span:first-child { font-size:8px; }
    html:root .pd-md-v19 .pd-v17-kickoff strong { margin-top:3px; font-size:22px; }
    html:root .pd-md-v19 .pd-v17-kickoff .pd-md-hero-state { min-width:42px; margin-top:5px; padding:3px 7px; font-size:8px; }
    html:root .pd-md-v19 .pd-md-hero > .pd-md-probability { padding-top:7px; }
    html:root .pd-md-v19 .pd-md-hero .pd-md-prob-choices { height:30px; }
    html:root .pd-md-v19 #pd-predict { gap:11px; }
    html:root .pd-md-v19 #pd-predict .pd-md-lines { padding:11px 9px; }
    html:root .pd-md-v19 #pd-predict .pd-md-lines > .pd-md-panel-head { padding-bottom:8px; }
    html:root .pd-md-v19 #pd-predict .pd-v6-heading .pd-md-panel-title { font-size:18px; }
    html:root .pd-md-v19 #pd-predict .pd-md-mk { padding:8px 0; }
    html:root .pd-md-v19 #pd-predict .pd-md-mk-head { margin-bottom:5px; }
    html:root .pd-md-v19 #pd-predict .pd-md-mk-name { font-size:13px; }
    html:root .pd-md-v19 #pd-predict .pd-md-lines .pd-md-outs { gap:6px; }
    html:root .pd-md-v19 #pd-predict .pd-md-lines .pd-md-out {
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        min-height:54px;
        gap:4px;
        padding:7px 7px;
        text-align:left;
    }
    html:root .pd-md-v19 #pd-predict .pd-md-out-name { width:auto; font-size:10px; }
    html:root .pd-md-v19 #pd-predict .pd-md-out-odds { font-size:16px; }
}

@media(max-width:390px) {
    html:root .pd-md-v19 .pd-v17-scoreboard { grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr); }
    html:root .pd-md-v19 .pd-v17-scoreboard .pd-md-hero-name,
    html:root .pd-md-v19 .pd-v17-scoreboard .is-away .pd-md-hero-name { font-size:13px; }
    html:root .pd-md-v19 #pd-predict .pd-md-out-name { font-size:9px; }
    html:root .pd-md-v19 #pd-predict .pd-md-out-odds { font-size:16px; }
}