body.b5-theme {
    --b5-bg: #f3f6f5;
    --b5-paper: #fff;
    --b5-text: #173326;
    --b5-line: #e0e5e2;
    --b5-muted: #626e67;
    --b5-utility: #2e3633;
    --b5-masthead: #3a7f1a;
    --b5-green: #43951e;
    --b5-pale: #f5f5f5;
    --b5-active: #e5e5e5;
    --b5-red: #bb3932;
    --b5-blue: #265295;
    --b5-shell-width: min(1060px, calc(100% - 20px));
    --b5-columns: 23px 74px minmax(0, 1fr) 60px minmax(0, 1fr) 35px 32px 35px 128px;
    --b5-mobile-match-columns: minmax(0, 1fr) 56px clamp(108px, 29vw, 118px);
    --b5-mobile-match-end-padding: 4px;
    margin: 0;
    background: var(--b5-bg) !important;
    color: var(--b5-text);
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 12px;
}
body.b5-theme.b5-dark {
    color-scheme: dark;
    --b5-bg: #1c2420;
    --b5-paper: #222e27;
    --b5-text: #ebf1eb;
    --b5-line: #39473f;
    --b5-muted: #acbab0;
    --b5-pale: #29362e;
    --b5-active: #dce5d8;
    --b5-red: #ff877f;
    --b5-blue: #9fbffe;
}
.b5-theme a { color: inherit; }
.b5-theme button, .b5-theme select, .b5-theme input { font: inherit; }
.b5-theme [hidden] { display: none !important; }
.b5-shell { width: var(--b5-shell-width); margin-inline: auto; }
.b5-visually-hidden { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
.b5-header { color: white; }
.b5-utility { background: var(--b5-utility); }
.b5-utility-inner { height: 29px; display: flex; justify-content: flex-end; align-items: center; gap: 17px; }
.b5-utility button, .b5-mobile-actions button {
    display: grid; place-items: center; width: 29px; height: 29px; border: 0;
    background: transparent; color: #fff; text-decoration: none; cursor: pointer;
}
.b5-masthead { background: var(--b5-masthead); }
.b5-masthead-inner { height: 60px; display: flex; align-items: center; gap: 30px; }
.b5-logo { flex: 0 0 auto; display: block; width: 174px; }
.b5-logo img {
    display: block; width: 100%; height: auto; box-sizing: border-box;
    padding: 3px 5px; border-radius: 3px; background: #fff;
}
.b5-nav { background: var(--b5-green); }
.b5-nav-desktop { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.b5-nav-mobile { display: none; }
.b5-nav a {
    display: grid; place-items: center; min-height: 51px; padding: 0 4px;
    color: white; border-right: 1px solid #ffffff23; font-weight: 700; text-align: center; text-decoration: none;
}
.b5-nav a:hover, .b5-nav a.is-active { color: #397f19; background: var(--b5-active); }
.b5-nav-short { display: grid; justify-items: center; gap: 4px; }
.b5-nav-short i { font-size: 17px; }
.b5-mobile-actions { display: none; }
.b5-theme .content_main.content_data { margin-top: 0; }
body.b5-theme .content_main.content_data:has(.b5-board) {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    background: transparent !important;
}
.b5-board {
    display: grid; grid-template-columns: 155px minmax(0, 1fr) 155px;
    align-items: start; gap: 10px; padding-top: 8px;
}
.b5-board-left, .b5-board-right { min-width: 0; background: var(--b5-paper); color: var(--b5-text); border: 1px solid var(--b5-line); }
.b5-board-left .bdn-sidebar.bdn-sidebar-left {
    width: 100% !important; margin: 0 !important; float: none !important;
    display: block !important; color: var(--b5-text); background: var(--b5-paper);
}
.b5-board-left .bdn-sidebar-title, .b5-board-right h2 {
    margin: 0; min-height: 30px !important; padding: 7px 8px !important; line-height: 16px !important; font-size: 12px; font-weight: 700;
    background: var(--b5-green) !important; color: white; text-transform: none;
}
.b5-board-right h2 { display: block; width: 100%; box-sizing: border-box; }
.b5-board-left .bdn-sidebar-list, .b5-board-left .bdn-sidebar-list li { margin: 0; padding: 0; list-style: none; }
.b5-board-left .bdn-sidebar-list li a, .b5-board-right a, .b5-board-right label {
    display: block; padding: 7px 8px; color: var(--b5-text); text-decoration: none; border-bottom: 1px solid var(--b5-line);
}
.b5-board-left .bdn-sidebar-list li a:hover, .b5-board-right a:hover { background: var(--b5-pale); }
.b5-board-center { min-width: 0; padding: 0 5px 5px; background: var(--b5-paper); }
.b5-board .bdn-odds-page {
    --b5-odds-columns: 56px minmax(116px, 2.4fr) repeat(2, minmax(62px, 1fr))
        minmax(44px, .65fr) repeat(2, minmax(62px, 1fr));
    min-width: 0;
    width: 100%;
}
.b5-board .bdn-odds-page .proportion { min-width: 0; }
.b5-board .bdn-odds-page .head_pro td,
.b5-board .bdn-odds-page .proportion .cups th {
    background: var(--b5-green) !important;
    border-color: #ffffff38 !important;
    color: #fff;
}
.b5-board .bdn-odds-page .proportion .cups th:has(> .bdn-odds-league-head) {
    background: var(--b5-paper) !important;
    border-block: 1px solid var(--b5-line) !important;
    color: #171717;
}
.b5-dark .b5-board .bdn-odds-page .proportion .cups th:has(> .bdn-odds-league-head) {
    color: var(--b5-text);
}
.b5-board .bdn-odds-page .bdn-odds-league-head a {
    color: inherit;
    font-weight: 700;
}
.b5-board .bdn-odds-page .bdn-odds-league-head nav a { border-left-color: var(--b5-line); }
.b5-board .bdn-odds-page .proportion .bdn-odd-match,
.b5-board .bdn-odds-page .proportion .bdn-odd-match > td {
    background: var(--b5-paper) !important;
    border-color: var(--b5-line) !important;
}
.b5-board .bdn-odds-page .dateM ul.keo li:is(.active, :hover) a,
.b5-board .bdn-odds-page .bdn-odds-league-tabs a:is(.active, :hover) {
    background: var(--b5-green);
    color: #fff;
}
@media (min-width: 701px) {
    .b5-board .bdn-odds-page .head_pro > table,
    .b5-board .bdn-odds-page .proportion .Box_1 > table,
    .b5-board .bdn-odds-page .proportion .Box_1 > table > tbody {
        display: block;
        width: 100%;
        border: 0;
    }
    .b5-board .bdn-odds-page .head_pro > table > tbody,
    .b5-board .bdn-odds-page .proportion .bdn-odd-match {
        display: grid;
        grid-template-columns: var(--b5-odds-columns);
        width: 100%;
    }
    .b5-board .bdn-odds-page .head_pro > table > tbody > tr { display: contents; }
    .b5-board .bdn-odds-page .head_pro td,
    .b5-board .bdn-odds-page .proportion .bdn-odd-match > td {
        box-sizing: border-box;
        width: auto !important;
        min-width: 0;
    }
    .b5-board .bdn-odds-page .head_pro td {
        display: grid;
        place-items: center;
        min-height: 28px;
        height: auto;
    }
    .b5-board .bdn-odds-page .head_pro td[rowspan] { grid-row: 1 / 3; }
    .b5-board .bdn-odds-page .head_pro td[colspan="3"] { grid-column: 3 / 6; }
    .b5-board .bdn-odds-page .head_pro td[colspan="2"] { grid-column: 6 / 8; }
    .b5-board .bdn-odds-page .head_pro .trd_TYLETT_1 > td { grid-row: 2; }
    .b5-board .bdn-odds-page .proportion .Box_1 > table > tbody > tr.cups,
    .b5-board .bdn-odds-page .proportion .Box_1 > table > tbody > tr.cups > th {
        display: block;
        box-sizing: border-box;
        width: 100%;
    }
}
.b5-board .b5-section-title {
    display: block;
    margin: 0;
    padding: 9px 8px;
    color: var(--b5-text);
    font-size: clamp(17px, 2vw, 22px);
    line-height: 1.3;
    text-align: left;
}
.b5-section-links {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    padding: 0 5px 6px;
}
.b5-section-links a {
    display: grid;
    place-items: center;
    min-height: 30px;
    padding-inline: 8px;
    border: 1px solid var(--b5-line);
    border-radius: 3px;
    white-space: nowrap;
}
.b5-section-links a:hover { background: var(--b5-pale); }
.b5-section-links a[aria-current="page"] { background: var(--b5-green); color: white; font-weight: 700; }
.b5-board .b5-league-heading > strong { margin-inline-start: 12px; }
.b5-toolbar { display: flex; align-items: stretch; gap: 1px; min-height: 34px; background: var(--b5-pale); }
.b5-toolbar > button, .b5-toolbar > a, .b5-toolbar select {
    display: flex; align-items: center; justify-content: center; gap: 4px; padding: 0 9px; border: 0;
    background: transparent; color: var(--b5-text); text-decoration: none; white-space: nowrap; cursor: pointer;
}
.b5-toolbar > button:hover, .b5-toolbar > a:hover, .b5-toolbar a.is-selected { background: var(--b5-active); color: #397f19; }
.b5-toolbar > button.is-active { background: var(--b5-green); color: white; font-weight: 700; }
.b5-live-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #e84843; }
.b5-odds-control { display: flex; align-items: stretch; margin-left: auto; }
.b5-columns, .b5-theme .fixture .b5-desktop-match {
    display: grid !important; grid-template-columns: var(--b5-columns); align-items: stretch; gap: 0;
}
.b5-columns { min-height: 23px; background: var(--b5-green); color: #fff; font-size: 11px; font-weight: 650; }
.b5-columns span { display: grid; place-items: center; border-right: 1px solid #ffffff26; }
.b5-match-search {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 35px;
    margin: 5px 0;
    padding: 0 10px;
    border: 1px solid var(--b5-line);
    border-radius: 3px;
    background: var(--b5-paper);
    color: var(--b5-muted);
}
.b5-match-search:focus-within { outline: 2px solid var(--b5-green); outline-offset: -1px; }
.b5-theme .b5-match-search input {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--b5-text);
    box-shadow: none;
    font-size: 14px;
}
.b5-match-search input::placeholder { color: var(--b5-muted); }
.b5-result-columns {
    border-inline: 2px solid var(--b5-line);
    border-bottom: 1px solid var(--b5-line);
    background: var(--b5-paper);
    color: var(--b5-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.2;
    text-transform: uppercase;
}
.b5-result-columns-desktop {
    display: grid;
    grid-template-columns: var(--b5-columns);
    min-height: 27px;
}
.b5-result-columns-mobile { display: none; }
.b5-result-columns span {
    display: grid;
    min-width: 0;
    place-items: center;
    text-align: center;
}
.b5-result-columns span + span { border-inline-start: 1px solid var(--b5-line); }
.b5-theme .content_main .b5-match-list { width: 100%; margin: 0 !important; padding: 0 !important; list-style: none; }
.b5-theme .content_main .b5-match-list .b5-league-heading {
    display: flex !important; align-items: center; gap: 6px; min-height: 31px; margin: 0 !important;
    padding: 0 6px !important; background: var(--b5-pale) !important; color: var(--b5-text) !important;
    border: 0 !important; border-bottom: 1px solid var(--b5-line) !important;
}
.b5-theme .b5-league-heading a { color: var(--b5-text) !important; font-weight: 700; text-decoration: none; }
.b5-league-heading a:hover { text-decoration: underline; }
.b5-league-heading button { margin-left: auto; background: transparent; color: var(--b5-muted); border: 0; cursor: pointer; }
.b5-league-heading button[aria-expanded=false] i { transform: rotate(180deg); }
.b5-theme .content_main .b5-match-list > li.item-live-home {
    position: relative; margin: 0 !important; padding: 0 !important; min-height: 37px; background: var(--b5-paper) !important;
    border: 0 !important; border-bottom: 1px solid var(--b5-line) !important; box-shadow: none !important;
}
.b5-theme .b5-match-list .fixture.match-row-link { display: block; color: var(--b5-text); text-decoration: none; }
.b5-theme .b5-match-list .fixture:hover { background: var(--b5-pale); }
.b5-theme .fixture .b5-desktop-match { min-height: 36px; width: 100%; color: var(--b5-text); font-size: 11px; }
.b5-desktop-match > span, .b5-desktop-match > div {
    display: flex; align-items: center; justify-content: center; gap: 4px;
    min-width: 0; padding: 0 3px; border-right: 1px solid var(--b5-line);
}
.b5-desktop-match .b5-time { flex-wrap: wrap; color: var(--b5-muted); }
.b5-desktop-match .b5-time.is-live { color: var(--b5-red); font-weight: 700; }
.b5-desktop-match .b5-home { justify-content: flex-end; text-align: right; }
.b5-desktop-match .b5-away { justify-content: flex-start; }
.b5-desktop-match .b5-team-name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.b5-desktop-match .b5-rank { flex: 0 0 auto; color: var(--b5-muted); font-size: 9px; }
.b5-desktop-match .b5-score { font-size: 13px; font-weight: 750; }
.b5-desktop-match .b5-score.is-live { color: var(--b5-red); }
.b5-desktop-match .b5-odds {
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    padding: 3px 4px;
}
.b5-theme .fixture :is(.b5-odds-line, .bdnet-mobile-odd-row) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1fr);
    align-items: center;
    justify-items: stretch;
    column-gap: 3px;
    width: 100%;
    color: var(--b5-muted);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
    text-align: center;
}
.b5-theme .fixture :is([data-b5-line="handicap"], .bdnet-mobile-odd-handicap) { color: var(--b5-red); }
.b5-theme .fixture :is([data-b5-line="total"], .bdnet-mobile-odd-total) { color: var(--b5-blue); }
.b5-theme .fixture :is(.b5-odds-line, .bdnet-mobile-odd-row) > :is(span, strong, b) {
    min-width: 0;
    color: inherit;
    font: inherit;
    font-variant-numeric: inherit;
    white-space: nowrap;
}
.b5-theme .fixture .bdnet-mobile-card { display: none !important; }
.b5-favorite {
    position: absolute; z-index: 1; top: 8px; left: 3px; padding: 0; width: 17px; height: 20px;
    border: 0; background: transparent; color: var(--b5-muted); cursor: pointer;
}
.b5-favorite[aria-pressed=true] { color: #b27809; }
.b5-hide-odds .b5-odds, .b5-hide-odds .bdnet-mobile-odds { visibility: hidden; }
.b5-handicap-only [data-b5-line=total], .b5-handicap-only .bdnet-mobile-odd-total { visibility: hidden; }
.b5-total-only [data-b5-line=handicap], .b5-total-only .bdnet-mobile-odd-handicap { visibility: hidden; }
.b5-empty { margin: 0; padding: 20px 5px; text-align: center; color: var(--b5-muted); }
.b5-home-intro {
    grid-column: 2; min-width: 0; margin-top: 0; padding: 15px;
    background: var(--b5-paper); color: var(--b5-text); font-size: 14px; line-height: 1.6;
}
.b5-home-intro h1 { margin: 0 0 10px; font-size: clamp(19px, 3vw, 26px); color: var(--b5-text); }
.b5-home-intro a { text-decoration: underline; }
.b5-home-cover { display: block; width: 100%; height: auto; margin: 12px 0; }
.b5-theme .bdn-match-card { background: #14613d; }
.b5-theme .bdn-match-scoreboard { grid-template-columns: minmax(0, 1fr) minmax(80px, 26%) minmax(0, 1fr); gap: 10px; }
.b5-theme .bdn-match-team { min-width: 0; justify-content: center; text-align: center; overflow-wrap: anywhere; }
.b5-theme .bdn-match-team strong { max-width: 100%; font-size: clamp(14px, 2.4vw, 22px); }
.b5-theme .bdn-match-team img, .b5-theme .bdn-match-team-logo, .b5-theme .bdn-team-logo { display: none !important; }
.b5-theme .bdn-match-score { gap: 6px; padding-inline: 4px; }
.b5-theme .bdn-footer { margin-top: 14px; }
@media (max-width: 950px) {
    .b5-board { grid-template-columns: 130px minmax(0, 1fr); }
    .b5-board-right { display: none; }
}
@media (min-width: 721px) {
    .b5-theme .b5-board .b5-columns,
    .b5-theme .b5-board .fixture .b5-desktop-match { display: none !important; }
    .b5-theme .b5-board .fixture .bdnet-mobile-card {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 84px 156px;
        box-sizing: border-box;
        min-height: 80px;
        padding: 6px 8px 6px 29px;
        color: var(--b5-text);
    }
    .b5-board .bdnet-mobile-fixture { min-width: 0; padding: 0 12px 0 9px; }
    .b5-board .bdnet-mobile-meta {
        display: flex;
        align-items: center;
        gap: 10px;
        height: 22px;
        color: var(--b5-muted);
        font-size: 12px;
    }
    .b5-board .bdnet-mobile-date { display: inline; }
    .b5-board .bdnet-mobile-league { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .b5-board [data-type="league"] .bdnet-mobile-league { display: none; }
    .b5-board .bdnet-mobile-team {
        display: flex;
        align-items: center;
        gap: 4px;
        height: 23px;
        color: var(--b5-text);
        font-size: 14px;
        white-space: nowrap;
    }
    .b5-board .bdnet-mobile-team > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
    .b5-board .bdnet-mobile-team em { flex: none; color: var(--b5-red); font-size: 11px; font-style: normal; }
    .b5-board .bdnet-card-score { display: flex; flex: none; gap: 2px; }
    .b5-board .bdnet-mobile-score,
    .b5-board .bdnet-mobile-odds { display: grid; grid-template-rows: 22px 23px 23px; min-width: 0; }
    .b5-board .bdnet-mobile-score { border-inline: 1px solid var(--b5-line); }
    .b5-board .bdnet-mobile-score-head,
    .b5-board .bdnet-mobile-score-row { display: grid; grid-template-columns: 1fr 1fr; place-items: center; }
    .b5-board .bdnet-mobile-score-head { color: var(--b5-muted); font-size: 11px; }
    .b5-board .bdnet-mobile-score-head .is-live { color: var(--b5-blue); font-weight: 700; }
    .b5-board .bdnet-mobile-score-row { font-size: 14px; font-variant-numeric: tabular-nums; }
    .b5-board .bdnet-mobile-score-row strong { color: #a85d00; }
    .b5-dark .b5-board .bdnet-mobile-score-row strong { color: #ffbc62; }
    .b5-board .bdnet-mobile-icons {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        color: var(--b5-muted);
        font-size: 11px;
    }
    .b5-board .bdnet-mobile-icons span { display: inline-flex; align-items: center; gap: 3px; }
    .b5-board .b5-favorite { left: 5px; top: 6px; }
}
@media (max-width: 720px) {
    body.b5-theme { --b5-shell-width: calc(100% - 10px); }
    .b5-utility, .b5-nav-desktop, .b5-board-left, .b5-columns { display: none !important; }
    .b5-masthead-inner { display: grid; height: auto; grid-template-columns: 1fr auto; gap: 0; }
    .b5-logo { display: flex; align-items: center; width: 151px; height: 51px; }
    .b5-mobile-actions { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
    .b5-nav-mobile {
        position: relative;
        display: flex;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
        scrollbar-color: #ffffff80 transparent;
    }
    .b5-nav-mobile a { flex: 1 0 82px; min-height: 59px; font-size: 11px; white-space: nowrap; }
    .b5-board { display: block; padding-top: 6px; }
    .b5-board-center { padding: 0; }
    .b5-toolbar { min-height: 32px; }
    .b5-toolbar > button, .b5-toolbar select { padding-inline: clamp(3px, 1.5vw, 8px); font-size: 11px; }
    .b5-toolbar .b5-desktop-tool { display: none; }
    .b5-toolbar button[data-b5-filter=live]:not(.is-active) { color: #9c302b; }
    .b5-theme .content_main .b5-match-list .b5-league-heading { min-height: 30px; }
    .b5-theme .fixture .b5-desktop-match { display: none !important; }
    .b5-theme .b5-match-search input { font-size: 16px; }
    .b5-result-columns-desktop { display: none; }
    .b5-result-columns-mobile {
        display: grid;
        grid-template-columns: var(--b5-mobile-match-columns);
        min-height: 27px;
        padding-inline-end: var(--b5-mobile-match-end-padding);
    }
    .b5-theme .content_main .fixture .bdnet-mobile-card {
        display: grid !important; grid-template-columns: var(--b5-mobile-match-columns);
        height: 80px; min-height: 80px; margin: 0 !important;
        padding: 4px var(--b5-mobile-match-end-padding) 3px 22px !important;
        background: transparent !important; border: 0 !important; color: var(--b5-text);
    }
    .b5-theme .bdnet-mobile-meta time, .b5-theme .bdnet-mobile-date { color: var(--b5-muted) !important; }
    .b5-theme .bdnet-mobile-team { font-size: 13px; }
    .b5-theme .fixture .bdnet-mobile-odd-row { font-size: 11px; }
    .b5-favorite { top: 4px; left: 3px; }
    .b5-home-intro { margin-top: 10px; padding: 10px; }
}
