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-columns: 23px 74px minmax(0, 1fr) 60px minmax(0, 1fr) 35px 32px 35px 115px;
    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: min(1060px, calc(100% - 20px)); 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: 36px; display: flex; justify-content: flex-end; align-items: center; gap: 17px; }
.b5-utility button, .b5-mobile-actions button, .b5-mobile-actions a {
    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: 75px; 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; }
.b5-primary { display: flex; align-items: center; gap: 6px; }
.b5-primary a {
    display: flex; align-items: center; gap: 7px; padding: 9px 17px;
    color: white; background: #326b17; font-weight: 700; text-decoration: none;
}
.b5-primary a.is-active { color: #285819; background: #fff; }
.b5-nav { background: var(--b5-green); }
.b5-nav-inner { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.b5-nav a {
    display: grid; place-items: center; min-height: 35px; 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, .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-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-toolbar { display: flex; align-items: stretch; gap: 1px; min-height: 29px; 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-search { display: none; align-items: center; gap: 8px; padding: 5px; background: var(--b5-pale); border-top: 1px solid var(--b5-line); }
.b5-search.is-open { display: flex; }
.b5-search label:first-child { display: flex; flex: 1; align-items: center; gap: 6px; }
.b5-search input[type=search] { width: 100%; border: 1px solid var(--b5-line); border-radius: 2px; background: var(--b5-paper); color: var(--b5-text); padding: 5px; }
.b5-mobile-finished { display: none; }
.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-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 { display: flex; flex-direction: column; justify-content: center; gap: 1px; font-variant-numeric: tabular-nums; }
.b5-odds-line { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; text-align: center; color: var(--b5-red); }
.b5-odds-line + .b5-odds-line { color: var(--b5-blue); }
.b5-odds-line strong { color: var(--b5-text); }
.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 (max-width: 720px) {
    .b5-shell { width: calc(100% - 10px); }
    .b5-utility, .b5-nav-full, .b5-nav .b5-desktop-only, .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-primary { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; min-height: 71px; padding: 3px 0; }
    .b5-primary a { flex-direction: column; justify-content: center; gap: 4px; padding: 4px; }
    .b5-primary i { font-size: 19px; }
    .b5-nav-inner { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .b5-nav a { min-height: 59px; font-size: 11px; }
    .b5-nav-short { display: grid; justify-items: center; gap: 4px; }
    .b5-nav-short i { font-size: 17px; }
    .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, .b5-settings-toggle span { display: none; }
    .b5-toolbar button[data-b5-filter=live]:not(.is-active) { color: #9c302b; }
    .b5-mobile-finished { display: flex; align-items: center; font-size: 11px; }
    .b5-theme .content_main .b5-match-list .b5-league-heading { min-height: 30px; }
    .b5-theme .fixture .b5-desktop-match { display: none !important; }
    .b5-theme .content_main .fixture .bdnet-mobile-card {
        display: grid !important; grid-template-columns: minmax(0, 1fr) 56px minmax(80px, 114px);
        height: 80px; min-height: 80px; margin: 0 !important; padding: 4px 4px 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 .bdnet-mobile-odd-row { font-size: 11px; }
    .b5-favorite { top: 4px; left: 3px; }
    .b5-home-intro { margin-top: 10px; padding: 10px; }
}
