/* sb-font-4b2671d856f5.css */
@font-face{font-family:'Prompt';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v29/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2hTWsb-P2c.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;}@font-face{font-family:'Prompt';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v29/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfMo2hTWsb-P2c.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Prompt';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v29/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfPI2hTWsb-A.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Anuphan';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v29/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2hTWsb-P2c.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;}@font-face{font-family:'Anuphan';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v29/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfMo2hTWsb-P2c.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Anuphan';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v29/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfPI2hTWsb-A.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'IBM Plex Sans Thai';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v29/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2hTWsb-P2c.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;}@font-face{font-family:'IBM Plex Sans Thai';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v29/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfMo2hTWsb-P2c.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'IBM Plex Sans Thai';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v29/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfPI2hTWsb-A.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v29/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2hTWsb-P2c.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;}@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v29/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfMo2hTWsb-P2c.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansthai/v29/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfPI2hTWsb-A.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/* wp-block-library-inline-css-75f7017980fc.css */

:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */

/* fbth-pre-5c6524a22f.css */
/* trimmed copy for pre-match pages (saraball-match-trim.php, 20 Oct 2026): source rules kept verbatim */
.fbth-logo{width:22px;height:22px;object-fit:contain;vertical-align:middle;margin:0 6px}
.form i{display:inline-block;width:18px;height:18px;line-height:18px;border-radius:3px;color:#fff;font-style:normal;font-size:10px;font-weight:700;margin:0 1px}
.form .f-W{background:var(--fb-turf)}
.form .f-D{background:var(--fb-draw)}
.form .f-L{background:var(--fb-loss)}
.fbth-row.is-live .fbth-status{color:var(--fb-loss);font-weight:700}
.fbth-empty{padding:12px;border:1px dashed var(--fb-line);border-radius:8px;color:var(--fb-muted)}
@media (max-width:560px){
.fbth-logo{display:none}
}
.fbth-tablist button[aria-selected="true"]{background:var(--fb-turf);border-color:var(--fb-turf);color:#fff}
.fv-intro p:last-child{margin-bottom:0}
.fbth-rounds details[open] summary{background:var(--fb-soft)}
.fv-ev.is-key{background:linear-gradient(90deg,rgba(11,122,67,.08),transparent 70%);border-radius:14px;padding-block:8px}
.fv-ev.is-key .what b{font-size:1.05em}
.fv-events .fv-ev.a.is-key{background:linear-gradient(270deg,rgba(11,122,67,.08),transparent 70%)}
.fv-credit{margin:10px 0 0;font-size:12px;color:var(--muted,#667)}
.mx-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;color:#fff;background:#0a2416;padding:22px clamp(16px,4vw,40px) 18px;box-shadow:0 24px 48px -28px rgba(0,0,0,.6);margin-bottom:14px}
.mx-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 40%,rgba(5,30,18,.55),rgba(3,14,9,.92) 75%)}
.mx-hero a{color:#fff;text-decoration:none}
.mx-top{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 14px;font-size:14px;opacity:.92}
.mx-top a{display:inline-flex;align-items:center;gap:8px;font-weight:700}
.mx-top img.lg{width:26px;height:26px;background:#fff;border-radius:7px;padding:2px;object-fit:contain}
.mx-h1{margin:6px 0 0;text-align:center;font:600 15px var(--f-body,inherit);opacity:.75;color:#fff}
.mx-score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:clamp(10px,3vw,40px);margin:18px 0 14px}
.mx-team{display:grid;justify-items:center;text-align:center;gap:4px}
.mx-team>a{display:grid;justify-items:center;gap:10px}
.mx-team .crest{display:grid;place-items:center;width:clamp(72px,10vw,108px);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 12px 30px -10px rgba(0,0,0,.7);transition:transform .2s}
.mx-team .crest img{width:72%;height:72%;object-fit:contain}
.mx-team>a:hover .crest{transform:scale(1.06)}
.mx-team b{font:800 clamp(16px,2vw,22px)/1.2 var(--f-display,inherit)}
.mx-team>small{font-size:12px;opacity:.65;letter-spacing:.04em}
.mx-scorers{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:2px;font-size:13.5px}
.mx-scorers li::before{content:"⚽ ";font-size:11px}
.mx-scorers a{color:#fff;font-weight:600}
.mx-scorers span{opacity:.7}
.mx-mid{display:grid;justify-items:center;gap:6px;padding-top:6px}
.mx-mid .n{font:900 clamp(48px,8vw,84px)/1 var(--f-display,inherit);letter-spacing:-.02em;display:flex;align-items:center;gap:.15em;text-shadow:0 6px 24px rgba(0,0,0,.5)}
.mx-mid .n i{font-style:normal;opacity:.5;font-weight:400}
.mx-mid .n em{font-style:normal;font-size:.62em;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:6px 18px}
.mx-mid small{font-size:13px;opacity:.8}
.mx-st{font:700 12.5px var(--f-body,inherit);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:4px 12px}
@keyframes mxpulse{50%{box-shadow:0 0 0 8px rgba(229,56,59,0)}0%{box-shadow:0 0 0 0 rgba(229,56,59,.6)}}
.mx-info{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:4px 18px;margin:0;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.14);font-size:13.5px;opacity:.85}
.mx-tabs{position:sticky;top:var(--mx-top,72px);z-index:20;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px;margin:0 0 16px;background:color-mix(in srgb,var(--surface,#fff) 88%,transparent);backdrop-filter:blur(10px);border:1px solid var(--line,#e3e8e5);border-radius:999px;box-shadow:0 8px 20px -14px rgba(0,0,0,.35)}
.mx-tabs::-webkit-scrollbar{display:none}
.mx-tabs a{flex:1 0 auto;text-align:center;white-space:nowrap;padding:9px 16px;border-radius:999px;font:700 14.5px var(--f-display,inherit);color:var(--muted,#667);text-decoration:none;transition:background .15s,color .15s}
.mx-tabs a:hover{color:var(--ink,#111)}
.mx-tabs a[aria-selected="true"]{background:var(--turf,#0b7a43);color:#fff}
.mx-panel[hidden]{display:none!important}
.mx-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.mx-main,.mx-side{display:grid;gap:16px;min-width:0}
.mx-card{display:block;background:var(--surface,#fff);border:1px solid var(--line,#e3e8e5);border-radius:20px;padding:18px;box-shadow:0 10px 26px -20px rgba(0,0,0,.35);margin:0 0 16px}
.mx-main>.mx-card,.mx-side>.mx-card{margin:0}
.mx-card h2,.mx-card h3{margin:0 0 14px;font:800 18px var(--f-display,inherit)}
.mx-card h3{font-size:16px}
.mx-more{display:inline-block;margin-top:10px;font-weight:700;font-size:14px;color:var(--turf,#0b7a43)}
.mx-intro .fv-intro{margin:0 0 16px}
.mx-evhead{display:grid;grid-template-columns:24px 1fr 1fr 24px;gap:8px;align-items:center;font:700 14px var(--f-display,inherit);padding:0 4px 10px;border-bottom:1px solid var(--line,#e3e8e5);margin-bottom:6px}
.mx-evhead span:last-of-type{text-align:right}
.mx-events{list-style:none;margin:0;padding:0;position:relative}
.mx-events::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--line,#e3e8e5)}
.mx-ev{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;padding:6px 0}
.mx-ev .mid{display:grid;justify-items:center;gap:2px;z-index:1}
.mx-ev .min{font:800 13px var(--f-display,inherit);color:var(--muted,#667);background:var(--surface,#fff);padding:0 4px}
.mx-ev .ic{width:28px;height:28px;border-radius:50%;background:var(--surface,#fff);border:2px solid var(--line,#e3e8e5);display:grid;place-items:center;font-size:14px}
.mx-ev .ic-goal::after{content:"⚽"}
.mx-ev .ic-yellow::after{content:"";width:10px;height:14px;background:#f5c518;border-radius:2px}
.mx-ev .ic-sub::after{content:"⇄";font-weight:900;color:#0b7a43}
.mx-ev .ic-var::after{content:"VAR";font:800 8px sans-serif}
.mx-ev .side{display:flex;align-items:center;gap:10px;min-width:0}
.mx-ev.h .side:first-child{justify-content:flex-end;text-align:right;flex-direction:row-reverse}
.mx-ev.h .side:first-child .txt{text-align:right}
.mx-ev.a{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)}
.mx-ev.a .side:first-child{grid-column:3;grid-row:1}
.mx-ev.a .mid{grid-column:2;grid-row:1}
.mx-ev.a .side.empty{grid-column:1;grid-row:1}
.mx-ev .txt{display:grid;gap:1px;min-width:0;font-size:14px;line-height:1.35}
.mx-ev .txt .ty{font:700 12px var(--f-body,inherit);color:var(--muted,#667);text-transform:uppercase;letter-spacing:.02em}
.mx-ev .txt small{font-size:12.5px;color:var(--muted,#667)}
.mx-ev .txt a{font-weight:700;color:var(--ink,#111)}
.mx-evph{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#eef3ef;flex:none}
.mx-ev.key .txt a{font-size:15.5px}
.mx-ev.key .ic{border-color:var(--turf,#0b7a43);background:color-mix(in srgb,var(--turf,#0b7a43) 12%,var(--surface,#fff))}
.mx-ev.key .side:first-child{background:color-mix(in srgb,var(--turf,#0b7a43) 7%,transparent);border-radius:14px;padding:6px 10px}
.mx-stathead{display:flex;justify-content:space-between;gap:10px;font:700 14px var(--f-display,inherit);margin-bottom:8px}
.mx-stathead span{display:inline-flex;align-items:center;gap:8px}
.mx-stathead img{width:24px;height:24px;object-fit:contain}
.mx-stats{display:grid;gap:4px}
.mx-stat{display:grid;grid-template-columns:56px 1fr 56px;align-items:center;gap:4px 8px;padding:6px 0}
.mx-stat b{text-align:center;font:600 13.5px var(--f-body,inherit);color:var(--muted,#667)}
.mx-stat .v{font:800 16px var(--f-display,inherit)}
.mx-stat .v:last-of-type{text-align:right}
.mx-stat.lh .v:first-child,.mx-stat.la .v:last-of-type{color:var(--turf,#0b7a43)}
.mx-stat .bar{grid-column:1/-1;display:flex;gap:4px;height:8px}
.mx-stat .bar i{display:block;border-radius:6px;background:var(--line,#dfe6e2)}
.mx-stat.lh .bar i:first-child,.mx-stat.la .bar i:last-child{background:var(--turf,#0b7a43)}
.mx-stat .bar i:first-child{background:#9bb7a8}
.mx-stat.lh .bar i:last-child,.mx-stat.la .bar i:first-child{background:#c9d6cf}
.mx-mvp{position:relative;display:grid;justify-items:center;text-align:center;gap:4px;text-decoration:none;color:var(--ink,#111);background:linear-gradient(160deg,color-mix(in srgb,#f2b230 22%,var(--surface,#fff)),var(--surface,#fff) 60%)}
.mx-mvp .k{font:800 12px var(--f-body,inherit);letter-spacing:.06em;color:#9a6a00;text-transform:uppercase}
.mx-mvp img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid #f2b230;background:#fff;margin:6px 0}
.mx-mvp b{font:800 18px var(--f-display,inherit)}
.mx-mvp small{display:inline-flex;align-items:center;gap:6px;color:var(--muted,#667)}
.mx-mvp small img{width:18px;height:18px;border:0;margin:0}
.mx-mvp .rt{position:absolute;top:16px;right:16px;font:900 18px var(--f-display,inherit);background:#f2b230;color:#3a2a00;border-radius:12px;padding:4px 10px}
.mx-mvp .ga{font-size:13px;font-weight:700;color:var(--turf,#0b7a43)}
.mx-h2h .lbl{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;margin-bottom:6px}
.mx-h2h .bar{display:flex;height:12px;border-radius:8px;overflow:hidden;gap:3px}
.mx-h2h .bar i{display:block}
.mx-h2h .bar .h{background:var(--turf,#0b7a43)}
.mx-h2h .bar .d{background:#b9c4be}
.mx-h2h .bar .a{background:#1d4ed8}
.mx-h2h small{display:block;margin-top:6px;color:var(--muted,#667)}
.mx-res b{display:inline-block;background:var(--chalk,#eef3ef);border-radius:8px;padding:2px 10px}
.mx-forms{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}
.mx-forms div{display:inline-flex;align-items:center;gap:8px}
.mx-forms span{font:800 13px var(--f-display,inherit);background:var(--chalk,#eef3ef);border-radius:8px;padding:2px 8px}
.mx-pitch{position:relative;aspect-ratio:105/68;border-radius:18px;overflow:hidden;background:repeating-linear-gradient(90deg,#2f8a4c 0 9.09%,#2a7d45 9.09% 18.18%);box-shadow:inset 0 0 0 3px rgba(255,255,255,.5)}
.mx-pitch .lines i{position:absolute;border:2px solid rgba(255,255,255,.55)}
.mx-pitch .half{left:50%;top:0;bottom:0;border-width:0 0 0 2px!important}
.mx-pitch .circle{left:50%;top:50%;width:17%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%}
.mx-pitch .box{top:20%;bottom:20%;width:15.7%}
.mx-pitch .box.l{left:0;border-left:0!important}
.mx-pitch .box.r{right:0;border-right:0!important}
.mx-pitch .six{top:36%;bottom:36%;width:5.2%}
.mx-pitch .six.l{left:0;border-left:0!important}
.mx-pitch .six.r{right:0;border-right:0!important}
.mx-dot{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:2px;width:84px;text-decoration:none;z-index:1}
.mx-dot .ph{position:relative;width:46px;height:46px}
.mx-dot .ph img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.mx-dot.a .ph img{border-color:#cfe0ff}
.mx-dot em{position:absolute;left:-6px;bottom:-4px;font:800 10.5px var(--f-display,inherit);font-style:normal;background:#0b3d24;color:#fff;border-radius:6px;padding:1px 5px}
.mx-dot.a em{background:#1d3f8a}
.mx-dot .rt{position:absolute;right:-10px;top:-6px;font:800 10.5px var(--f-display,inherit);font-style:normal;background:#f97316;color:#fff;border-radius:6px;padding:1px 5px}
.mx-dot .gl{position:absolute;left:-10px;top:-8px;font-size:11px;font-style:normal}
.mx-dot b{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 11.5px var(--f-body,inherit);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);background:rgba(0,0,0,.28);border-radius:6px;padding:0 5px}
.mx-dot:hover .ph img{transform:scale(1.08)}
.mx-benches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.mx-bench h4{display:flex;align-items:center;gap:8px;margin:0 0 4px;font:800 15px var(--f-display,inherit)}
.mx-bench .coach{margin:0 0 8px;font-size:13.5px;color:var(--muted,#667)}
.mx-bench h5{margin:0 0 6px;font:700 13px var(--f-body,inherit);color:var(--muted,#667)}
.mx-bench ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mx-bench li{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px dashed var(--line,#e3e8e5);font-size:14px}
.mx-bench .no{width:24px;text-align:center;font:800 12px var(--f-display,inherit);background:var(--chalk,#eef3ef);border-radius:6px}
.mx-bench small{color:var(--muted,#667)}
.mx-bench em{margin-left:auto;font-style:normal;font-size:12.5px;color:var(--turf,#0b7a43);font-weight:700}
.mx-pl{display:inline-flex;align-items:center;gap:8px}
.mx-pl img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#eef3ef}
.mx-rt{display:inline-block;min-width:36px;text-align:center;border-radius:8px;padding:2px 6px;background:#fde7d3;color:#9a3d00}
@media (max-width:960px){
.mx-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
.mx-hero{border-radius:18px;padding:16px 12px}
.mx-scorers{font-size:12px}
.mx-tabs{border-radius:16px}
.mx-tabs a{padding:8px 12px;font-size:13.5px}
.mx-ev .txt{font-size:13px}
.mx-evph{width:28px;height:28px}
.mx-ev{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}
.mx-dot{width:56px}
.mx-dot .ph{width:30px;height:30px}
.mx-dot b{font-size:9.5px;max-width:56px}
.mx-dot .rt,.mx-dot em{font-size:9px}
.mx-benches{grid-template-columns:minmax(0,1fr)}
}
.fbth-view .mx-card h2,.fbth-view .mx-card h3{margin-top:0!important}
.fbth-view .mx-card>h2:first-child,.fbth-view .mx-card>h3:first-child{padding-top:0}
.mx-pitch,.mx-forms{max-width:980px;margin-left:auto;margin-right:auto}
.mx-hero .mx-team.h{animation:mxInL .7s cubic-bezier(.2,.8,.2,1) both}
.mx-hero .mx-team.a{animation:mxInR .7s cubic-bezier(.2,.8,.2,1) both}
.mx-hero .mx-mid{animation:mxPop .6s .15s cubic-bezier(.2,.8,.2,1.3) both}
.mx-hero .crest{position:relative}
.mx-hero .crest::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(255,255,255,.35);animation:mxRing 2.6s ease-out infinite}
.mx-hero .mx-team.a .crest::after{animation-delay:1.3s}
.mx-hero::before{will-change:transform}
.mx-hero .mx-mid .n{position:relative}
.mx-hero .mx-mid .n::after{content:"";position:absolute;left:50%;top:50%;width:160%;height:160%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,211,107,.22),transparent 60%);z-index:-1;animation:mxGlow 3s ease-in-out infinite}
@keyframes mxInL{from{opacity:0;transform:translateX(-40px)}}
@keyframes mxInR{from{opacity:0;transform:translateX(40px)}}
@keyframes mxPop{from{opacity:0;transform:scale(.6)}}
@keyframes mxZoom{to{transform:scale(1.14) translateY(-2%)}}
@keyframes mxRing{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.35);opacity:0}}
@keyframes mxGlow{50%{opacity:.4}}
.mx-fx .mx-anim{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1)}
.mx-fx .mx-anim.in{opacity:1;transform:none}
.mx-fx .mx-ev{opacity:0;transform:translateY(10px);transition:opacity .45s calc(var(--i,0)*45ms),transform .45s calc(var(--i,0)*45ms)}
.mx-fx .mx-ev.in{opacity:1;transform:none}
.mx-fx .mx-ev.key.in .ic{animation:mxBounce .7s calc(var(--i,0)*45ms + .2s)}
@keyframes mxBounce{30%{transform:scale(1.35)}60%{transform:scale(.92)}}
.mx-fx .mx-stat .bar i{transition:transform 1s cubic-bezier(.2,.8,.2,1) calc(var(--i,0)*40ms);transform:scaleX(0)}
.mx-fx .mx-stat .bar i:first-child{transform-origin:right}
.mx-fx .mx-stat .bar i:last-child{transform-origin:left}
.mx-fx .mx-stat.in .bar i{transform:scaleX(1)}
.mx-fx .mx-dot{opacity:0;transform:translate(-50%,-50%) scale(.3);transition:opacity .4s calc(var(--i,0)*35ms),transform .5s cubic-bezier(.2,.8,.2,1.4) calc(var(--i,0)*35ms)}
.mx-fx .mx-dot.in{opacity:1;transform:translate(-50%,-50%) scale(1)}
.mx-dot:hover{z-index:5}
.mx-dot .ph img{transition:transform .2s}
.mx-fx .fv-ph.in{opacity:1;transform:none}
.mx-mvp{overflow:hidden}
.mx-mvp::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:mxShine 4s ease-in-out infinite}
@keyframes mxShine{0%,60%{left:-60%}100%{left:130%}}
.mx-mvp img{animation:mxFloat 4s ease-in-out infinite}
@keyframes mxFloat{50%{transform:translateY(-5px)}}
.mx-card{transition:box-shadow .2s,transform .2s}
.mx-card:hover{box-shadow:0 18px 36px -22px rgba(0,0,0,.45)}
.mx-tabs a{position:relative}
.mx-tabs a[aria-selected="true"]{animation:mxTab .3s ease}
@keyframes mxTab{from{transform:scale(.94)}}
.mx-formrow{display:grid;gap:6px;padding:8px 0;border-bottom:1px dashed var(--line,#e3e8e5)}
.mx-formrow:last-child{border-bottom:0}
.mx-formrow .t{display:flex;align-items:center;gap:8px;font:700 14px var(--f-display,inherit)}
.mx-formrow .t img{width:22px;height:22px;object-fit:contain}
.mx-fms{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.mx-fm{display:grid;justify-items:center;gap:2px;padding:6px 2px;border-radius:10px;text-decoration:none;color:#fff;transition:transform .15s}
.mx-fm:hover{transform:translateY(-3px)}
.mx-fm b{font-size:11px}
.mx-fm small{font:800 12px var(--f-display,inherit)}
.mx-fm img{width:20px;height:20px;object-fit:contain;background:#fff;border-radius:50%;padding:1px}
.mx-fm.f-W{background:#16a34a}
.mx-fm.f-D{background:#8a9a91}
.mx-fm.f-L{background:#dc2626}
.mx-next{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:10px;border-radius:14px;text-decoration:none;color:var(--ink,#111);background:var(--chalk,#eef3ef);margin-bottom:8px;transition:transform .15s,background .15s}
.mx-next:hover{transform:translateX(3px);background:color-mix(in srgb,var(--turf,#0b7a43) 12%,var(--chalk,#eef3ef))}
.mx-next img{width:28px;height:28px;object-fit:contain}
.mx-next span{display:grid;min-width:0}
.mx-next b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-next small{color:var(--muted,#667);font-size:12.5px}
.mx-links a{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line,#e3e8e5);text-decoration:none;color:var(--ink,#111);font-weight:600;font-size:14.5px;transition:padding .15s,color .15s}
.mx-links a:last-child{border-bottom:0}
.mx-links a:hover{padding-left:10px;color:var(--turf,#0b7a43)}
.mx-links svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--turf,#0b7a43);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mx-links span{flex:1;min-width:0}
.mx-links em{font-style:normal;color:var(--muted,#667)}
@media (prefers-reduced-motion:reduce){
.mx-hero *,.mx-hero::before,.mx-mvp::after,.mx-mvp img{animation:none!important}
}
.mx-hero{background:linear-gradient(135deg,#062a18 0%,#0b4a2a 45%,#07341f 100%)!important}
.mx-hero::after{background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.10),transparent 60%)!important}
.mx-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.mx-bg .pl{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 8%,transparent 8% 16%);animation:mxPan 30s linear infinite}
.mx-bg .pl::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px solid rgba(255,255,255,.10)}
.mx-bg .cc{position:absolute;left:50%;top:50%;width:min(36vw,340px);aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.10);border-radius:50%;animation:mxSpin 40s linear infinite}
.mx-bg .cc::after{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:rgba(255,211,107,.8);box-shadow:0 0 14px rgba(255,211,107,.9)}
.mx-bg .sw{position:absolute;top:-50%;left:-30%;width:30%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);transform:rotate(18deg);animation:mxSweep 7s ease-in-out infinite}
.mx-bg b{position:absolute;bottom:-20px;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.35);animation:mxRise 9s linear infinite}
.mx-bg b:nth-of-type(1){left:8%;animation-delay:0s}
.mx-bg b:nth-of-type(2){left:22%;animation-delay:2.5s;width:4px;height:4px}
.mx-bg b:nth-of-type(3){left:38%;animation-delay:5s}
.mx-bg b:nth-of-type(4){left:62%;animation-delay:1.2s;width:4px;height:4px}
.mx-bg b:nth-of-type(5){left:78%;animation-delay:3.8s}
.mx-bg b:nth-of-type(6){left:92%;animation-delay:6.5s;width:5px;height:5px}
@keyframes mxPan{to{background-position:200px 0}}
@keyframes mxSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes mxSweep{0%,30%{left:-30%}70%,100%{left:120%}}
@keyframes mxRise{0%{transform:translateY(0);opacity:0}10%{opacity:1}100%{transform:translateY(-420px);opacity:0}}
.mx-scorers li{animation:mxInUp .5s both}
.mx-scorers li:nth-child(1){animation-delay:.5s}
.mx-scorers li:nth-child(2){animation-delay:.65s}
.mx-scorers li:nth-child(3){animation-delay:.8s}
.mx-scorers li:nth-child(n+4){animation-delay:.95s}
@keyframes mxInUp{from{opacity:0;transform:translateY(8px)}}
.mx-tl{max-width:760px;margin:6px auto 14px}
.mx-tl .track{position:relative;height:40px}
.mx-tl .track::before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:4px;background:rgba(255,255,255,.18)}
.mx-tl .fill{position:absolute;left:0;top:50%;height:4px;margin-top:-2px;width:100%;border-radius:4px;background:linear-gradient(90deg,#3ddc84,#ffd36b);transform-origin:left;animation:mxFill 1.6s .3s cubic-bezier(.2,.8,.2,1) both}
@keyframes mxFill{from{transform:scaleX(0)}}
.mx-tl .ht{position:absolute;top:50%;width:2px;height:16px;margin-top:-8px;background:rgba(255,255,255,.55)}
.mx-tl .mk{position:absolute;top:50%;transform:translate(-50%,-100%);animation:mxDrop .5s calc(.6s + var(--d)) cubic-bezier(.2,.8,.2,1.5) both;cursor:default}
.mx-tl .mk.a{transform:translate(-50%,0)}
.mx-tl .mk i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.4);font-size:11px;font-style:normal;margin:-2px 0}
.mx-tl .mk.h i{margin-bottom:4px}
.mx-tl .mk.a i{margin-top:4px}
.mx-tl .mk.ic-goal i::after{content:"⚽"}
.mx-tl .mk.ic-yellow i{background:#f5c518;width:10px;height:14px;border-radius:2px}
.mx-tl .mk.ic-var i::after{content:"V";font:900 9px sans-serif;color:#333}
.mx-tl .mk:hover i{transform:scale(1.35)}
@keyframes mxDrop{from{opacity:0;margin-top:-14px}}
.mx-tl .lbl{display:flex;justify-content:space-between;font-size:11.5px;opacity:.6;margin-top:2px}
.mx-pos{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;max-width:520px;margin:0 auto 14px;font:800 14px var(--f-display,inherit)}
.mx-pos small{grid-column:1/-1;text-align:center;font:500 12px var(--f-body,inherit);opacity:.7;margin-top:-6px}
.mx-pos .bar{display:flex;gap:3px;height:8px}
.mx-pos .bar i{width:var(--w);border-radius:6px;background:#3ddc84;animation:mxGrow 1.4s .4s cubic-bezier(.2,.8,.2,1) both}
.mx-pos .bar i:last-child{background:#9ec5ff}
@keyframes mxGrow{from{width:0}}
@media (prefers-reduced-motion:reduce){
.mx-bg *,.mx-tl *,.mx-pos *,.mx-scorers li{animation:none!important}
}
.fbth-view .mx-hero{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0;min-height:calc(100svh - var(--mxh,120px));display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,5vh,56px) clamp(16px,5vw,64px) 64px;box-shadow:none}
.fbth-view .mx-hero>*{width:100%;max-width:1100px;margin-left:auto;margin-right:auto}
.fbth-view .mx-hero .mx-score{margin:clamp(18px,4vh,40px) auto}
.fbth-view .mx-hero .mx-team .crest{width:clamp(88px,13vw,150px)}
.fbth-view .mx-hero .mx-team b{font-size:clamp(18px,2.4vw,30px)}
.fbth-view .mx-hero .mx-mid .n{font-size:clamp(64px,11vw,132px)}
.fbth-view .mx-hero .mx-tl{max-width:860px}
.fbth-view .mx-hero .mx-bg .cc{width:min(50vw,520px)}
.mx-down{position:absolute;left:50%!important;bottom:18px;width:28px!important;height:44px;margin:0!important;transform:translateX(-50%);border:2px solid rgba(255,255,255,.55);border-radius:16px}
.mx-down i{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:mxWheel 1.6s ease-in-out infinite}
@keyframes mxWheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(16px)}}
#mx-body{display:block;scroll-margin-top:var(--mx-top,80px)}
.fbth-view .mx-hero+#mx-body+.mx-tabs{margin-top:18px}
@media (max-width:640px){
.fbth-view .mx-hero{min-height:calc(100svh - var(--mxh,110px));padding:20px 12px 60px}
.fbth-view .mx-hero .mx-team .crest{width:78px}
.fbth-view .mx-hero .mx-mid .n{font-size:58px}
}
.fbth-view .mx-hero>.mx-pos{max-width:560px}
.fbth-view .mx-hero>.mx-tl{max-width:860px}
.fbth-view .mx-hero>.mx-down{width:28px}
body.fbth-match .fv-main{padding-top:0}
.mx-crumbs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0 auto 14px!important;font-size:13.5px;color:rgba(255,255,255,.75)}
.mx-crumbs a{color:rgba(255,255,255,.85)!important;text-decoration:none;font-weight:600}
.mx-crumbs a:hover{color:#ffd36b!important}
.mx-crumbs span[aria-current]{color:#fff;font-weight:700}
.mx-crumbs span[aria-hidden]{opacity:.5}
.mx-crumbs span[aria-hidden]{display:inline!important;color:rgba(255,255,255,.6)!important;opacity:1!important}
@media (min-width:641px){
.fbth-view .mx-hero{height:calc(100svh - var(--mxh,120px));min-height:540px;padding:2.2vh clamp(16px,5vw,64px) 6vh;justify-content:space-evenly}
.fbth-view .mx-hero .mx-crumbs{margin-bottom:.6vh!important}
.fbth-view .mx-hero .mx-h1{margin-top:.4vh}
.fbth-view .mx-hero .mx-score{margin:1vh auto;align-items:center}
.fbth-view .mx-hero .mx-team .crest{width:clamp(64px,min(12vw,15vh),150px);height:clamp(64px,min(12vw,15vh),150px);aspect-ratio:auto}
.fbth-view .mx-hero .mx-team b{font-size:clamp(16px,min(2.2vw,3.2vh),30px)}
.fbth-view .mx-hero .mx-team>a{gap:1vh}
.fbth-view .mx-hero .mx-mid .n{font-size:clamp(48px,min(10vw,14vh),130px)}
.fbth-view .mx-hero .mx-scorers{margin-top:.6vh;gap:0;font-size:clamp(12px,1.7vh,14px)}
.fbth-view .mx-hero .mx-tl{margin:0 auto 1vh}
.fbth-view .mx-hero .mx-tl .track{height:34px}
.fbth-view .mx-hero .mx-pos{margin:0 auto 1vh}
.fbth-view .mx-hero .mx-info{padding-top:1.2vh}
.fbth-view .mx-hero .mx-down{bottom:1.2vh;height:36px}
}
.mx-team .crest img{width:72%!important;height:72%!important;object-fit:contain}
.mx-tabs{background:var(--surface,#fff)!important;backdrop-filter:none!important;box-shadow:0 10px 24px -12px rgba(15,23,42,.35)}
.mx-tabs::before{content:"";position:absolute;left:-40px;right:-40px;top:-14px;height:14px;background:var(--bg,#f3f5f8);z-index:-1}
.mx-hero a,.mx-hero a:visited,.mx-hero a:hover,.mx-hero a:active{color:#fff!important;opacity:1}
.mx-hero .mx-crumbs a:hover,.mx-hero .mx-scorers a:hover,.mx-hero .mx-top a:hover{color:#ffd36b!important}
.mx-fm,.mx-fm:visited,.mx-fm:hover{color:#fff!important}
.mx-next,.mx-next:visited,.mx-next:hover{color:var(--ink)!important}
.mx-links a,.mx-links a:visited{color:var(--ink)!important}
.mx-links a:hover,.mx-links a:active{color:var(--turf)!important}
.mx-mvp,.mx-mvp:visited,.mx-mvp:hover{color:var(--ink)!important}
.mx-tabs a,.mx-tabs a:visited{color:var(--muted)!important}
.mx-tabs a:hover{color:var(--ink)!important}
.mx-tabs a[aria-selected="true"],.mx-tabs a[aria-selected="true"]:hover{color:#fff!important}
.mx-dot,.mx-dot:visited,.mx-dot:hover{color:#fff!important}
.mx-ev .txt a,.mx-ev .txt a:visited{color:var(--ink)!important}
.mx-ev .txt a:hover{color:var(--turf)!important}
.mx-more,.mx-more:visited{color:var(--turf)!important}
.fbth-view .mx-hero>.mx-crumbs{width:auto!important;max-width:min(100%,760px)!important;align-self:center;display:inline-flex;flex-wrap:nowrap;align-items:center;gap:8px;margin:0 auto 1.4vh!important;padding:6px 14px 6px 8px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);font:500 13px var(--f-body,inherit);color:rgba(255,255,255,.7);overflow:hidden;white-space:nowrap;animation:mxInUp .5s .1s both}
.mx-crumbs a{display:inline-flex;align-items:center;color:rgba(255,255,255,.82)!important;text-decoration:none;font-weight:600;border-radius:999px;transition:color .15s,background .15s}
.mx-crumbs a.home{width:26px;height:26px;justify-content:center;background:rgba(255,255,255,.14)}
.mx-crumbs a.home svg{fill:none;stroke:currentColor;stroke-width:2}
.mx-crumbs a:hover{color:#ffd36b!important}
.mx-crumbs a.home:hover{background:#ffd36b;color:#2a1d00!important}
.mx-crumbs i{font-style:normal;opacity:.35}
.mx-crumbs span[aria-current]{color:#fff;font-weight:700;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media (max-width:640px){
.fbth-view .mx-hero>.mx-crumbs{font-size:12px;max-width:100%!important}
}
@media (max-width:900px){
.mx-tabs{display:none!important}
.mx-panel[hidden]{display:block!important}
.mx-panel+.mx-panel{margin-top:4px}
#photos.is-empty{display:none!important}
}
.mx-team{position:relative}
.mx-res-badge{display:inline-flex;align-items:center;gap:5px;font:800 12px var(--f-display,inherit);letter-spacing:.04em;padding:4px 12px;border-radius:999px;margin-bottom:8px;animation:mxPop .5s .9s cubic-bezier(.2,.8,.2,1.4) both}
.mx-res-badge.w{background:linear-gradient(135deg,#ffd36b,#f5a400);color:#3a2700;box-shadow:0 6px 18px -6px rgba(245,164,0,.8)}
.mx-res-badge.w svg{fill:currentColor}
.mx-res-badge.l{background:rgba(255,255,255,.12);color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.2)}
.mx-team.win .crest{box-shadow:0 0 0 4px #ffd36b,0 0 34px 6px rgba(255,211,107,.55),0 12px 30px -10px rgba(0,0,0,.7)!important;animation:mxWinGlow 2.4s ease-in-out 1.2s infinite}
.mx-team.win .crest::after{border-color:rgba(255,211,107,.8)!important}
.mx-team.win b{color:#ffd36b!important}
.mx-team.lose .crest{filter:saturate(.55) brightness(.9);opacity:.85}
.mx-team.lose>a>b{opacity:.75}
.mx-mid .n span.w{color:#ffd36b;text-shadow:0 0 24px rgba(255,211,107,.55),0 6px 24px rgba(0,0,0,.5)}
@keyframes mxWinGlow{50%{box-shadow:0 0 0 4px #ffd36b,0 0 50px 12px rgba(255,211,107,.7),0 12px 30px -10px rgba(0,0,0,.7)}}
@media (prefers-reduced-motion:reduce){
.mx-team.win .crest,.mx-res-badge{animation:none!important}
}
.fbth-view .mx-hero{justify-content:flex-start!important}
.fbth-view .mx-hero>.mx-crumbs{margin:0 auto clamp(22px,4vh,44px)!important;flex:none}
.fbth-view .mx-hero>.mx-top{margin-top:auto!important}
.fbth-view .mx-hero>.mx-info{margin-bottom:auto!important}
@media (max-width:640px){
.fbth-view .mx-hero{padding-top:14px!important}
.fbth-view .mx-hero>.mx-crumbs{margin-bottom:28px!important}
}
.mx-story p{margin:0 0 .8em;line-height:1.85;font-size:15.5px}
.mx-story p:last-child{margin-bottom:0;color:var(--muted,#667);font-size:14.5px}
.mx-story b{color:var(--ink,#111)}
.mx-intro{display:none}
.sim-board{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:10px;font:700 14px var(--f-display,inherit)}
.sim-board .t{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sim-board .t.a{justify-content:flex-end}
.sim-board img{width:24px;height:24px;object-fit:contain}
.sim-board .sc{font:900 24px var(--f-display,inherit);background:#0b2a19;color:#fff;border-radius:10px;padding:2px 12px}
.sim-board .sc i{font-style:normal;display:inline-block;transition:transform .2s}
.sim-board .clk{font:800 14px var(--f-display,inherit);font-style:normal;background:var(--chalk,#eef2f6);border-radius:8px;padding:3px 10px;min-width:52px;text-align:center}
.sim-pitch{position:relative;aspect-ratio:105/68;border-radius:16px;overflow:hidden;background:repeating-linear-gradient(90deg,#2f8a4c 0 9.09%,#2a7d45 9.09% 18.18%)}
@keyframes simFlash{50%{box-shadow:inset 0 0 0 6px #ffd36b,inset 0 0 60px rgba(255,211,107,.6)}}
.sim-pop{position:absolute;left:50%;top:12px;transform:translate(-50%,-10px);opacity:0;display:grid;justify-items:center;gap:2px;max-width:90%;padding:8px 14px;border-radius:14px;background:rgba(8,20,14,.85);color:#fff;text-align:center;font-size:13.5px;transition:opacity .25s,transform .25s;z-index:3;pointer-events:none}
.sim-pop.on{opacity:1;transform:translate(-50%,0)}
.sim-pop.goal.on{transform:translate(-50%,-50%) scale(1)}
.sim-ctrl{display:flex;align-items:center;gap:10px;margin:10px 0}
.sim-ctrl .play{width:40px;height:40px;border-radius:50%;border:0;background:var(--turf,#0c8a4f);color:#fff;font-size:15px;cursor:pointer;flex:none}
.sim-ctrl input{flex:1;accent-color:var(--turf,#0c8a4f)}
.sim-ctrl select{border:1px solid var(--line,#e2e7ee);border-radius:10px;padding:6px 8px;background:var(--surface,#fff);color:var(--ink,#111)}
.sim-log{list-style:none;margin:0;padding:0;max-height:220px;overflow:auto;display:grid;gap:4px;font-size:13.5px}
@media (max-width:640px){
.sim-board .t{font-size:12.5px}
.sim-board .sc{font-size:19px}
.sim-pop{font-size:12px}
}
.fbth-view .mx-hero .mx-score{align-items:start!important}
.fbth-view .mx-hero .mx-mid{padding-top:clamp(28px,5vh,56px)}
.fbth-view .mx-hero .mx-team:not(.win):not(.lose):not(.draw){padding-top:30px}
body.fbth-match .fv-main{display:block!important}
.mx-panel,.mx-grid,.mx-main,.mx-side,.mx-card{min-width:0;max-width:100%}
.sim-pitch{background:#2b8048}
.sim-pitch canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.sim-names{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--muted,#667);white-space:nowrap}
.sim-board .t{text-overflow:ellipsis}
.sim-track{position:relative;flex:1;min-width:0;display:flex;align-items:center}
.sim-track input{width:100%;margin:0}
.sim-marks{position:absolute;left:8px;right:8px;top:-15px;height:14px;pointer-events:none}
.sim-marks .mk{position:absolute;top:0;transform:translateX(-50%);border:0;padding:0;background:none;cursor:pointer;pointer-events:auto;font-size:11px;line-height:14px}
.sim-marks .mk.yellow,.sim-marks .mk.red,.sim-marks .mk.sub{width:6px;height:9px;top:3px;border-radius:2px;background:#f5c518}
.sim-marks .mk.sub{width:7px;height:7px;top:4px;border-radius:50%;background:#22c55e}
.sim-marks .mk:hover{transform:translateX(-50%) scale(1.4)}
.sim-marks .ht{position:absolute;top:2px;width:2px;height:12px;background:var(--muted,#94a3b8);opacity:.6;transform:translateX(-50%)}
.sim-ctrl{margin-top:22px}
.sim-ctrl .fs{width:36px;height:36px;border-radius:10px;border:1px solid var(--line,#e2e7ee);background:var(--surface,#fff);color:var(--ink,#111);font-size:17px;cursor:pointer;flex:none}
.sim-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;margin:0 0 12px;font-size:13px}
.sim-stats .row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:var(--chalk,#eef2f6);position:relative;overflow:hidden}
.sim-stats .row em{font-style:normal;text-align:center;color:var(--muted,#667);font-size:12px}
.sim-stats .row span{font-weight:800;font-variant-numeric:tabular-nums;display:inline-block}
@keyframes simUp{40%{transform:scale(1.45);color:var(--turf,#0c8a4f)}}
.sim-stats .poss i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--turf,#0c8a4f) var(--p),#9ec5ff var(--p))}
.sim-pitch canvas{cursor:pointer;outline:none}
@media (max-width:640px){
.sim-ctrl{gap:7px}
.sim-ctrl .fs{width:32px;height:32px}
.sim-stats{grid-template-columns:1fr 1fr;font-size:12px}
.sim-stats .row{padding:5px 8px}
.sim-stats .row em{font-size:11px}
.sim-board{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);row-gap:6px}
.sim-board .clk{grid-column:1/-1;justify-self:center;order:-1}
}
.mx-tabs{position:relative!important;top:auto!important}
.mx-tabs::before{display:none!important}
.mx-cd{text-align:center}
.mx-cd-n{display:flex;justify-content:center;gap:clamp(8px,2vw,18px);margin:6px 0 10px}
.mx-cd-n span{display:grid;justify-items:center;min-width:clamp(62px,14vw,92px);padding:12px 6px;border-radius:16px;background:linear-gradient(160deg,#0b3d24,#0c8a4f);color:#fff;box-shadow:0 10px 24px -14px rgba(12,138,79,.7)}
.mx-cd-n b{font:800 clamp(26px,5vw,40px)/1 var(--f-display,inherit);font-variant-numeric:tabular-nums;display:inline-block}
.mx-cd-n b.flip{animation:mxFlip .35s ease}
@keyframes mxFlip{0%{transform:translateY(-35%);opacity:.2}100%{transform:none;opacity:1}}
.mx-cd-n small{font-size:12px;opacity:.8;margin-top:4px}
.mx-cd-when{margin:0 0 12px;color:var(--muted,#667);font-size:14px}
.mx-cal{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.mx-cal a{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;font-weight:700;font-size:14px;text-decoration:none;border:1px solid var(--line,#e2e7ee);color:var(--ink,#111);background:var(--surface,#fff)}
.mx-cal a.g{background:var(--turf,#0c8a4f);border-color:transparent;color:#fff}
.mx-cal a:hover{filter:brightness(1.05);transform:translateY(-1px)}
.mx-cd-mini{display:block;margin-top:6px;font-size:13px;font-weight:600;opacity:.9;font-variant-numeric:tabular-nums}
.mx-inj-g,.mx-tops-g{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mx-inj ul,.mx-tops ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mx-inj li{display:grid;grid-template-columns:34px 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:7px 10px;border-radius:12px;background:var(--chalk,#eef2f6)}
.mx-inj li img{grid-row:1/3;width:34px;height:34px;border-radius:50%;object-fit:cover;background:#fff}
.mx-inj li a{font-weight:700;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-inj li small{grid-column:2;color:var(--muted,#667);font-size:12.5px}
.mx-inj li em{grid-column:3;grid-row:1/3;font-style:normal;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:#fde2e1;color:#b42318}
.mx-mini table{width:100%;border-collapse:collapse;font-size:14px}
.mx-mini th,.mx-mini td{padding:8px 6px;text-align:center}
.mx-mini th{font-size:12px;color:var(--muted,#667);font-weight:600}
.mx-mini .t{text-align:left}
.mx-mini td{vertical-align:middle}
.mx-mini td.t{white-space:nowrap}
.mx-mini td.t img{vertical-align:middle;margin-right:8px}
.mx-mini td.form{white-space:nowrap;line-height:1}
.mx-mini td.form i{display:inline-block;vertical-align:middle}
.mx-mini tr.me td{background:color-mix(in srgb,var(--turf,#0c8a4f) 12%,transparent);font-weight:700}
.mx-mini tr.me.a td{background:color-mix(in srgb,#2563eb 12%,transparent)}
.mx-mini tr.me td:first-child{box-shadow:inset 3px 0 var(--turf,#0c8a4f)}
.mx-mini tr.me.a td:first-child{box-shadow:inset 3px 0 #2563eb}
.mx-mini tr.gap td{color:var(--muted,#94a3b8);padding:2px;line-height:1}
.mx-mini .pts{font-weight:800}
.mx-mini .form i{width:16px;height:16px;line-height:16px;font-size:9px}
.mx-ha{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.mx-ha div{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:var(--chalk,#eef2f6);font-size:13.5px}
.mx-ha div:last-child{text-align:right}
.mx-ha span{color:var(--muted,#667)}
.mx-fmc-g{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.mx-fmc .side{display:grid;gap:8px;justify-items:start}
.mx-fmc .side:last-child{justify-items:end;text-align:right}
.mx-fmc .fm{font:800 clamp(24px,4vw,34px)/1 var(--f-display,inherit);color:var(--turf,#0c8a4f);letter-spacing:.02em}
.mx-fmc .side:last-child .fm{color:#2563eb}
.mx-fmc .co{display:flex;align-items:center;gap:8px}
.mx-fmc .side:last-child .co{flex-direction:row-reverse}
.mx-fmc .co img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--chalk,#eef2f6)}
.mx-fmc .co span{display:grid;line-height:1.25}
.mx-fmc .co small{font-size:11.5px;color:var(--muted,#667)}
.mx-fmc .tm{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted,#667)}
.mx-fmc .vs{font-style:normal;font-weight:900;font-size:13px;color:var(--muted,#94a3b8);padding:6px 9px;border-radius:999px;background:var(--chalk,#eef2f6)}
.mx-pp{display:grid;grid-template-columns:20px 44px 1fr auto;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:14px;background:var(--chalk,#eef2f6);color:inherit;text-align:left;cursor:pointer;font:inherit;transition:transform .15s,box-shadow .15s}
.mx-pp:hover{transform:translateY(-2px);box-shadow:0 8px 18px -12px rgba(0,0,0,.4)}
.mx-pp .rk{font-weight:800;color:var(--muted,#94a3b8)}
.mx-pp img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#fff}
.mx-pp .nm{display:grid;min-width:0}
.mx-pp .nm b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14.5px}
.mx-pp .nm small{color:var(--muted,#667);font-size:12px}
.mx-pp .rt,.mx-pcard .rt{font-weight:800;padding:4px 9px;border-radius:9px;background:#64748b;color:#fff;font-size:14px}
.mx-dot{cursor:pointer}
.sim-ctrl .share{width:36px;height:36px;border-radius:10px;border:1px solid var(--line,#e2e7ee);background:var(--surface,#fff);color:var(--ink,#111);cursor:pointer;flex:none;display:grid;place-items:center}
.mx-pcard.on{opacity:1}
.mx-pcard .in{position:relative;width:min(380px,100%);max-height:90vh;overflow:auto;padding:18px;border-radius:20px;background:var(--surface,#fff);color:var(--ink,#111);box-shadow:0 30px 60px -20px rgba(0,0,0,.5);border-top:5px solid var(--turf,#0c8a4f);transform:translateY(14px) scale(.98);transition:transform .2s}
.mx-pcard .in.a{border-top-color:#2563eb}
.mx-pcard.on .in{transform:none}
@media (max-width:640px){
.mx-inj-g,.mx-tops-g{grid-template-columns:1fr}
.mx-fmc-g{grid-template-columns:1fr auto 1fr;gap:6px}
.mx-fmc .co img{display:none}
.mx-fmc .co b{font-size:13px}
.mx-ha{grid-template-columns:1fr}
.mx-ha div:last-child{text-align:left}
.mx-pcard .in{width:100%;border-radius:20px 20px 0 0;max-height:85vh}
.mx-cd-n span{padding:10px 4px;border-radius:12px}
.mx-mini th:nth-child(6),.mx-mini td.form{display:none}
}
.mx-mini td,.mx-mini th{vertical-align:middle!important}
.mx-mini td.form{display:table-cell!important;white-space:nowrap}
.mx-mini td.form i{display:inline-grid!important;margin:0 1px}
.mx-mini .tscroll{overflow-y:hidden}
.mx-mini tr.gap td{text-align:center;font-size:12px;letter-spacing:2px}
.mx-sechead{display:flex;align-items:center;gap:14px;margin:34px 0 16px}
.mx-sechead::before,.mx-sechead::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line,#dfe5e0))}
.mx-sechead::after{background:linear-gradient(90deg,var(--line,#dfe5e0),transparent)}
.mx-sechead span{font:800 15px var(--f-display,inherit);letter-spacing:.04em;color:var(--turf,#0c8a4f);padding:7px 16px;border-radius:999px;background:color-mix(in srgb,var(--turf,#0c8a4f) 10%,var(--surface,#fff));border:1px solid color-mix(in srgb,var(--turf,#0c8a4f) 25%,transparent)}
.mx-bento{column-count:2;column-gap:16px}
.mx-side .mx-card{padding:16px}
@media (max-width:960px){
.mx-bento{column-count:1}
.mx-sechead{margin:24px 0 12px}
}
.mx-inj ul,.mx-tops ol,.sim-log{padding-left:0!important;margin-left:0!important}
.mx-inj li,.mx-tops li{margin:0!important}
@media (max-width:640px){
.sim-ctrl{flex-wrap:wrap;row-gap:10px;margin-top:26px}
.sim-track{order:-1;flex:1 1 100%}
.sim-ctrl .play{width:38px;height:38px}
.sim-names{margin-left:auto}
.mx-pitch{aspect-ratio:68/105;background:repeating-linear-gradient(180deg,#2f8a4c 0 9.09%,#2a7d45 9.09% 18.18%)}
.mx-pitch .mx-dot{left:var(--y)!important;top:var(--x)!important;width:64px}
.mx-dot .ph{width:34px;height:34px}
.mx-dot b{max-width:64px;font-size:10px}
.mx-pitch .half{left:0!important;right:0;top:50%!important;bottom:auto!important;width:auto;border-width:2px 0 0 0!important}
.mx-pitch .circle{width:26%}
.mx-pitch .box{left:20%!important;right:20%!important;width:auto!important;height:15.7%;border:2px solid rgba(255,255,255,.55)!important}
.mx-pitch .box.l{top:0!important;bottom:auto!important;border-top:0!important}
.mx-pitch .box.r{bottom:0!important;top:auto!important;border-bottom:0!important}
.mx-pitch .six{left:36%!important;right:36%!important;width:auto!important;height:5.2%;border:2px solid rgba(255,255,255,.55)!important}
.mx-pitch .six.l{top:0!important;bottom:auto!important;border-top:0!important}
.mx-pitch .six.r{bottom:0!important;top:auto!important;border-bottom:0!important}
.mx-forms span{white-space:nowrap}
.mx-mini th,.mx-mini td{padding:8px 4px!important;font-size:13px}
.mx-mini td.t{max-width:150px;overflow:hidden;text-overflow:ellipsis}
.mx-mini td.t img{width:18px;height:18px;margin-right:6px}
#pl .fv-t th:nth-child(3),#pl .fv-t td:nth-child(3),#pl .fv-t th:nth-child(n+7),#pl .fv-t td:nth-child(n+7){display:none}
#pl .fv-t td,#pl .fv-t th{padding:8px 6px;font-size:13px}
#pl .mx-pl{display:flex;align-items:center;gap:8px;max-width:170px;overflow:hidden}
#pl .mx-pl a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#h2h .fv-t th:nth-child(2),#h2h .fv-t td:nth-child(2){display:none}
#h2h .fv-t td,#h2h .fv-t th{padding:8px 5px;font-size:13px;white-space:normal}
#h2h .fv-t td:nth-child(3),#h2h .fv-t td:nth-child(5){max-width:105px}
}
@media (max-width:640px){
#pl .fv-t th:nth-child(2),#pl .fv-t td:nth-child(2){display:none}
.mx-mini th:nth-child(6),.mx-mini td.form{display:none!important}
.mx-forms{flex-wrap:wrap;row-gap:6px}
.mx-forms div{gap:6px;font-size:14px}
}
.mx-pcard[hidden]{display:none!important}
.mx-pcard:not(.on){pointer-events:none}
.rt.rg-a,.mx-dot .rt.rg-a{background:#0b6b3a!important;color:#fff!important}
.rt.rg-b,.mx-dot .rt.rg-b{background:#1f9d55!important;color:#fff!important}
.rt.rg-c,.mx-dot .rt.rg-c{background:#a16207!important;color:#fff!important}
.rt.rg-d,.mx-dot .rt.rg-d{background:#c2410c!important;color:#fff!important}
.rt.rg-e,.mx-dot .rt.rg-e{background:#b91c1c!important;color:#fff!important}
.mx-rt.rg-a{background:#d1fae5;color:#065f46}
.mx-rt.rg-b{background:#dcfce7;color:#166534}
.mx-rt.rg-c{background:#fef3c7;color:#854d0e}
.mx-rt.rg-d{background:#ffedd5;color:#9a3412}
.mx-rt.rg-e{background:#fee2e2;color:#991b1b}
.mx-pcard .in.a{border-top-color:#2563eb}
html[data-theme=dark] .mx-rt.rg-a,html[data-theme=dark] .mx-rt.rg-b{background:rgba(34,197,94,.18);color:#86efac}
html[data-theme=dark] .mx-rt.rg-c{background:rgba(234,179,8,.18);color:#fde68a}
html[data-theme=dark] .mx-rt.rg-d{background:rgba(249,115,22,.18);color:#fdba74}
html[data-theme=dark] .mx-rt.rg-e{background:rgba(239,68,68,.18);color:#fca5a5}
@media (prefers-color-scheme:dark){
html:not([data-theme=light]) .mx-rt.rg-a,html:not([data-theme=light]) .mx-rt.rg-b{background:rgba(34,197,94,.18);color:#86efac}
html:not([data-theme=light]) .mx-rt.rg-c{background:rgba(234,179,8,.18);color:#fde68a}
html:not([data-theme=light]) .mx-rt.rg-d{background:rgba(249,115,22,.18);color:#fdba74}
html:not([data-theme=light]) .mx-rt.rg-e{background:rgba(239,68,68,.18);color:#fca5a5}
}
.mx-v2 .mx-tabs a[aria-selected=true]{color:var(--turf,#0c8a4f)!important;border-bottom-color:var(--turf,#0c8a4f)}
.mx-v2 .mx-panel[hidden]{display:none!important}
.v2-sim[open]>summary .chev::after{transform:translate(-50%,-25%) rotate(-135deg)}
.mx-links{padding:18px!important}
.mx-links h3{margin:0 0 12px}
.mx-links .lk-teams,.mx-links .lk-exts{display:grid;gap:8px}
.mx-links .lk-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.mx-links a{border:0!important;padding:0!important;margin:0;font-size:14px}
.mx-links a:hover{padding-left:0!important}
.mx-links .lk-team{display:flex;align-items:center;gap:12px;padding:10px 12px!important;border-radius:14px;background:var(--chalk,#f1f4f8);transition:background .15s,transform .15s}
.mx-links .lk-team img{width:28px;height:28px;object-fit:contain;flex:none}
.mx-links .lk-team span{display:grid;line-height:1.3;font-weight:700}
.mx-links .lk-team small{font-size:11.5px;font-weight:600;color:var(--muted,#64748b)}
.mx-links .lk-team em{margin-left:auto;font-size:18px;color:var(--muted,#94a3b8)}
.mx-links .lk-tile{display:flex;align-items:center;gap:10px;padding:10px!important;border-radius:14px;border:1px solid var(--line,#e5e9f0)!important;transition:border-color .15s,background .15s}
.mx-links .lk-tile i{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--turf,#0c8a4f) 12%,transparent)}
.mx-links .lk-tile svg{width:18px;height:18px}
.mx-links .lk-tile span{display:grid;line-height:1.25;font-weight:700;min-width:0}
.mx-links .lk-tile small{font-size:11px;font-weight:600;color:var(--muted,#64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-links .lk-ext{display:flex;align-items:center;gap:10px;padding:9px 4px!important;font-weight:600;color:var(--muted,#64748b)!important;border-top:1px dashed var(--line,#e5e9f0)!important}
.mx-links .lk-exts{gap:0;margin-top:4px}
.mx-links .lk-ext svg{width:18px;height:18px}
.mx-links .lk-ext em{margin-left:auto}
.mx-links .lk-team:hover{background:color-mix(in srgb,var(--turf,#0c8a4f) 10%,var(--chalk,#f1f4f8));transform:translateX(2px)}
.mx-links .lk-tile:hover{border-color:var(--turf,#0c8a4f)!important;background:color-mix(in srgb,var(--turf,#0c8a4f) 5%,transparent)}
.mx-links .lk-ext:hover{color:var(--turf,#0c8a4f)!important}
.mx-pitch,.mx-forms{max-width:none!important;margin-left:0!important;margin-right:0!important}
@media (max-width:640px){
body:not(.home) .fbth-row.is-live .fbth-g{color:var(--loss,#d62828)}
body:not(.home) .fbth-row.is-live .fbth-status{background:color-mix(in srgb,var(--loss,#d62828) 12%,transparent);color:var(--loss,#d62828)!important;font-weight:700}
}
.pl-pills button.is-on{background:var(--turf,#0c8a4f);border-color:var(--turf,#0c8a4f);color:#fff}
.pl-pills button.is-on small{color:rgba(255,255,255,.8)}
.pl-panel[hidden]{display:none}
.pl-tag.on{opacity:1;transform:none}
.pl-radar.on .shape{transform:none;opacity:1}
.pl-ring.on .fg{stroke-dasharray:var(--p) 100}
.pl-career tbody tr.on{opacity:1;transform:none}
.pl-career tr.on td.bar i{transform:scaleX(1)}
.pl-nav a.on{background:var(--turf,#0c8a4f);color:#fff!important}
html{scroll-padding-top:90px}
.pl-spark.on polyline{stroke-dasharray:100 0}
.pl-rm.on{opacity:1;transform:none}
.pl-simc.on{opacity:1;transform:none}
.cp-radar.on .shape.sb{transition-delay:.25s}
.cp-row.on .bar i{width:var(--w)}
@keyframes fbfade{from{opacity:0}}
.fb-cardm .in{position:relative;display:grid;gap:12px;justify-items:center;max-width:min(460px,100%);max-height:100%}
html[data-theme=dark] .cp-find .chg{background:var(--surface);color:var(--ink)}
body.fbth-player .pl-nav a.on{background:none;color:var(--turf,#13703f)!important;border-left-color:var(--turf,#13703f);font-weight:700}
@media (max-width:980px){
body.fbth-player .pl-nav a.on{background:var(--turf,#13703f);color:#fff!important}
}
html[data-theme=dark] body.fbth-player,html[data-theme=dark] body.fbth-compare{--pl-rule:rgba(232,243,234,.7)}
html[data-theme=dark] body.fbth-compare .fv-main>section.fv-sec{border-top-color:rgba(232,243,234,.7)}
@media (prefers-color-scheme:dark){
html:not([data-theme=light]) body.fbth-player{--pl-rule:rgba(232,243,234,.7)}
}
.pl-spark.on .plot i{opacity:1;transform:none}
.pl-spark.on .plot i:nth-of-type(2){transition-delay:.15s}
.pl-spark.on .plot i:nth-of-type(3){transition-delay:.3s}
.pl-spark.on .plot i:nth-of-type(4){transition-delay:.45s}
.pl-spark.on .plot i:nth-of-type(5){transition-delay:.6s}
.pl-spark.on .plot i:nth-of-type(6){transition-delay:.75s}
html[data-theme=dark] body.fbth-player{--c1:#4ade80;--c1-t:rgba(74,222,128,.10);--c2:#fbbf24;--c2-t:rgba(251,191,36,.10);--c3:#93b4ff;--c3-t:rgba(147,180,255,.10)}
@media (prefers-color-scheme:dark){
html:not([data-theme=light]) body.fbth-player{--c1:#4ade80;--c1-t:rgba(74,222,128,.10);--c2:#fbbf24;--c2-t:rgba(251,191,36,.10);--c3:#93b4ff;--c3-t:rgba(147,180,255,.10)}
}
html[data-theme=dark] body.fbth-player .pl-chap h2{color:#0b1a12!important}
body.fbth-player .pl-pills button.is-on{background:var(--c1);border-color:var(--c1)}
body.fbth-player .pl-nav a.on{border-left-color:var(--c1);color:var(--c1)!important}
body.fbth-player .pl-nav a.c2.on{border-left-color:var(--c2);color:var(--c2)!important}
body.fbth-player .pl-nav a.c3.on{border-left-color:var(--c3);color:var(--c3)!important}
@media (max-width:980px){
body.fbth-player .pl-nav a.on,body.fbth-player .pl-nav a.c2.on,body.fbth-player .pl-nav a.c3.on{color:#fff!important;background:var(--c1)}
body.fbth-player .pl-nav a.c2.on{background:var(--c2)}
body.fbth-player .pl-nav a.c3.on{background:var(--c3)}
}
.pl-pct.on .pc-row .bar i,.pc-row .bar i{width:var(--w)}
html[data-theme=dark] .nx-row.hard .lv{background:rgba(239,68,68,.18);color:#fca5a5}
html[data-theme=dark] .nx-row.mid .lv{background:rgba(234,179,8,.18);color:#fde68a}
html[data-theme=dark] .nx-row.easy .lv{background:rgba(34,197,94,.18);color:#86efac}
.nx-row.done .res{justify-self:end;min-width:46px;text-align:center;padding:4px 8px;border-radius:8px;font:800 13.5px var(--f-display,inherit);color:#fff}
.nx-row.done .res.f-W{background:#16a34a}
.nx-row.done .res.f-D{background:#a3a3a3}
.nx-row.done .res.f-L{background:#dc2626}
.fbth-view .mx-hero{width:calc(100vw - var(--sbw,0px));margin-left:calc(50% - 50vw + var(--sbw,0px) / 2);margin-right:calc(50% - 50vw + var(--sbw,0px) / 2)}
body.fbth-view main.wrap{grid-template-columns:minmax(0,1fr)}
body.fbth-view main.wrap>*{min-width:0}
.fb-cardm .in{display:flex!important;flex-direction:column;width:min(460px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);border-radius:24px;overflow:hidden;background:#0b1f15;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.fb-cardm .in>img{display:block;width:100%;height:auto;min-height:0;flex:0 1 auto;max-height:calc(100dvh - 230px);object-fit:contain;background:#0b1f15;border-radius:0!important}
.fb-cardm .in>.x{top:10px!important;right:10px!important;z-index:3;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.fb-cardm .shr [hidden]{display:none!important}
.fb-cardm .in>.x{position:fixed!important;top:16px!important;right:16px!important;width:44px;height:44px}
body.fbth-match b.ty{font-size:11.5px}
.sim-board .t{min-width:0}
.sim-board .t.a{justify-content:safe flex-end}
@media (max-width:480px){
.sim-board .t{white-space:normal!important;font-size:12px;line-height:1.15}
}
body.fbth-player .pl-plus[hidden],body.fbth-player .pl-nav a[hidden]{display:none!important}
.pf-list details[open] summary::after{content:"−"}
@media (min-width:981px){
body.fbth-team .pl-nav a.on{background:#0e2452;color:#fff!important}
}
html[data-theme=dark] body.fbth-team.fbth-player{--c1:#8db8ff;--c1-t:rgba(141,184,255,.10);--c2:#38bdf8;--c2-t:rgba(56,189,248,.10);--c3:#fbbf24;--c3-t:rgba(251,191,36,.10)}
@media (prefers-color-scheme:dark){
html:not([data-theme=light]) body.fbth-team.fbth-player{--c1:#8db8ff;--c1-t:rgba(141,184,255,.10);--c2:#38bdf8;--c2-t:rgba(56,189,248,.10);--c3:#fbbf24;--c3-t:rgba(251,191,36,.10)}
}
@media (min-width:981px){
body.fbth-team .pl-nav a.on,body.fbth-team .pl-nav a.c2.on,body.fbth-team .pl-nav a.c3.on{background:var(--c1)!important;color:var(--surface,#fff)!important}
}
.th-tbl tr.is-w td{background:rgba(245,179,1,.12)!important}
.th-tip.on{opacity:1}
.tr-seas button.on{background:var(--c1,#12306b);border-color:var(--c1,#12306b);color:#fff}
.tr-chips button.on{background:var(--c2-t,#e0f2fe);border-color:var(--c2,#0369a1);color:var(--c2,#0369a1)}
.tr-row[hidden],.tr-mon[hidden]{display:none}
html[data-theme="dark"] .tr-seas button,html[data-theme="dark"] .tr-chips button{background:transparent}
@media (prefers-color-scheme:dark){
html:not([data-theme="light"]) .tr-seas button,html:not([data-theme="light"]) .tr-chips button{background:transparent}
}
.tr-h2h-t tr[hidden]{display:none}
html[data-theme="dark"] .tr-seas button.on{background:var(--c1,#3b82f6);border-color:var(--c1,#3b82f6);color:#0a0f1c}
html[data-theme="dark"] .tr-chips button.on{background:var(--c2-t,rgba(56,189,248,.15));border-color:var(--c2,#38bdf8);color:var(--c2,#38bdf8)}
@media (prefers-color-scheme:dark){
html:not([data-theme="light"]) .tr-seas button.on{background:var(--c1,#3b82f6);border-color:var(--c1,#3b82f6);color:#0a0f1c}
html:not([data-theme="light"]) .tr-chips button.on{background:var(--c2-t,rgba(56,189,248,.15));border-color:var(--c2,#38bdf8);color:var(--c2,#38bdf8)}
}

/* sbm.css */
/* Saraball Media — follows theme tokens when present, sensible fallbacks otherwise */
.sbm{--sbm-turf:var(--turf,#0c8a4f);--sbm-line:var(--line,rgba(127,140,160,.25));--sbm-muted:var(--muted,#5b6577);clear:both}
.sbm:not(.hcard){margin:28px 0;padding:20px;border:1px solid var(--sbm-line);border-radius:22px}
.sbm-h{margin:0 0 14px;font-size:1.15rem;font-weight:700;line-height:1.3}
.sbm-credit{margin:12px 0 0;font-size:.8rem;color:var(--sbm-muted)}
.sbm-credit a{color:inherit;text-decoration:underline}
.sbm-meta{display:block;margin-top:4px;font-size:.8rem;color:var(--sbm-muted)}

.sbm-play{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:16px;overflow:hidden;
  background:#000;cursor:pointer;color:#fff;text-align:left}
.sbm-play img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,opacity .3s}
.sbm-play:hover img{transform:scale(1.03);opacity:.85}
.sbm-play iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sbm-btn{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;
  background:var(--sbm-turf);box-shadow:0 6px 24px rgba(0,0,0,.35)}
.sbm-btn::after{content:"";position:absolute;left:26px;top:20px;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #fff}
.sbm-cap{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 12px;font-size:.9rem;font-weight:600;line-height:1.35;
  background:linear-gradient(transparent,rgba(0,0,0,.8));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sbm-clip .sbm-btn{width:76px;height:76px;margin:-38px 0 0 -38px}
.sbm-clip .sbm-btn::after{left:31px;top:24px;border-width:14px 0 14px 23px}

.sbm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.sbm-grid .sbm-cap{font-size:.82rem}
.sbm-grid .sbm-btn{width:48px;height:48px;margin:-24px 0 0 -24px}
.sbm-grid .sbm-btn::after{left:19px;top:14px;border-width:10px 0 10px 16px}

.sbm-list{list-style:none;margin:0;padding:0}
.sbm-list li{padding:12px 0;border-top:1px solid var(--sbm-line)}
.sbm-list li:first-child{border-top:0;padding-top:0}
.sbm-list a{font-weight:600;line-height:1.45;text-decoration:none;color:inherit}
.sbm-list a:hover{color:var(--sbm-turf)}

.sbm-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.sbm-strip>a,.sbm-kit{flex:0 0 auto;scroll-snap-align:start;margin:0}
.sbm-strip img{height:180px;width:auto;border-radius:14px;display:block;object-fit:cover}
.sbm-kit{text-align:center;font-size:.8rem;color:var(--sbm-muted)}
.sbm-kit img{height:150px;background:rgba(127,140,160,.08);padding:8px}

@media (max-width:600px){
  .sbm:not(.hcard){padding:16px;border-radius:18px;margin:20px 0}
  .sbm-grid{grid-template-columns:1fr 1fr;gap:10px}
  .sbm-grid .sbm-cap{font-size:.72rem;padding:20px 8px 8px}
  .sbm-strip img{height:130px}
}
@media (prefers-reduced-motion:reduce){.sbm-play img{transition:none}}

/* style.css */
/*
Theme Name: Saraball
Theme URI: https://saraball.com/
Author: Saraball
Description: ธีมของ Saraball สาระบอล เว็บข้อมูลฟุตบอล หัวเว็บสนามหญ้า ฟอนต์ Prompt + IBM Plex Sans Thai รองรับโหมดมืด
Version: 2.9.4
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: saraball
*/

:root{
  --bg:#eef2ec;--surface:#fff;--ink:#0d1a12;--muted:#56685c;--line:#d3dcd4;--zebra:#f6f9f5;
  --turf:#13703f;--on-turf:#fff;--turf-soft:#dcefe2;--chalk:#f4f7f2;
  --pitch:#1a5c35;--pitch-2:#1e6a3d;--on-pitch:#f4fbf5;--chalk-faint:rgba(255,255,255,.16);--chalk-dim:rgba(244,251,245,.74);
  --amber:#f2b230;--amber-ink:#2a1d00;--board:#0f1d15;--board-ink:#f4fbf5;--board-dim:rgba(244,251,245,.62);
  --f-display:"Prompt","IBM Plex Sans Thai",system-ui,sans-serif;--f-body:"IBM Plex Sans Thai","Prompt",system-ui,sans-serif;
  --r-lg:18px;--r-md:14px;--shadow:0 1px 2px rgba(10,30,18,.05),0 8px 24px -12px rgba(10,30,18,.14);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#07120b;--surface:#0f1f15;--ink:#e8f3ea;--muted:#8fa89a;--line:#1f3527;--zebra:#0c1a11;
  --turf:#3fcf7f;--on-turf:#04140a;--turf-soft:#11301f;--chalk:#0b1a11;--pitch:#0c351d;--pitch-2:#0f3f23;
  --amber:#ffc23d;--amber-ink:#241800;--board:#020805;--board-dim:rgba(244,251,245,.55);color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#07120b;--surface:#0f1f15;--ink:#e8f3ea;--muted:#8fa89a;--line:#1f3527;--zebra:#0c1a11;
  --turf:#3fcf7f;--on-turf:#04140a;--turf-soft:#11301f;--chalk:#0b1a11;--pitch:#0c351d;--pitch-2:#0f3f23;
  --amber:#ffc23d;--amber-ink:#241800;--board:#020805;--board-dim:rgba(244,251,245,.55);color-scheme:dark}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16.5px/1.75 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--turf);text-underline-offset:3px}
a:hover{color:var(--ink)}
.wrap{max-width:1120px;margin:0 auto;padding-inline:20px}
@media (max-width:560px){.wrap{padding-inline:16px}body{font-size:16px}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.skip{position:absolute;left:-999px;top:8px;z-index:99;background:var(--amber);color:var(--amber-ink);padding:8px 14px;border-radius:999px}
.skip:focus{left:12px}
:focus-visible{outline:2px solid var(--amber);outline-offset:2px}

/* ---------- page head ---------- */
.page-head{padding-block:28px 6px}
.crumbs{font:500 14px var(--f-body);color:var(--muted);display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--turf)}
.crumbs span[aria-hidden]{opacity:.5}
.page-title{font:700 clamp(28px,4.4vw,42px)/1.2 var(--f-display);letter-spacing:-.015em;margin:8px 0 6px}
.page-lede{color:var(--muted);margin:0;max-width:70ch}
.meta-line{color:var(--muted);font-size:14px;display:flex;gap:12px;flex-wrap:wrap}

/* ---------- layout ---------- */
.site-main{padding-block:12px 56px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
@media (max-width:960px){.layout{grid-template-columns:minmax(0,1fr)}.layout>*{min-width:0}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.entry{padding:28px clamp(18px,3.5vw,36px)}
.aside{display:grid;gap:18px;position:sticky;top:76px}
@media (max-width:960px){.aside{position:static}}
.aside .card{padding:18px 20px}
.aside h2{font:600 17px var(--f-display);margin:0 0 10px}
.aside ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.aside li a{display:block;padding:6px 10px;border-radius:10px;text-decoration:none;color:var(--ink);font-size:15px}
.aside li a:hover,.aside li.on a{background:var(--turf-soft);color:var(--turf)}
.aside .nobet{font-size:14px;color:var(--muted);margin:0}

/* ---------- content ---------- */
.entry-content>*:first-child{margin-top:0}
.entry-content h2{font:700 clamp(22px,3vw,28px)/1.25 var(--f-display);letter-spacing:-.01em;margin:1.8em 0 .6em;display:flex;align-items:center;gap:12px}
.entry-content h2::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px var(--turf-soft);flex:none}
.entry-content h3{font:600 19px/1.35 var(--f-display);margin:1.5em 0 .5em}
.entry-content p{margin:0 0 1em}
.entry-content ul,.entry-content ol{padding-left:1.3em;margin:0 0 1.2em}
.entry-content li{margin:.25em 0}
.entry-content li::marker{color:var(--turf)}
.entry-content strong{font-weight:600}
.tscroll{overflow-x:auto;margin:0 0 1.4em;border:1px solid var(--line);border-radius:var(--r-md)}
.entry-content table{width:100%;border-collapse:collapse;margin:0;font-size:15.5px}
.entry-content tr:last-child>*{border-bottom:0}
.entry-content th,.entry-content td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.entry-content thead th{font:600 13.5px var(--f-body);color:var(--muted);background:var(--chalk);border-bottom:2px solid var(--line)}
.entry-content tbody th{font-weight:600;color:var(--muted);width:34%;font-size:14.5px}
.entry-content tbody tr:nth-child(even) td{background:var(--zebra)}
.entry-content td small{color:var(--muted)}
.entry-content figure{margin:0 0 1.4em}
.entry-content figure img{border-radius:var(--r-md);display:block}
.entry-content figcaption{font-size:13.5px;color:var(--muted);margin-top:8px}
.entry-content blockquote{margin:0 0 1.2em;padding:12px 18px;border-left:4px solid var(--amber);background:var(--chalk);border-radius:0 var(--r-md) var(--r-md) 0}
.sb-src{border-top:1px dashed var(--line);padding-top:14px;margin-top:2em!important;color:var(--muted);font-size:14px}
.child-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;margin-top:28px}
.child-grid a{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);text-decoration:none;color:var(--ink);font:600 16px var(--f-display)}
.child-grid a:hover{border-color:var(--turf);color:var(--turf)}

/* ---------- archive ---------- */
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}
.post-card{display:grid;overflow:hidden}
.post-card .thumb{aspect-ratio:16/9;background:var(--pitch);background-image:repeating-linear-gradient(90deg,var(--pitch) 0 40px,var(--pitch-2) 40px 80px)}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.post-card .pc-body{padding:16px 18px 18px;display:grid;gap:6px}
.post-card h2{font:600 19px/1.35 var(--f-display);margin:0}
.post-card h2 a{color:var(--ink);text-decoration:none}
.post-card h2 a:hover{color:var(--turf)}
.post-card p{margin:0;color:var(--muted);font-size:15px}
.tag{display:inline-block;font:600 12px var(--f-body);background:var(--turf-soft);color:var(--turf);border-radius:999px;padding:2px 10px;text-decoration:none}
.pagination{display:flex;gap:6px;flex-wrap:wrap;margin-top:24px}
.pagination .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);background:var(--surface)}
.pagination .current{background:var(--turf);color:var(--on-turf);border-color:var(--turf)}
.empty{padding:28px}
.searchform{display:flex;gap:8px;margin-top:14px}
.searchform input{flex:1;min-height:44px;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font:inherit;background:var(--surface);color:var(--ink)}
.btn{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border-radius:999px;border:0;background:var(--turf);color:var(--on-turf);font:600 15px var(--f-display);text-decoration:none;cursor:pointer}
.btn:hover{color:var(--on-turf);filter:brightness(1.08)}

/* ---------- footer ---------- */
.site-foot{background:var(--board);color:var(--board-dim);margin-top:0}
.foot-in{padding-block:40px 24px;display:grid;gap:28px}
.foot-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2.4fr);gap:32px}
@media (max-width:820px){.foot-top{grid-template-columns:1fr}}
.foot-brand{display:grid;gap:12px;align-content:start}
.foot-brand .logo{color:var(--board-ink);font-size:26px}
.foot-brand .logo-mark{background:var(--board-ink);box-shadow:inset 0 0 0 3px var(--board),0 0 0 2px var(--board-ink)}
.foot-brand .logo-mark::after{background:var(--board)}
.foot-brand p{margin:0;font-size:15px;line-height:1.7;max-width:40ch}
.foot-badges{display:flex;flex-wrap:wrap;gap:8px}
.foot-badges span{font:500 12.5px var(--f-body);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 10px;color:var(--board-ink)}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:22px}
.foot-col h3{color:var(--board-ink);font:600 16px var(--f-display);margin:0 0 8px}
.foot-col ul{list-style:none;margin:0;padding:0}
.foot-col a{color:var(--board-dim);font-size:14.5px;line-height:1.95;text-decoration:none}
.foot-col a:hover{color:var(--amber)}
.foot-bottom{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;font-size:13px;border-top:1px solid rgba(255,255,255,.1);padding-top:18px}
.foot-bottom span:nth-child(2){flex:1 1 300px}
.foot-bottom a{color:var(--board-ink)}

/* live-data shortcodes inside the theme */
.fbth{--fb-ink:var(--ink);--fb-muted:var(--muted);--fb-line:var(--line);--fb-turf:var(--turf);--fb-soft:var(--turf-soft)}
@media (prefers-reduced-motion:no-preference){.child-grid a,.post-card,.aside li a{transition:border-color .15s,background-color .15s,color .15s}}

.sb-quick{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0!important}
.sb-quick li{margin:0}
.sb-quick a{display:inline-flex;padding:8px 16px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font:600 15px var(--f-display);color:var(--ink);background:var(--chalk)}
.sb-quick a:hover{border-color:var(--turf);color:var(--turf)}
.entry-content h2 a{color:inherit}

/* ===== Header: copied 1:1 from the Saraball home page app so both look identical ===== */
:root{
  --bg:#e8eee6; --mow:rgba(19,112,63,.035); --surface:#ffffff; --ink:#0d1a12; --muted:#56685c; --line:#d3dcd4; --zebra:#f6f9f5;
  --turf:#13703f; --on-turf:#ffffff; --turf-soft:#dcefe2; --chalk:#f4f7f2;
  --pitch:#1a5c35; --pitch-2:#1e6a3d; --on-pitch:#f4fbf5; --chalk-line:rgba(255,255,255,.9); --chalk-faint:rgba(255,255,255,.16); --chalk-dim:rgba(244,251,245,.72);
  --amber:#f2b230; --amber-ink:#2a1d00; --board:#0f1d15; --board-ink:#f4fbf5; --board-dim:rgba(244,251,245,.6); --board-edge:rgba(255,255,255,.08);
  --win:#13703f; --draw:#c08a12; --loss:#c0392b;
  --f-display:"Kanit","Anuphan",system-ui,sans-serif;
  --f-body:"Anuphan","Sarabun",system-ui,sans-serif;
  --f-num:"Barlow Condensed","Kanit",ui-sans-serif,sans-serif;
}
@media (prefers-color-scheme:dark){}
  --bg:#07120b; --mow:rgba(63,207,127,.025); --surface:#0f1f15; --ink:#e8f3ea; --muted:#8fa89a; --line:#1f3527; --zebra:#0c1a11;
  --turf:#3fcf7f; --on-turf:#04140a; --turf-soft:#11301f; --chalk:#0b1a11;
  --pitch:#0c351d; --pitch-2:#0f3f23; --on-pitch:#f4fbf5; --chalk-line:rgba(255,255,255,.75); --chalk-faint:rgba(255,255,255,.12); --chalk-dim:rgba(244,251,245,.66);
  --amber:#ffc23d; --amber-ink:#241800; --board:#020805; --board-ink:#f4fbf5; --board-dim:rgba(244,251,245,.55); --board-edge:rgba(255,255,255,.1);
  --win:#3fcf7f; --draw:#e6b23e; --loss:#ef6a5a; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#07120b; --mow:rgba(63,207,127,.025); --surface:#0f1f15; --ink:#e8f3ea; --muted:#8fa89a; --line:#1f3527; --zebra:#0c1a11;
  --turf:#3fcf7f; --on-turf:#04140a; --turf-soft:#11301f; --chalk:#0b1a11;
  --pitch:#0c351d; --pitch-2:#0f3f23; --on-pitch:#f4fbf5; --chalk-line:rgba(255,255,255,.75); --chalk-faint:rgba(255,255,255,.12); --chalk-dim:rgba(244,251,245,.66);
  --amber:#ffc23d; --amber-ink:#241800; --board:#020805; --board-ink:#f4fbf5; --board-dim:rgba(244,251,245,.55); --board-edge:rgba(255,255,255,.1);
  --win:#3fcf7f; --draw:#e6b23e; --loss:#ef6a5a; color-scheme:dark}
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);border-bottom:1px solid var(--line)}
.season{font-family:var(--f-num);font-size:12px;color:var(--muted);letter-spacing:.04em;padding-bottom:8px}
.season #league-name{font-family:var(--f-display);font-weight:600;color:var(--ink);letter-spacing:0}
.league-switch{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:3px;gap:3px}
.league-switch button,.league-switch a{font:700 14px var(--f-display);color:var(--muted);background:none;border:none;border-radius:7px;padding:6px 16px;cursor:pointer}
.league-switch button[aria-pressed="true"],.league-switch a.is-on{background:var(--turf);color:var(--surface)}
.league-switch button:focus-visible,.league-switch a:focus-visible{outline:2px solid var(--turf);outline-offset:2px}
nav.tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
nav.tabs button,nav.tabs a{font:600 14px var(--f-display);color:var(--muted);background:none;border:1px solid transparent;border-radius:999px;padding:7px 14px;cursor:pointer;white-space:nowrap}
nav.tabs button[aria-selected="true"],nav.tabs a.is-on{color:var(--turf);border-color:var(--turf);background:var(--turf-soft)}
nav.tabs button:focus-visible,nav.tabs a:focus-visible{outline:2px solid var(--turf);outline-offset:2px}
.logo{display:flex;align-items:center;gap:10px}
.logo small{font:600 12px var(--f-num);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-self:flex-end;margin-bottom:5px}
.logo-mark{width:30px;height:30px;border-radius:50%;background:var(--turf);position:relative;flex:none;box-shadow:inset 0 0 0 3px var(--bg),0 0 0 2px var(--turf)}
.logo-mark::after{content:"";position:absolute;inset:9px;border-radius:2px;background:var(--bg);transform:rotate(45deg)}
.league-switch{flex-wrap:wrap}
.league-switch button,.league-switch a{padding:6px 12px}
header.top{background:var(--pitch);background-image:repeating-linear-gradient(90deg,var(--pitch) 0 90px,var(--pitch-2) 90px 180px);border-bottom:3px solid var(--chalk-line);color:var(--on-pitch);overflow:hidden}
header.top::after{content:"";position:absolute;left:50%;top:50%;width:180px;height:180px;margin:-90px 0 0 -90px;border:2px solid var(--chalk-faint);border-radius:50%;pointer-events:none}
header.top::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px solid var(--chalk-faint);pointer-events:none}
header.top .wrap{position:relative;z-index:1}
.logo{font-family:var(--f-display);font-weight:800;font-style:italic;letter-spacing:-.01em;color:var(--on-pitch)}
.logo small{color:var(--chalk-dim);font-family:var(--f-num);font-style:normal;font-size:13px}
.logo-mark{background:var(--on-pitch);box-shadow:inset 0 0 0 3px var(--pitch),0 0 0 2px var(--on-pitch)}
.logo-mark::after{background:var(--pitch)}
.season{color:var(--chalk-dim);font-family:var(--f-num);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.season #league-name{color:var(--on-pitch);font-family:var(--f-display);font-weight:700;text-transform:none}
.league-switch{background:rgba(0,0,0,.18);border:1px solid var(--chalk-faint);border-radius:999px}
.league-switch button,.league-switch a{color:var(--chalk-dim);border-radius:999px;font-family:var(--f-display);font-weight:700}
.league-switch button:hover,.league-switch a:hover{color:var(--on-pitch)}
.league-switch button[aria-pressed="true"],.league-switch a.is-on{background:var(--amber);color:var(--amber-ink)}
nav.tabs{gap:2px;padding-bottom:0;margin-top:4px}
nav.tabs button,nav.tabs a{color:var(--chalk-dim);border:none;border-radius:0;padding:10px 14px 12px;font-family:var(--f-display);font-weight:700;font-size:15px;position:relative;background:none}
nav.tabs button:hover,nav.tabs a:hover{color:var(--on-pitch)}
#league-tabs button[aria-selected="true"],#league-tabs a.is-on{color:var(--on-pitch);background:none}
#league-tabs button[aria-selected="true"]::after,#league-tabs a.is-on::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:4px;background:var(--amber);border-radius:3px 3px 0 0}
@media (max-width:560px){header.top::after{width:120px;height:120px;margin:-60px 0 0 -60px}}
:root{--f-display:"Prompt","IBM Plex Sans Thai",system-ui,sans-serif;--f-body:"IBM Plex Sans Thai","Prompt",system-ui,sans-serif;--f-num:"Prompt","IBM Plex Sans Thai",system-ui,sans-serif;
  --r-lg:18px;--r-md:14px;--r-sm:10px;--shadow:0 1px 2px rgba(10,30,18,.05),0 8px 24px -12px rgba(10,30,18,.14);--fs-xs:13px;--fs-sm:14.5px;--fs-md:16.5px}
@media (max-width:560px){.wrap{padding-inline:16px}}
header.top{background-image:repeating-linear-gradient(90deg,var(--pitch) 0 120px,var(--pitch-2) 120px 240px);border-bottom:none;box-shadow:0 6px 20px -14px rgba(0,0,0,.55)}
header.top::before,header.top::after{opacity:.55}
.logo{font:700 normal clamp(24px,4vw,30px)/1 var(--f-display);letter-spacing:-.01em}
.logo small{font:500 12px var(--f-body);letter-spacing:.14em;margin-bottom:3px}
.season{font:500 14px var(--f-body);letter-spacing:0;text-transform:none;padding-bottom:6px}
.season #league-name{font:600 14px var(--f-display)}
.league-switch{padding:4px;gap:4px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.14)}
.league-switch button,.league-switch a{font:600 15px var(--f-display);padding:9px 16px;min-height:40px}
nav.tabs{gap:6px;margin-top:6px}
nav.tabs button,nav.tabs a{font:600 16px var(--f-display);padding:12px 14px 14px;min-height:46px}
#league-tabs button[aria-selected="true"]::after,#league-tabs a.is-on::after{left:14px;right:14px;height:3px;border-radius:3px}
@media (prefers-reduced-motion:no-preference){.panel,.btn,.chip,.chip-link,nav.tabs button,nav.tabs a{transition:border-color .15s,background-color .15s,color .15s,box-shadow .15s}}
header.top{background:none;background-image:none;box-shadow:0 8px 24px -18px rgba(0,0,0,.6);overflow:visible;color:inherit}
header.top::before,header.top::after{content:none}
.utility{background:var(--board);color:var(--board-dim);font:500 13px var(--f-body)}
.util-in{display:flex;align-items:center;gap:16px;min-height:36px;flex-wrap:wrap}
.util-date{color:var(--board-ink)}
.util-live{display:inline-flex;align-items:center;gap:7px}
.util-live i{width:8px;height:8px;border-radius:50%;background:var(--board-dim)}
.util-live.on{color:var(--board-ink)}
.util-live.on i{background:#34d17a;box-shadow:0 0 0 0 rgba(52,209,122,.6);animation:livepulse 2s infinite}
@keyframes livepulse{70%{box-shadow:0 0 0 7px rgba(52,209,122,0)}100%{box-shadow:0 0 0 0 rgba(52,209,122,0)}}
@media (prefers-reduced-motion:reduce){.util-live.on i{animation:none}}
.util-nobet{margin-right:auto}
.theme-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid rgba(255,255,255,.18);color:var(--board-ink);border-radius:999px;padding:4px 12px;font:500 13px var(--f-body);cursor:pointer;min-height:30px}
.theme-btn svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.theme-btn .ic-moon{fill:currentColor;stroke:none}
.theme-btn .ic-sun{display:none}
.theme-btn.is-dark .ic-moon{display:none}
.theme-btn.is-dark .ic-sun{display:inline}
.theme-btn:hover{border-color:var(--amber)}
.theme-btn:focus-visible,.hsearch input:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.mainbar{position:relative;background:var(--pitch);background-image:repeating-linear-gradient(90deg,var(--pitch) 0 110px,var(--pitch-2) 110px 220px);color:var(--on-pitch);overflow:hidden}
.mainbar::after{content:"";position:absolute;right:8%;top:50%;width:150px;height:150px;margin-top:-75px;border:2px solid var(--chalk-faint);border-radius:50%;pointer-events:none}
.main-in{position:relative;z-index:1;display:flex;align-items:center;gap:22px;min-height:72px;flex-wrap:wrap;padding-block:10px}
.brand-link{text-decoration:none;color:inherit}
.brand-link .logo,.mainbar .logo{margin:0;color:var(--on-pitch)}
.mainbar .league-switch{background:none;border:none;padding:0;gap:2px}
.mainbar .league-switch button,.mainbar .league-switch a{color:var(--chalk-dim);font:600 16px var(--f-display);padding:10px 14px;border-radius:10px;min-height:44px;background:none}
.mainbar .league-switch button:hover,.mainbar .league-switch a:hover{color:var(--on-pitch);background:rgba(255,255,255,.08)}
.mainbar .league-switch button[aria-pressed="true"],.mainbar .league-switch a.is-on{color:var(--amber-ink);background:var(--amber)}
.hsearch{position:relative;margin-left:auto;flex:0 1 300px;min-width:200px}
.hsearch svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);fill:none;stroke:var(--chalk-dim);stroke-width:2;stroke-linecap:round;pointer-events:none}
.hsearch input{width:100%;min-height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.2);color:var(--on-pitch);padding:10px 16px 10px 40px;font:400 15.5px var(--f-body)}
.hsearch input::placeholder{color:var(--chalk-dim)}
.hsearch input:focus{background:var(--surface);color:var(--ink);border-color:var(--amber)}
.gresults{position:absolute;right:0;left:0;top:calc(100% + 8px);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 40px -18px rgba(0,0,0,.45);padding:6px;z-index:30;max-height:min(70vh,460px);overflow:auto;min-width:min(92vw,360px)}
.gresults button{display:grid;grid-template-columns:auto 1fr;column-gap:10px;width:100%;text-align:left;background:none;border:none;border-radius:10px;padding:10px 12px;cursor:pointer;color:inherit;font:inherit}
.gresults button:hover,.gresults button.on{background:var(--turf-soft)}
.gresults .gk{grid-row:span 2;align-self:center;font:600 11.5px var(--f-body);background:var(--chalk);border:1px solid var(--line);border-radius:999px;padding:2px 8px;color:var(--turf);white-space:nowrap}
.gresults b{font:600 15px var(--f-display)}
.gresults small{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gnone{margin:0;padding:12px;color:var(--muted);font-size:14px}
.subbar{background:var(--surface);border-bottom:1px solid var(--line)}
.sub-in{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.subbar .season{color:var(--muted);padding:0;font:500 14px var(--f-body);white-space:nowrap}
.subbar .season #league-name{color:var(--ink);font:600 15px var(--f-display)}
.subbar nav.tabs{margin:0;gap:4px}
.subbar #league-tabs button,.subbar #league-tabs a{color:var(--muted);font:600 16px var(--f-display);padding:14px 12px;min-height:52px}
.subbar #league-tabs button:hover,.subbar #league-tabs a:hover{color:var(--ink)}
.subbar #league-tabs button[aria-selected="true"],.subbar #league-tabs a.is-on{color:var(--turf)}
.subbar #league-tabs button[aria-selected="true"]::after,.subbar #league-tabs a.is-on::after{background:var(--turf);height:3px;left:12px;right:12px}
.subbar[hidden],#league-tabs[hidden]{display:none!important}
@media (max-width:820px){.util-nobet{display:none}.main-in{gap:10px;min-height:0;padding-block:12px}.hsearch{order:3;flex:1 1 100%;margin-left:0}.mainbar .league-switch{order:2;flex:1 1 100%;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.mainbar .league-switch button,.mainbar .league-switch a{white-space:nowrap;font-size:15px;padding:8px 12px}.mainbar::after{display:none}.subbar .season{display:none}}
@media (max-width:420px){.util-date{font-size:12px}.theme-btn span{display:none}}
.foot-logo span:not(.logo-mark){color:var(--amber)}
.site-foot .logo-mark{background:var(--board-ink);box-shadow:inset 0 0 0 3px var(--board),0 0 0 2px var(--board-ink)}
.site-foot .logo-mark::after{background:var(--board)}
.util-in,.sub-in{padding-block:0}
.site-head .season{text-decoration:none}
a.season:hover #league-name{color:var(--turf)}
.site-head .hsearch form{margin:0}
header.top{position:sticky;z-index:20}
.subbar nav.tabs{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
.subbar #league-tabs a{white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;position:relative}
.site-head a,.site-head a:hover{text-decoration:none}

/* league picker (same as home page app) */
.lg-pick{position:relative;flex:none}
.lg-pick summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:44px;user-select:none}
.lg-pick summary::-webkit-details-marker{display:none}
.lg-pick summary svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.lg-pick[open] summary svg{transform:rotate(180deg)}
.lg-pick summary:hover #league-name,.lg-pick[open] #league-name{color:var(--turf)}
.lg-menu{position:absolute;left:-8px;top:calc(100% + 2px);z-index:40;min-width:230px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 40px -18px rgba(0,0,0,.45);padding:6px;display:grid;gap:2px}
.lg-menu a{padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font:600 15px var(--f-display);white-space:nowrap}
.lg-menu a:hover{background:var(--turf-soft);color:var(--turf)}
.lg-menu a[aria-current]{background:var(--turf);color:var(--on-turf)}
@media (max-width:820px){.subbar .lg-pick .season{display:inline-flex!important}.subbar .lg-pick #league-name{font-size:14px}.sub-in{gap:6px 14px}}

/* ---------- home ---------- */
.home-hero{position:relative;overflow:hidden;background:var(--board);color:#f4fbf5;isolation:isolate}
.home-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.55}
.home-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,8,5,.92) 0%,rgba(2,8,5,.6) 55%,rgba(2,8,5,.25) 100%)}
.home-hero-in{padding-block:36px 40px;max-width:1120px}
.home-kicker{display:inline-block;font:600 13px var(--f-body);color:var(--amber);border-left:3px solid var(--amber);padding-left:10px;letter-spacing:.02em}
.home-title{font:800 italic clamp(32px,5vw,52px)/1.08 var(--f-display);letter-spacing:-.02em;margin:14px 0 14px;color:#fff}
.home-title em{color:var(--amber);font-style:italic}
.home-hero p{max-width:52ch;margin:0 0 22px;color:rgba(244,251,245,.82)}
.home-cta{display:flex;gap:12px;flex-wrap:wrap}
.cta{display:inline-flex;align-items:center;min-height:46px;padding:10px 22px;border-radius:999px;background:var(--amber);color:var(--amber-ink);font:700 16px var(--f-display);text-decoration:none}
.cta:hover{filter:brightness(1.06);color:var(--amber-ink)}
.cta.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55)}
.cta.ghost:hover{border-color:var(--amber);color:var(--amber)}
.home-credit{position:absolute;right:12px;bottom:6px;margin:0!important;font-size:11px;color:rgba(244,251,245,.6)!important}
.home-credit a{color:inherit}
.home-main{padding-top:28px}
.home-main .entry{max-width:none}

/* home sections */
.home-content{display:grid;gap:22px}
.home-content>p:empty{display:none}
.hcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:22px clamp(16px,3vw,26px);min-width:0}
.hcard>h2{margin-top:0!important}
.home-top{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:22px}
.home-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
@media (max-width:900px){.home-top,.home-2col{grid-template-columns:1fr}}
.h-match{display:grid;gap:4px;padding:16px;border-radius:var(--r-md);background:var(--pitch);background-image:repeating-linear-gradient(90deg,var(--pitch) 0 40px,var(--pitch-2) 40px 80px);color:#f4fbf5;margin-bottom:14px}
.h-match .h-kick{font:600 12.5px var(--f-body);color:var(--amber)}
.h-match strong{font:700 22px var(--f-display)}
.h-match span{font-size:14px;opacity:.85}
.h-match a{color:var(--amber);font-weight:600;text-decoration:none;margin-top:4px}
.h-links{list-style:none;margin:0!important;padding:0!important;display:grid;gap:8px}
.h-links li{margin:0}
.h-links a{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}
.h-links a:hover{border-color:var(--turf)}
.h-links b{font:600 15.5px var(--f-display)}
.h-links span{font-size:13.5px;color:var(--muted)}
.home-main{padding-top:24px}

/* ---------- data views: match / team / player ---------- */
.fv-main{display:grid;gap:20px}
.fv-main .hcard>h2{margin-top:0}
.fv-board{background:var(--pitch);background-image:repeating-linear-gradient(90deg,var(--pitch) 0 90px,var(--pitch-2) 90px 180px);color:#f4fbf5;border-radius:var(--r-lg);padding:20px clamp(16px,3vw,28px);display:grid;gap:12px}
.fv-board a{color:#fff}
.fv-meta{margin:0;font-size:14px;color:rgba(244,251,245,.82);display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.fv-teamhead .fv-meta{justify-content:flex-start}
.fv-lglogo{width:24px;height:24px;object-fit:contain;background:#fff;border-radius:6px;padding:2px}
.fv-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.fv-team{display:grid;justify-items:center;gap:8px;text-decoration:none;text-align:center}
.fv-team b{font:700 clamp(16px,2.4vw,22px)/1.25 var(--f-display)}
.fv-crest{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:50%;padding:8px}
.fv-score{display:grid;justify-items:center;font:800 clamp(36px,6vw,56px)/1 var(--f-display)}
.fv-score .n{display:flex;align-items:center;white-space:nowrap}
.fv-score span{margin:0 .2em;opacity:.6}
.fv-score small{font:600 13px var(--f-body);color:var(--amber);margin-top:6px}
.fv-teamhead{grid-template-columns:auto 1fr;align-items:center;gap:18px}
.fv-teamhead .page-title{color:#fff}
.fv-photo{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--chalk);flex:none}
.fv-photo.big{width:96px;height:96px;border:3px solid rgba(255,255,255,.6)}
.fv-jump{display:flex;gap:8px;flex-wrap:wrap}
.fv-jump a{padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);text-decoration:none;color:var(--ink);font:600 14px var(--f-display)}
.fv-jump a:hover{border-color:var(--turf);color:var(--turf)}
.fv-events{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.fv-ev{display:grid;grid-template-columns:52px 22px 1fr;gap:10px;align-items:center;padding:8px 10px;border-radius:10px}
.fv-ev:nth-child(odd){background:var(--zebra)}
.fv-ev.a{grid-template-columns:1fr 22px 52px;text-align:right}
.fv-ev.a .min{order:3}.fv-ev.a .ic{order:2}.fv-ev.a .what{order:1}
.fv-ev .min{font:700 15px var(--f-display);color:var(--muted)}
.fv-ev small{color:var(--muted)}
.ic{width:18px;height:18px;border-radius:4px;display:inline-block}
.ic-goal{background:radial-gradient(circle,#fff 35%,var(--ink) 37% 45%,#fff 47%);border-radius:50%;box-shadow:0 0 0 1.5px var(--ink)}
.ic-yellow{width:13px;background:#f2c230}.ic-red{width:13px;background:#d33a2c}
.ic-sub{background:linear-gradient(135deg,#13703f 50%,#d33a2c 50%)}
.ic-var{background:var(--muted)}
.fv-stats{display:grid;gap:12px}
.fv-stat{display:grid;grid-template-columns:70px 1fr 70px;align-items:center;gap:4px 10px;text-align:center}
.fv-stat span{font:700 16px var(--f-display)}
.fv-stat b{font:500 14px var(--f-body);color:var(--muted)}
.fv-stat.head span{font-size:14px;color:var(--turf)}
.fv-stat .bar{grid-column:1/-1;height:8px;border-radius:999px;background:#c0392b33;overflow:hidden}
.fv-stat .bar i{display:block;height:100%;background:var(--turf);border-radius:999px}
.fv-lus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media (max-width:720px){.fv-lus{grid-template-columns:1fr}}
.fv-lu h3{display:flex;align-items:center;gap:8px;margin:0 0 4px}
.fv-lu h3 small{color:var(--muted);font:500 14px var(--f-body)}
.fv-lu h4{margin:14px 0 6px;font:600 14px var(--f-body);color:var(--muted)}
.fv-lu ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.fv-lu li{display:flex;align-items:center;gap:8px}
.fv-lu .no{width:26px;height:26px;border-radius:7px;background:var(--turf);color:var(--on-turf);display:inline-grid;place-items:center;font:700 12px var(--f-display);flex:none}
.fv-lu .subs .no{background:var(--chalk);color:var(--ink);border:1px solid var(--line)}
.fv-coach{margin:0;color:var(--muted);font-size:14px}
.fv-squad{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:10px;margin-bottom:8px}
.fv-squad a{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}
.fv-squad a:hover{border-color:var(--turf)}
.fv-squad span{display:grid}
.fv-squad b{font:600 15px var(--f-display)}
.fv-squad small{color:var(--muted);font-size:12.5px}
.fv-person{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.fv-person p{margin:2px 0 0;color:var(--muted)}
.fv-venue{width:100%;max-height:320px;object-fit:cover;border-radius:var(--r-md);margin-bottom:12px}
.fv-in{color:var(--turf);font-weight:600}.fv-out{color:#c0392b;font-weight:600}
.fv-t td,.fv-t th{white-space:nowrap}
.fbth-tl{color:inherit;text-decoration:none}
.fbth-tl:hover{color:var(--turf);text-decoration:underline}
a.fbth-score{color:inherit;text-decoration:none;border-radius:8px}
a.fbth-score:hover{background:var(--turf-soft);color:var(--turf)}
@media (max-width:560px){.fv-crest{width:52px;height:52px}.fv-teamhead{grid-template-columns:1fr}}

.form{display:inline-flex;gap:3px;vertical-align:middle}
.form i{font-style:normal;width:20px;height:20px;border-radius:5px;display:inline-grid;place-items:center;font:700 11px var(--f-display);color:#fff;background:var(--muted)}
.form i.f-W{background:#13703f}.form i.f-D{background:#b07a12}.form i.f-L{background:#b23b2e}

/* news categories */
.cat-nav{display:grid;gap:10px;margin:16px 0 4px}
.cat-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cat-nav a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;font:600 14px var(--f-display)}
.cat-nav a.cat-top{background:var(--chalk);font-size:15px}
.cat-nav a small{font:500 12px var(--f-body);color:var(--muted)}
.cat-nav a:hover{border-color:var(--turf);color:var(--turf)}
.cat-nav a.on{background:var(--turf);border-color:var(--turf);color:var(--on-turf)}
.cat-nav a.on small{color:inherit;opacity:.8}

.post-card .tag{justify-self:start}

/* ui.css */
/* =====================================================================
   Saraball UI 2 — modern, rounded, app-like. Loaded after style.css.
   ===================================================================== */
:root{
  --bg:#f3f5f4;--surface:#ffffff;--surface-2:#f7f9f8;--ink:#0e1a14;--muted:#5f6f66;--line:#e3e8e5;--zebra:#f8faf9;
  --turf:#0b7a43;--turf-2:#0a6639;--on-turf:#fff;--turf-soft:#e3f4ea;--chalk:#eef2f0;
  --amber:#ffb81c;--amber-ink:#2a1d00;--loss:#d6453d;--draw:#d99a1b;
  --pitch:#0b3d24;--pitch-2:#0e4a2c;
  --r-xl:28px;--r-lg:22px;--r-md:16px;--r-sm:12px;
  --shadow:0 1px 2px rgba(14,26,20,.04),0 6px 24px -10px rgba(14,26,20,.12);
  --shadow-lg:0 2px 6px rgba(14,26,20,.05),0 24px 48px -20px rgba(14,26,20,.25);
  --ring:0 0 0 3px rgba(11,122,67,.22);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0a0f0c;--surface:#121a15;--surface-2:#16201a;--ink:#e9f2ec;--muted:#93a69a;--line:#223028;--zebra:#141d18;
  --turf:#35c97a;--turf-2:#2bb46b;--on-turf:#04140a;--turf-soft:#143322;--chalk:#18231d;--pitch:#0b2a19;--pitch-2:#0d3220;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px -12px rgba(0,0,0,.6);--shadow-lg:0 24px 48px -20px rgba(0,0,0,.7)}}
:root[data-theme="dark"]{
  --bg:#0a0f0c;--surface:#121a15;--surface-2:#16201a;--ink:#e9f2ec;--muted:#93a69a;--line:#223028;--zebra:#141d18;
  --turf:#35c97a;--turf-2:#2bb46b;--on-turf:#04140a;--turf-soft:#143322;--chalk:#18231d;--pitch:#0b2a19;--pitch-2:#0d3220;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px -12px rgba(0,0,0,.6);--shadow-lg:0 24px 48px -20px rgba(0,0,0,.7)}

body{background:var(--bg);color:var(--ink);font-size:16px;line-height:1.7}
.wrap{max-width:1200px;padding-inline:24px}
@media (max-width:560px){.wrap{padding-inline:14px}}
a{color:var(--turf)}
::selection{background:var(--turf-soft)}
:focus-visible{outline:none;box-shadow:var(--ring);border-radius:10px}

/* ---------- header: one clean sticky bar + chip row ---------- */
header.top{background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 1px 0 var(--line);border:0}
.utility{background:transparent;color:var(--muted);border-bottom:1px solid var(--line)}
.util-in{min-height:34px;font-size:12.5px}
.util-date{color:var(--ink);font-weight:500}
.util-live{color:var(--muted)}
.util-live i{background:#21c46b}
.theme-btn{border:1px solid var(--line);color:var(--ink);background:var(--surface);min-height:28px;padding:3px 12px}
.theme-btn:hover{border-color:var(--turf);color:var(--turf)}
.mainbar{background:transparent;background-image:none;color:var(--ink);overflow:visible}
.mainbar::after{content:none}
.main-in{min-height:68px;gap:18px;padding-block:8px}
.brand-link .logo,.mainbar .logo{color:var(--ink);font-size:clamp(22px,2.6vw,27px)}
.brand-link .logo>span,.mainbar .logo>span:not(.logo-mark){color:var(--turf)}
.brand-link .logo small,.mainbar .logo small{color:var(--muted);letter-spacing:.16em}
header .logo-mark{background:var(--turf);box-shadow:inset 0 0 0 3px var(--surface),0 0 0 2px var(--turf)}
header .logo-mark::after{background:var(--surface)}
.mainbar .league-switch{background:var(--chalk);border-radius:999px;padding:4px;gap:2px;border:1px solid var(--line)}
.mainbar .league-switch a,.mainbar .league-switch button{color:var(--muted);font:600 15px var(--f-display);padding:8px 16px;min-height:40px;border-radius:999px;background:transparent;transition:background-color .15s,color .15s}
.mainbar .league-switch a:hover{color:var(--ink);background:var(--surface)}
.mainbar .league-switch a.is-on,.mainbar .league-switch button[aria-pressed="true"]{background:var(--turf);color:var(--on-turf);box-shadow:0 4px 12px -4px rgba(11,122,67,.5)}
.hsearch input{background:var(--chalk);border:1px solid var(--line);color:var(--ink);min-height:44px;border-radius:999px}
.hsearch input::placeholder{color:var(--muted)}
.hsearch input:focus{background:var(--surface);border-color:var(--turf);box-shadow:var(--ring)}
.hsearch svg{stroke:var(--muted)}
.subbar{background:transparent;border:0;border-top:1px solid var(--line)}
.sub-in{min-height:56px;gap:10px;flex-wrap:nowrap}
.subbar .season,.subbar .season #league-name{font:600 14.5px var(--f-display);color:var(--ink)}
.lg-pick summary{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 14px;min-height:38px}
.lg-pick summary:hover{border-color:var(--turf)}
.lg-menu{border-radius:var(--r-md);box-shadow:var(--shadow-lg);border:1px solid var(--line);padding:8px}
.lg-menu a{border-radius:12px}
.subbar nav.tabs{gap:6px;padding-block:8px}
.subbar #league-tabs a,.subbar #league-tabs button{font:600 14.5px var(--f-display);color:var(--muted);padding:7px 16px;min-height:38px;border-radius:999px;background:transparent;border:1px solid transparent}
.subbar #league-tabs a:hover{color:var(--ink);background:var(--chalk)}
.subbar #league-tabs a.is-on,.subbar #league-tabs a[aria-current]{color:var(--turf);background:var(--turf-soft);border-color:color-mix(in srgb,var(--turf) 25%,transparent)}
.subbar #league-tabs a.is-on::after,.subbar #league-tabs a[aria-current]::after{content:none}
@media (max-width:820px){
  .utility{display:none}
  .main-in{gap:10px;padding-block:10px}
  .mainbar .league-switch{order:3;flex:1 1 100%;justify-content:space-between}
  .mainbar .league-switch a{flex:1;justify-content:center;text-align:center;padding:8px 6px;font-size:14px}
  .hsearch{order:2;flex:1 1 auto;min-width:0}
  .sub-in{min-height:52px}
}

/* ---------- page head ---------- */
.page-head{padding-block:28px 8px}
.crumbs{font-size:13.5px}
.crumbs a{color:var(--muted)}
.page-title{font:700 clamp(28px,4vw,40px)/1.18 var(--f-display);letter-spacing:-.02em}
.page-lede{font-size:16.5px}

/* ---------- cards & layout ---------- */
.card,.hcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.entry{padding:clamp(20px,3vw,36px)}
.hcard{padding:clamp(18px,2.6vw,28px)}
.layout{gap:24px}
.aside{gap:16px}
.aside .card{padding:18px}
.aside h2{font:700 16px var(--f-display)}
.aside li a{border-radius:12px;padding:8px 12px}
.entry-content h2{font:700 clamp(21px,2.4vw,26px)/1.3 var(--f-display);letter-spacing:-.01em}
.entry-content h2::before{width:8px;height:22px;border-radius:999px;background:var(--turf);box-shadow:none}
.entry-content h3{font:700 18px/1.4 var(--f-display)}

/* tables: rounded containers, quiet lines */
.tscroll{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface)}
.entry-content table{font-size:15px}
.entry-content th,.entry-content td{padding:12px 14px;border-bottom:1px solid var(--line)}
.entry-content thead th{background:var(--surface-2);font:600 12.5px var(--f-body);color:var(--muted);text-transform:none;border-bottom:1px solid var(--line)}
.entry-content tbody tr:nth-child(even) td{background:transparent}
.entry-content tbody tr:hover td{background:var(--surface-2)}
.entry-content tbody th{background:var(--surface-2)}

/* buttons & chips */
.btn,.cta{border-radius:999px;font-weight:700}
.btn{background:var(--turf);box-shadow:0 6px 16px -8px rgba(11,122,67,.6)}
.sb-quick a,.cat-nav a,.fv-jump a{border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 0 rgba(0,0,0,.02)}
.sb-quick a:hover,.cat-nav a:hover,.fv-jump a:hover{border-color:var(--turf);color:var(--turf);background:var(--turf-soft)}
.tag{border-radius:999px;background:var(--turf-soft);color:var(--turf)}

/* ---------- home ---------- */
.home-hero{margin:18px auto 0;max-width:1200px;width:calc(100% - 48px);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}
@media (max-width:560px){.home-hero{width:calc(100% - 28px);margin-top:12px;border-radius:22px}}
.home-hero::after{background:linear-gradient(100deg,rgba(4,30,17,.92) 0%,rgba(4,30,17,.62) 52%,rgba(4,30,17,.15) 100%)}
.home-hero-in{padding:clamp(28px,5vw,56px)}
.home-kicker{border:0;padding:5px 12px;border-radius:999px;background:rgba(255,184,28,.16);color:var(--amber)}
.home-title{font-size:clamp(30px,5vw,54px)}
.cta{min-height:48px;padding:10px 24px}
.cta.ghost{background:rgba(255,255,255,.08);backdrop-filter:blur(6px)}
.home-content{gap:24px}
.h-match{border-radius:var(--r-md);background:linear-gradient(135deg,var(--pitch),var(--turf-2));background-image:linear-gradient(135deg,#0b3d24,#0b7a43)}
.h-links a{border-radius:var(--r-md);background:var(--surface-2)}
.h-links a:hover{background:var(--turf-soft)}

/* ---------- news ---------- */
.posts{gap:20px}
.post-card{border-radius:var(--r-lg);overflow:hidden;transition:transform .15s,box-shadow .15s}
.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.post-card .thumb{background:var(--surface-2);background-image:none;display:grid;place-items:center}
.post-card .thumb img{object-fit:contain;padding:22%;background:radial-gradient(circle at 50% 40%,var(--turf-soft),var(--surface-2) 70%)}
.cat-nav{gap:8px}

/* ---------- data views (match / team / player) ---------- */
.fv-board{border-radius:var(--r-xl);background:linear-gradient(135deg,#0b3d24 0%,#0b6b3a 60%,#0e8a4c 100%);background-image:linear-gradient(135deg,#0b3d24 0%,#0b6b3a 60%,#0e8a4c 100%);box-shadow:var(--shadow-lg);padding:clamp(20px,3.4vw,34px)}
.fv-crest{box-shadow:0 8px 24px -8px rgba(0,0,0,.45)}
.fv-score .n{background:rgba(0,0,0,.22);border-radius:20px;padding:6px 18px}
.fv-ev{border-radius:var(--r-sm)}
.fv-stat .bar{height:10px;background:color-mix(in srgb,var(--loss) 22%,transparent)}
.fv-squad a,.fbth-clubs a{border-radius:var(--r-md);background:var(--surface);transition:border-color .15s,transform .15s}
.fv-squad a:hover,.fbth-clubs a:hover{transform:translateY(-1px)}
.fv-photo{box-shadow:0 0 0 3px var(--surface),0 0 0 4px var(--line)}

/* ---------- live data blocks (plugin) ---------- */
body .fbth{--fb-ink:var(--ink);--fb-muted:var(--muted);--fb-line:var(--line);--fb-turf:var(--turf);--fb-soft:var(--turf-soft);--fb-loss:var(--loss);--fb-draw:var(--draw)}
body .fbth-title{font:700 17px var(--f-display)}
body .fbth-scroll{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}
body .fbth-table{font-size:14.5px}
body .fbth-table th,body .fbth-table td{padding:11px 10px;border-bottom:1px solid var(--line)}
body .fbth-table thead th{background:var(--surface-2);font-size:12px}
body .fbth-table tbody tr:last-child td{border-bottom:0}
body .fbth-table tbody tr:hover td{background:var(--surface-2)}
body .fbth-table tr.up td:first-child,body .fbth-table tr.down td:first-child{box-shadow:none}
body .fbth-table tr.up td:first-child::before,body .fbth-table tr.down td:first-child::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--turf);margin-right:6px;vertical-align:middle}
body .fbth-table tr.down td:first-child::before{background:var(--loss)}
body .fbth-logo{border-radius:50%;background:#fff;padding:2px;box-shadow:0 0 0 1px var(--line)}
body .form i{border-radius:6px}
body .fbth-league{border-radius:var(--r-md);border-color:var(--line);background:var(--surface)}
body .fbth-league h4{background:var(--surface-2);padding:10px 14px;font:700 14.5px var(--f-display)}
body .fbth-matches{display:grid;gap:8px}
body .fbth-league .fbth-matches{gap:0}
body .fbth-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 14px;min-height:56px}
body .fbth-league .fbth-row{border-radius:0;border-width:0 0 1px}
body .fbth-row:hover{border-color:color-mix(in srgb,var(--turf) 35%,var(--line))}
body a.fbth-score{display:inline-grid;place-items:center;min-width:56px;padding:6px 10px;border-radius:12px;background:var(--chalk);font:800 16px var(--f-display)}
body a.fbth-score:hover{background:var(--turf);color:var(--on-turf)}
body .fbth-row.is-live a.fbth-score{background:var(--loss);color:#fff}
body .fbth-row.is-live .fbth-status::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--loss);margin-right:6px;animation:sbpulse 1.4s infinite}
@keyframes sbpulse{50%{opacity:.25}}
body .fbth-ana{border:0;margin:-4px 0 6px;padding:4px 10px 8px}
body .fbth-ana b{border-radius:999px}
body .fbth-empty{border-radius:var(--r-md);background:var(--surface-2);border-style:solid}
body .fbth-tablist{border:0;padding-bottom:14px;gap:6px}
body .fbth-tablist button{border-radius:999px;background:var(--surface-2);border:1px solid var(--line);min-height:38px}
body .fbth-tablist button[aria-selected="true"]{background:var(--turf);border-color:var(--turf);color:var(--on-turf);box-shadow:0 6px 14px -8px rgba(11,122,67,.7)}
body .fbth-news-item .thumb{border-radius:var(--r-md);background:var(--surface-2);background-image:none;display:grid;place-items:center}
body .fbth-news-item .thumb img{object-fit:contain;padding:18%;background:radial-gradient(circle at 50% 40%,var(--turf-soft),var(--surface-2) 70%)}
body .fbth-news-item .thumb span{border-radius:999px}
body .fbth-live{border-radius:var(--r-lg);background:var(--surface-2)}
body .fbth-live .facts>div{border-radius:var(--r-md);background:var(--surface);box-shadow:0 0 0 1px var(--line)}
body .fbth-venue img{border-radius:var(--r-md)}
body .fbth-more a{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;background:var(--turf-soft)}

/* ---------- footer ---------- */
.site-foot{margin-top:56px;border-radius:var(--r-xl) var(--r-xl) 0 0;background:#08140d}
.foot-in{padding-block:44px 28px}
.foot-badges span{border-radius:999px}
.foot-col a:hover{color:#7ee0a6}

/* ---------- mobile bottom navigation ---------- */
.bnav{display:none}
@media (max-width:820px){
  body{padding-bottom:76px}
  .bnav{display:flex;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:50;justify-content:space-around;gap:2px;padding:6px;border-radius:22px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow-lg)}
  .bnav a{flex:1;display:grid;justify-items:center;gap:2px;padding:6px 4px;border-radius:16px;color:var(--muted);text-decoration:none;font:600 11.5px var(--f-display)}
  .bnav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .bnav a[aria-current]{color:var(--turf);background:var(--turf-soft)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.util-live,.util-live.on{color:var(--muted)}
.home-hero{max-width:1152px}
@media (max-width:1200px){.home-hero{max-width:none}}
.lg-pick summary.season{display:inline-flex}

/* =================== HOME 2 =================== */
.home2{display:block}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
/* hero */
.h2-hero{position:relative;isolation:isolate;overflow:hidden;color:#f4fbf5;margin:16px auto 0;max-width:1152px;width:calc(100% - 48px);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);background:#06180e}
@media (max-width:1200px){.h2-hero{max-width:none}}
@media (max-width:560px){.h2-hero{width:calc(100% - 28px);border-radius:24px;margin-top:10px}}
.h2-hero-bg{position:absolute;inset:0;z-index:-1}
.h2-hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.42;transform:scale(1.06);animation:h2zoom 22s ease-in-out infinite alternate}
@keyframes h2zoom{to{transform:scale(1.14) translateX(-2%)}}
.h2-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(3,22,12,.95) 0%,rgba(3,22,12,.7) 48%,rgba(3,22,12,.25) 100%)}
.h2-hero .glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;z-index:1;animation:h2float 9s ease-in-out infinite alternate}
.h2-hero .g1{width:340px;height:340px;background:#1fb866;left:-80px;bottom:-120px}
.h2-hero .g2{width:280px;height:280px;background:#ffb81c;right:12%;top:-140px;opacity:.28;animation-delay:-4s}
@keyframes h2float{to{transform:translate(30px,-20px) scale(1.1)}}
.h2-hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(28px,5vw,60px)!important;max-width:none}
@media (max-width:900px){.h2-hero-in{grid-template-columns:1fr}}
.h2-kicker{display:inline-flex;align-items:center;gap:8px;font:600 13px var(--f-body);padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#ffd36b}
.h2-kicker .dot{width:8px;height:8px;border-radius:50%;background:#21c46b;box-shadow:0 0 0 0 rgba(33,196,107,.7);animation:h2ping 2s infinite}
@keyframes h2ping{70%{box-shadow:0 0 0 9px rgba(33,196,107,0)}100%{box-shadow:0 0 0 0 rgba(33,196,107,0)}}
.h2-title{font:800 italic clamp(36px,6vw,66px)/1.04 var(--f-display);letter-spacing:-.02em;margin:16px 0 14px;color:#fff}
.h2-title em{font-style:italic;background:linear-gradient(90deg,#ffd36b,#ffb81c 40%,#7ee0a6);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:h2shine 6s linear infinite}
@keyframes h2shine{to{background-position:200% 0}}
.h2-copy>p{max-width:52ch;color:rgba(244,251,245,.82);margin:0 0 22px}
.h2-cta{display:flex;gap:10px;flex-wrap:wrap}
.h2-cta .cta{transition:transform .15s,box-shadow .15s}
.h2-cta .cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(255,184,28,.8)}
.h2-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:28px 0 0}
@media (max-width:560px){.h2-stats{grid-template-columns:repeat(2,1fr)}}
.h2-stats div{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px)}
.h2-stats dt{font-size:12.5px;color:rgba(244,251,245,.66)}
.h2-stats dd{margin:2px 0 0;font:800 clamp(22px,2.6vw,30px)/1.1 var(--f-display);color:#fff}
.h2-match{display:grid;gap:16px;padding:22px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;text-decoration:none;transition:transform .2s ease,background-color .2s;box-shadow:0 20px 50px -20px rgba(0,0,0,.6)}
.h2-match:hover{background:rgba(255,255,255,.12);color:#fff}
.h2-match-lg{display:flex;align-items:center;gap:8px;font:600 13px var(--f-body);color:#ffd36b}
.h2-match-lg img{background:#fff;border-radius:6px;padding:2px}
.h2-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;text-align:center}
.h2-teams>span:not(.vs){display:grid;justify-items:center;gap:8px}
.h2-teams img{width:76px;height:76px;object-fit:contain;background:#fff;border-radius:50%;padding:9px;box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}
.h2-teams b{font:700 16px/1.25 var(--f-display)}
.h2-teams .vs{font:800 italic 22px var(--f-display);color:#ffd36b}
.h2-count{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.h2-count span{display:grid;justify-items:center;padding:10px 4px;border-radius:14px;background:rgba(0,0,0,.25)}
.h2-count b{font:800 26px/1 var(--f-display);font-variant-numeric:tabular-nums}
.h2-count small{font-size:11.5px;color:rgba(244,251,245,.7);margin-top:4px}
.h2-when{font-size:13px;color:rgba(244,251,245,.75);text-align:center}
/* ticker */
.h2-ticker{display:flex;align-items:center;max-width:1152px;width:calc(100% - 48px);margin:14px auto 0;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}
@media (max-width:1200px){.h2-ticker{max-width:none}}
@media (max-width:560px){.h2-ticker{width:calc(100% - 28px)}}
.h2-ticker-tag{flex:none;align-self:stretch;display:flex;align-items:center;padding:0 16px;background:var(--turf);color:var(--on-turf);font:700 13px var(--f-display)}
.h2-ticker-view{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.h2-ticker-track{display:flex;width:max-content;animation:h2marq 120s linear infinite}
.h2-ticker:hover .h2-ticker-track{animation-play-state:paused}
.h2-ticker-track a,.h2-ticker-track .dup{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.h2-ticker-track a{padding:11px 18px;color:var(--ink);text-decoration:none;font-size:14px;border-right:1px solid var(--line)}
.h2-ticker-track a:hover{color:var(--turf)}
.h2-ticker-track b{font-family:var(--f-display);padding:1px 8px;border-radius:8px;background:var(--chalk)}
@keyframes h2marq{to{transform:translateX(-50%)}}
/* body */
.h2-body{display:grid;gap:26px;padding-top:28px}
.h2-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.h2-head h2{margin:0;font:800 clamp(21px,2.4vw,26px) var(--f-display);letter-spacing:-.01em;display:flex;align-items:center;gap:10px}
.h2-head h2::before{content:"";width:8px;height:24px;border-radius:999px;background:linear-gradient(var(--turf),#7ee0a6)}
.h2-head .more{font:600 14px var(--f-display);text-decoration:none;padding:6px 14px;border-radius:999px;background:var(--turf-soft)}
.h2-arrows{display:flex;gap:6px}
.h2-arrows button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;box-shadow:var(--shadow);transition:background-color .15s,color .15s}
.h2-arrows button:hover{background:var(--turf);color:var(--on-turf);border-color:var(--turf)}
.h2-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin}
@media (min-width:1000px){.h2-rail{grid-auto-columns:calc((100% - 3*14px)/4)}}
.h2-card{scroll-snap-align:start;display:grid;gap:10px;padding:16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .18s,box-shadow .18s,border-color .18s}
.h2-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--turf) 40%,var(--line));color:var(--ink)}
.h2-card .lg{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
.h2-card .row{display:flex;align-items:center;gap:10px}
.h2-card .row img{width:34px;height:34px;object-fit:contain;border-radius:50%;background:#fff;padding:3px;box-shadow:0 0 0 1px var(--line)}
.h2-card .row b{font:600 15px var(--f-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h2-card .time{display:flex;justify-content:space-between;align-items:center;margin-top:2px;padding-top:10px;border-top:1px dashed var(--line);font-size:13px;color:var(--muted)}
.h2-card .time strong{font:800 18px var(--f-display);color:var(--turf)}
.h2-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;align-items:start}
.h2-grid.even{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:960px){.h2-grid,.h2-grid.even{grid-template-columns:1fr}}
.h2-leagues{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:12px}
.h2-leagues a{display:grid;justify-items:center;gap:6px;text-align:center;padding:20px 12px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s,border-color .2s}
.h2-leagues a:hover{box-shadow:var(--shadow-lg);border-color:var(--turf);color:var(--ink)}
.h2-leagues img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:16px;padding:6px;transition:transform .3s}
.h2-leagues a:hover img{transform:scale(1.1) rotate(-4deg)}
.h2-leagues b{font:700 15px var(--f-display)}
.h2-leagues small{font-size:11.5px;color:var(--muted)}
.h2-scorers{display:grid;gap:10px}
.h2-scorers a{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .15s,border-color .15s}
.h2-scorers a:hover{transform:translateX(4px);border-color:var(--turf);color:var(--ink)}
.h2-scorers img{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--surface),0 0 0 4px var(--turf)}
.h2-scorers span{display:grid;min-width:0}
.h2-scorers b{font:700 15px var(--f-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h2-scorers small{font-size:12.5px;color:var(--muted)}
.h2-scorers em{font:800 normal 26px/1 var(--f-display);color:var(--turf);display:grid;justify-items:center}
.h2-scorers em small{font:500 11px var(--f-body)}
.h2-nat{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:center;padding:clamp(24px,4vw,40px);border-radius:var(--r-xl);color:#fff;background:radial-gradient(circle at 85% 20%,rgba(255,184,28,.28),transparent 45%),linear-gradient(130deg,#0a2e5c,#123e7a 55%,#c8102e 130%);box-shadow:var(--shadow-lg);overflow:hidden}
@media (max-width:800px){.h2-nat{grid-template-columns:1fr}}
.h2-nat h2{font:800 clamp(24px,3.4vw,36px)/1.15 var(--f-display);margin:12px 0 8px;color:#fff}
.h2-nat p{color:rgba(255,255,255,.82);margin:0 0 18px}
.h2-nat ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.h2-nat li{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);font:600 15px var(--f-display);transition:transform .15s}
.h2-nat li:hover{transform:translateX(-4px)}
.h2-nat li b{color:#ffd36b;margin-right:8px}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.h2-ticker-track{animation:none}.h2-hero-bg img,.h2-hero .glow,.h2-title em{animation:none}}
.h2-body{grid-template-columns:minmax(0,1fr)}
.h2-body>*,.h2-sec,.h2-grid>*{min-width:0}
.h2-rail{grid-auto-columns:minmax(230px,calc((100% - 3*14px)/4))}
@media (max-width:999px){.h2-rail{grid-auto-columns:minmax(230px,calc((100% - 14px)/2))}}
@media (max-width:560px){.h2-rail{grid-auto-columns:78%}}
body a.fbth-score,body .fbth-score{white-space:nowrap}
.h2-grid .fbth-row{grid-template-columns:54px minmax(0,1fr) 66px minmax(0,1fr);gap:6px;padding:8px 10px}
.h2-grid .fbth-status{display:none}
.h2-grid .fbth-ana{display:none}
body .fbth-news-item:not(.lead) .thumb span{display:none}
body .fbth-news-item:not(.lead){grid-template-columns:96px 1fr}
/* full-screen hero */
.h2-hero{width:100%;max-width:none;margin:0;border-radius:0;box-shadow:none;min-height:calc(100svh - var(--hh,160px));display:flex;align-items:center}
.h2-hero-in{width:100%;max-width:1200px;margin:0 auto;padding-block:clamp(40px,8vh,96px)!important}
.h2-title{font-size:clamp(40px,7vw,88px)}
.h2-scroll{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:grid;justify-items:center;gap:6px;color:rgba(244,251,245,.75);font:600 12px var(--f-body);text-decoration:none;z-index:2}
.h2-scroll i{width:26px;height:40px;border:2px solid rgba(244,251,245,.6);border-radius:14px;position:relative}
.h2-scroll i::after{content:"";position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#ffd36b;animation:h2wheel 1.6s ease-in-out infinite}
@keyframes h2wheel{60%{transform:translateY(12px);opacity:0}100%{opacity:0}}
.h2-scroll:hover{color:#fff}
.h2-ticker{margin-top:-26px;position:relative;z-index:3}
@media (max-width:560px){.h2-hero{min-height:calc(100svh - var(--hh,120px) - 70px)}.h2-scroll{display:none}.h2-ticker{margin-top:12px}}
@media (prefers-reduced-motion:reduce){.h2-scroll i::after{animation:none}}
.h2-hero-in{padding-bottom:clamp(80px,12vh,120px)!important}
@media (max-height:760px){.h2-title{font-size:clamp(36px,5.4vw,64px);margin:12px 0 10px}.h2-stats{margin-top:18px}}

/* ===== v2.4 category mega menu ===== */
.mainbar .league-switch{position:relative}
.nav-item{position:relative;display:flex}
.mainbar .league-switch .nav-item>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.nav-item .chev{fill:none;stroke:currentColor;stroke-width:2.4;opacity:.6;transition:transform .2s}
.mega{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,6px);min-width:300px;max-width:min(760px,92vw);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-lg,18px);box-shadow:var(--shadow-lg,0 24px 48px -16px rgba(0,0,0,.35));padding:14px;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility 0s .18s;z-index:60;text-align:left}
.mega::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-item:hover .mega,.nav-item:focus-within .mega{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
.nav-item:hover .chev,.nav-item:focus-within .chev{transform:rotate(180deg)}
.mega-intl{width:720px}
.mega-th{width:420px}
.mega-world,.mega-wc,.mega-news{width:380px}
.mega-world{left:auto;right:0;transform:translate(0,6px)}
.nav-item:hover .mega-world,.nav-item:focus-within .mega-world{transform:none}
.mm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mm-lg{padding:10px 12px;border-radius:14px;background:var(--chalk);border:1px solid var(--line)}
.mm-lg+.mm-list{margin-top:10px}
.mega .mm-name{display:flex!important;align-items:center;gap:10px;font:700 16px var(--f-display)!important;color:var(--ink)!important;padding:0!important;min-height:0!important;background:none!important;border-radius:0!important}
.mm-name img{width:28px;height:28px;object-fit:contain;background:#fff;border-radius:8px;padding:2px}
.mm-links{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.mega .mm-links a{font:500 13px var(--f-body)!important;color:var(--muted)!important;padding:3px 10px!important;min-height:0!important;border-radius:999px!important;background:var(--surface)!important;border:1px solid var(--line)}
.mega .mm-links a:hover{color:var(--on-turf)!important;background:var(--turf)!important;border-color:var(--turf)}
.mm-list{display:grid;gap:2px}
.mega .mm-list a{display:grid!important;gap:0;padding:9px 12px!important;min-height:0!important;border-radius:12px!important;color:var(--ink)!important;background:none!important;line-height:1.4}
.mm-list a b{font:600 15px var(--f-display)}
.mm-list a small{color:var(--muted);font-size:12.5px}
.mega .mm-list a:hover{background:var(--chalk)!important}
.mega .mm-list a:hover b{color:var(--turf)}
.subbar nav.tabs a img{width:18px;height:18px;object-fit:contain;background:#fff;border-radius:5px;padding:1px;margin-right:6px;vertical-align:-4px}
.flag-th{display:inline-block;width:18px;height:12px;margin-right:6px;border-radius:2px;vertical-align:-1px;background:linear-gradient(#a51931 0 16.6%,#f4f5f8 16.6% 33.3%,#2d2a4a 33.3% 66.6%,#f4f5f8 66.6% 83.3%,#a51931 83.3%)}
@media (max-width:900px){
  .mega{display:none}
  .nav-item .chev{display:none}
  .mainbar .league-switch{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
  .mainbar .league-switch::-webkit-scrollbar{display:none}
  .nav-item{flex:1 0 auto}
  .mainbar .league-switch .nav-item>a{flex:1;justify-content:center;font-size:14px;padding:8px 10px}
}
.site-head .mainbar{position:relative;z-index:30}
.site-head .subbar{position:relative;z-index:10}
.mm-foot{display:flex;gap:6px;flex-wrap:wrap;margin:10px 2px 0;padding-top:10px;border-top:1px solid var(--line)}
.mega .mm-foot a{font:600 13px var(--f-body)!important;color:var(--turf)!important;padding:4px 10px!important;min-height:0!important;background:none!important}
.mega .mm-foot a:hover{text-decoration:underline}
.util-date,.util-time{display:inline-flex;align-items:center;gap:6px}
.util-date svg,.util-time svg{fill:none;stroke:currentColor;stroke-width:1.8;opacity:.7}
.util-time{font-variant-numeric:tabular-nums;font-weight:600}
/* v2.4.2 upcoming — everything visible, grouped by day */
.h2-up .h2-head h2 small{font:500 14px var(--f-body);color:var(--muted);margin-left:6px}
.up-filter{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.up-filter button{display:inline-flex;align-items:center;gap:6px;font:600 13.5px var(--f-display);padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;transition:background .15s,color .15s}
.up-filter button img{width:18px;height:18px;object-fit:contain;background:#fff;border-radius:5px}
.up-filter button:hover{color:var(--ink)}
.up-filter button.is-on{background:var(--turf);border-color:var(--turf);color:var(--on-turf)}
.up-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.up-day{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}
.up-day h3{display:flex;align-items:center;gap:8px;margin:0;padding:12px 16px;font:700 16px var(--f-display);background:var(--chalk);border-bottom:1px solid var(--line)}
.up-day h3 em{font-style:normal;background:var(--turf);color:var(--on-turf);border-radius:999px;padding:1px 10px;font-size:13px}
.up-day h3 span{margin-left:auto;font:500 13px var(--f-body);color:var(--muted)}
.up-day ul{list-style:none;margin:0;padding:4px 0}
.up-day li a{display:grid;grid-template-columns:22px minmax(0,1fr) 64px minmax(0,1fr);align-items:center;gap:8px;padding:9px 14px;color:var(--ink);text-decoration:none;transition:background .12s}
.up-day li+li a{border-top:1px dashed var(--line)}
.up-day li a:hover{background:var(--chalk)}
.up-day .ul{width:20px;height:20px;object-fit:contain;background:#fff;border-radius:5px}
.up-day .t{display:flex;align-items:center;gap:8px;min-width:0}
.up-day .t.h{justify-content:flex-end;text-align:right}
.up-day .t b{font:600 14.5px var(--f-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.up-day .t img{width:26px;height:26px;object-fit:contain;flex:0 0 auto}
.up-day .k{justify-self:center;font:800 15px var(--f-display);color:var(--turf);background:color-mix(in srgb,var(--turf) 10%,transparent);border-radius:10px;padding:3px 8px}
@media (max-width:860px){.up-days{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.up-day li a{grid-template-columns:18px minmax(0,1fr) 52px minmax(0,1fr);gap:6px;padding:8px 10px}.up-day .t b{font-size:13.5px}.up-day .t img{width:22px;height:22px}}
.up-days{display:block;columns:2 420px;column-gap:14px}
.up-day{break-inside:avoid;margin:0 0 14px;display:block}
/* v2.4.3 home sections */
.home2 .h2-results,.home2 > .wrap > .hcard{margin-bottom:22px}
.h2-sub{font:700 15px var(--f-display);color:var(--muted);margin:18px 0 10px}
.h2-sub:first-of-type{margin-top:0}
.h2-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--chalk);color:var(--turf);font:800 15px var(--f-display);border:1px solid var(--line)}
.h2-ico.th{background:linear-gradient(#a51931 0 16.6%,#f4f5f8 16.6% 33.3%,#2d2a4a 33.3% 66.6%,#f4f5f8 66.6% 83.3%,#a51931 83.3%);border:0}
.h2-leagues.small a{grid-template-columns:auto 1fr;justify-items:start;align-items:center;text-align:left;padding:12px 14px}
.h2-leagues.small .h2-ico{width:42px;height:42px;font-size:12.5px;border-radius:12px}
.h2-leagues.small b{font-size:14.5px}
.home2 .fbth-tablist{flex-wrap:wrap;overflow:visible}
/* v2.5 header: theme toggle after search; hero date+time */
.head-theme{flex:none;min-height:44px!important;padding:0 16px!important;border-radius:999px;font:600 14px var(--f-body)!important;white-space:nowrap}
.head-theme svg{width:18px;height:18px}
@media (max-width:1100px){.head-theme #theme-label{display:none}.head-theme{padding:0 12px!important}}
.h2-now{font-size:clamp(15px,1.6vw,18px)!important;padding:9px 18px!important;gap:10px!important;font-weight:600}
.h2-now .sep{opacity:.5}
.h2-now .h2-clock{font-variant-numeric:tabular-nums;font-weight:800;color:#fff}
.h2-now .dot{width:9px;height:9px}
@media (min-width:901px){.site-head .main-in{flex-wrap:nowrap;gap:14px}.site-head .hsearch{flex:1 1 200px;min-width:140px;margin-left:auto}}
@media (max-width:1360px){.head-theme #theme-label{display:none}.head-theme{padding:0 12px!important;width:44px;justify-content:center}}
@media (max-width:900px){.head-theme{margin-left:auto}.site-head .hsearch{order:4;flex:1 1 100%;margin-left:0}}
/* v2.6.1 header never wraps: icon-only theme toggle, nav stays on one line */
.head-theme{width:44px;height:44px;padding:0!important;justify-content:center;border-radius:50%!important}
.head-theme #theme-label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
@media (min-width:901px){
  .site-head .mainbar .league-switch{flex-wrap:nowrap;flex:0 1 auto;min-width:0}
  .site-head .mainbar .league-switch .nav-item>a{white-space:nowrap;padding:8px clamp(8px,1.1vw,16px)}
  .site-head .brand-link{flex:none}
  .site-head .hsearch{flex:1 1 180px;min-width:120px}
}
@media (min-width:901px) and (max-width:1180px){
  .site-head .brand-link .logo small{display:none}
  .site-head .mainbar .league-switch .nav-item>a{font-size:14px}
  .site-head .nav-item .chev{display:none}
}
/* v2.6.2 upcoming: day → league groups, time first */
.up-days{display:grid!important;columns:auto!important;gap:18px}
.up-day{margin:0!important;background:none;border:0;box-shadow:none;overflow:visible}
.up-day h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:0 4px;background:none;border:0;font:800 20px var(--f-display)}
.up-day h3 em{font:700 13px var(--f-display);padding:3px 12px}
.up-day h3 .n{margin-left:auto;font:500 14px var(--f-body);color:var(--muted)}
.up-lgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:12px;align-items:start}
.up-lg{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}
.up-lg h4{display:flex;align-items:center;gap:10px;margin:0;padding:10px 14px;background:var(--chalk);border-bottom:1px solid var(--line);font:700 15.5px var(--f-display)}
.up-lg h4 img{width:26px;height:26px;object-fit:contain;background:#fff;border-radius:7px;padding:2px}
.up-lg h4 span{margin-left:auto;font:500 13px var(--f-body);color:var(--muted)}
.up-lg ul{list-style:none;margin:0;padding:0}
.up-lg li a{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:4px;align-items:center;padding:10px 14px;color:var(--ink);text-decoration:none}
.up-lg li:nth-child(even) a{background:var(--zebra,rgba(0,0,0,.02))}
.up-lg li a:hover{background:color-mix(in srgb,var(--turf) 8%,transparent)}
.up-lg .k{grid-row:1/3;justify-self:stretch;text-align:center;font:800 17px var(--f-display);color:var(--turf);background:color-mix(in srgb,var(--turf) 10%,transparent);border-radius:12px;padding:8px 0}
.up-lg .tm{display:flex;align-items:center;gap:10px;min-width:0}
.up-lg .tm img{width:24px;height:24px;object-fit:contain;flex:none}
.up-lg .tm b{font:600 15.5px var(--f-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.up-days{grid-template-columns:minmax(0,1fr)!important}
.up-day h3 .d{margin-left:0!important;font:800 20px var(--f-display)!important;color:var(--ink)!important}
.up-lgs{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
/* v2.6.4 upcoming: original day-card layout, lighter & smaller type */
.up-days.v2{display:block!important;columns:2 420px!important;column-gap:14px}
.up-days.v2 .up-day{break-inside:avoid;margin:0 0 14px!important;display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}
.up-days.v2 .up-day h3{display:flex;align-items:center;gap:8px;margin:0!important;padding:10px 16px;background:var(--chalk);border-bottom:1px solid var(--line);font:600 15px var(--f-display)!important}
.up-days.v2 .up-day h3 em{font:600 12px var(--f-display);padding:1px 10px}
.up-days.v2 .up-day h3 span{margin-left:auto;font:400 12.5px var(--f-body);color:var(--muted)}
.up-days.v2 .up-day li a{grid-template-columns:20px minmax(0,1fr) 56px minmax(0,1fr);gap:8px;padding:8px 14px}
.up-days.v2 .up-day .t b{font:400 14px var(--f-body)}
.up-days.v2 .up-day .t img{width:22px;height:22px}
.up-days.v2 .up-day .ul{width:18px;height:18px}
.up-days.v2 .up-day .k{font:600 13.5px var(--f-display);padding:2px 7px;border-radius:8px}
@media (max-width:480px){.up-days.v2 .up-day li a{grid-template-columns:16px minmax(0,1fr) 48px minmax(0,1fr);gap:6px;padding:7px 10px}.up-days.v2 .up-day .t b{font-size:13px}}
/* v2.7 mobile hamburger menu */
.burger,.sub-toggle{display:none}
@media (max-width:900px){
  .site-head .main-in{flex-wrap:wrap!important;gap:10px}
  .burger{display:inline-grid;place-content:center;gap:5px;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer;flex:none;padding:0}
  .burger span{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s,opacity .2s}
  .menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-open .burger span:nth-child(2){opacity:0}
  .menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .head-theme{margin-left:auto!important}
  .site-head .hsearch,.site-head .mainbar .league-switch{display:none!important}
  .site-head.menu-open .hsearch{display:block!important;order:5;flex:1 1 100%!important;margin:0}
  .site-head.menu-open .mainbar .league-switch{display:flex!important;order:6;flex:1 1 100%!important;flex-direction:column;align-items:stretch;gap:0;padding:6px;border-radius:18px;max-height:calc(100svh - 170px);overflow-y:auto;animation:menuIn .25s ease}
  @keyframes menuIn{from{opacity:0;transform:translateY(-8px)}}
  .site-head.menu-open .nav-item{display:grid;grid-template-columns:1fr 44px;align-items:center;border-bottom:1px solid var(--line)}
  .site-head.menu-open .nav-item:last-child{border-bottom:0}
  .site-head.menu-open .league-switch .nav-item>a{justify-content:flex-start!important;font-size:16px!important;padding:12px 14px!important;border-radius:12px}
  .site-head.menu-open .nav-item .chev{display:none}
  .site-head.menu-open .sub-toggle{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:none;color:var(--muted);cursor:pointer}
  .sub-toggle svg{fill:none;stroke:currentColor;stroke-width:2.2;transition:transform .2s}
  .nav-item.open .sub-toggle svg{transform:rotate(180deg)}
  .site-head.menu-open .nav-item .mega{display:none;grid-column:1/-1;position:static;transform:none!important;opacity:1;visibility:visible;width:auto!important;max-width:none;box-shadow:none;border:0;background:none;padding:0 6px 10px}
  .site-head.menu-open .nav-item.open .mega{display:block}
  .site-head.menu-open .mega .mm-grid{grid-template-columns:minmax(0,1fr)}
  html.menu-lock{overflow:hidden}
}
/* v2.7.1 mobile: search always visible (above menu) */
@media (max-width:900px){
  .site-head .hsearch{display:block!important;order:5;flex:1 1 100%!important;margin:0}
  .site-head.menu-open .mainbar .league-switch{order:6}
}
/* v2.7.1 colour tone: cooler neutral base, emerald primary, gold accent */
:root,:root[data-theme="light"]{
  --bg:#f3f5f8;--surface:#ffffff;--ink:#0f172a;--muted:#5b6577;--line:#e2e7ee;--zebra:#f8fafc;
  --turf:#0c8a4f;--on-turf:#ffffff;--turf-soft:#e2f5eb;--chalk:#eef2f6;
  --amber:#f5b301;--amber-ink:#2a1d00;
  --shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px -14px rgba(15,23,42,.18);
  --shadow-lg:0 20px 44px -22px rgba(15,23,42,.35);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0a0f1c;--surface:#111a2c;--ink:#e7ecf6;--muted:#93a0b7;--line:#223049;--zebra:#0e1627;
  --turf:#34d399;--on-turf:#03140c;--turf-soft:#0f2e28;--chalk:#141e33;
  --amber:#ffc43d;--amber-ink:#241800;--shadow:0 10px 30px -18px rgba(0,0,0,.7);--shadow-lg:0 24px 50px -24px rgba(0,0,0,.8);color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0a0f1c;--surface:#111a2c;--ink:#e7ecf6;--muted:#93a0b7;--line:#223049;--zebra:#0e1627;
  --turf:#34d399;--on-turf:#03140c;--turf-soft:#0f2e28;--chalk:#141e33;
  --amber:#ffc43d;--amber-ink:#241800;--shadow:0 10px 30px -18px rgba(0,0,0,.7);--shadow-lg:0 24px 50px -24px rgba(0,0,0,.8);color-scheme:dark}
body{background:var(--bg)}
.site-head .mainbar{background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
:root,:root[data-theme="light"]{--surface-2:#f6f8fb}
:root[data-theme="dark"]{--surface-2:#16213a}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--surface-2:#16213a}}
/* v2.7.3 link states: consistent hover/active/visited colours, never dark-on-dark */
html{-webkit-tap-highlight-color:rgba(12,138,79,.18)}
a:visited{color:var(--turf)}
a:hover{color:var(--turf);text-decoration-color:currentColor}
a:active{color:var(--turf);opacity:.75}
.site-head a:visited{color:inherit}
.mainbar .league-switch a:visited{color:var(--muted)}
.mainbar .league-switch a.is-on,.mainbar .league-switch a.is-on:visited,.mainbar .league-switch a.is-on:hover{color:var(--on-turf)}
.mega a:visited{color:inherit}
/* dark surfaces: hero, national-team band, footer, buttons */
.h2-hero a,.h2-hero a:visited,.h2-nat a,.h2-nat a:visited{color:#fff}
.h2-hero a:hover,.h2-nat a:hover{color:#ffd36b}
.h2-hero .cta,.h2-hero .cta:visited,.h2-hero .cta:hover,.h2-nat .cta,.h2-nat .cta:visited,.h2-nat .cta:hover,.cta,.cta:visited{color:var(--amber-ink)}
.h2-hero .cta.ghost,.h2-hero .cta.ghost:visited,.h2-nat .cta.ghost,.h2-nat .cta.ghost:visited{color:#fff}
.h2-hero .cta.ghost:hover,.h2-nat .cta.ghost:hover{color:#ffd36b}
.h2-match,.h2-match:visited,.h2-match:hover{color:#f4fbf5}
.site-foot a,.site-foot a:visited{color:inherit}
.site-foot a:hover{color:var(--amber)}
.btn,.btn:visited,.btn:hover,.btn:active{color:var(--on-turf)}
.h2-card,.h2-card:visited,.h2-card:hover,.up-day li a,.up-day li a:visited,.up-day li a:hover,.h2-leagues a,.h2-leagues a:visited,.h2-leagues a:hover,.h2-scorers a,.h2-scorers a:visited,.h2-scorers a:hover{color:var(--ink)}
.h2-ticker a,.h2-ticker a:visited{color:var(--ink)}
.h2-ticker a:hover{color:var(--turf)}
.bnav a,.bnav a:visited{color:var(--muted)}
.bnav a[aria-current],.bnav a:hover{color:var(--turf)}
:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:6px}
/* v2.8 mobile: no bottom bar, round search button after the theme toggle */
@media (max-width:900px){
  body{padding-bottom:0!important}
  .bnav{display:none!important}
  .site-head .brand-link{order:0}
  .site-head .head-theme{order:1;margin-left:auto!important}
  .site-head .hsearch{order:2!important;flex:0 0 44px!important;width:44px;min-width:0!important;margin:0!important;transition:flex-basis .25s ease}
  .site-head .burger{order:3}
  .site-head .hsearch input{width:100%;height:44px;min-height:44px;padding:0 0 0 42px!important;border-radius:999px;color:transparent;cursor:pointer;background:var(--surface)!important;border:1px solid var(--line)!important}
  .site-head .hsearch input::placeholder{color:transparent}
  .site-head .hsearch svg{left:12px;stroke:var(--ink)!important;pointer-events:none}
  .site-head .hsearch:focus-within{order:5!important;flex:1 1 100%!important;width:100%}
  .site-head .hsearch:focus-within input{padding:0 16px 0 42px!important;color:var(--ink);cursor:text}
  .site-head .hsearch:focus-within input::placeholder{color:var(--muted)}
  .site-head.menu-open .hsearch{order:5!important;flex:1 1 100%!important;width:100%}
  .site-head.menu-open .hsearch input{padding:0 16px 0 42px!important;color:var(--ink)}
  .site-head.menu-open .hsearch input::placeholder{color:var(--muted)}
}
/* v2.8.1 mobile header stays on one row */
@media (max-width:900px){
  .site-head .main-in{flex-wrap:wrap!important;column-gap:8px!important}
  .site-head .brand-link{flex:1 1 auto;min-width:0}
  .site-head .head-theme{margin-left:0!important}
  .site-head .head-theme,.site-head .hsearch,.site-head .burger{flex:none}
}
@media (max-width:480px){
  .site-head .brand-link .logo small{display:none}
  .site-head .head-theme,.site-head .burger{width:40px!important;height:40px!important}
  .site-head .hsearch{flex-basis:40px!important;width:40px}
  .site-head .hsearch input{height:40px;min-height:40px}
  .site-head .main-in{column-gap:6px!important}
}

/* 2.8.3 footer logo: no underline */
.site-foot .logo,.site-foot .logo:hover,.site-foot .logo span{text-decoration:none!important}

/* 2.8.8 news cards: image always fits the card; league-logo covers sit on a light tile (readable in dark mode too) */
.post-card .thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#eef3ef}
.post-card .thumb img{display:block;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover}
.post-card .thumb img[src$="/2.png"],.post-card .thumb img[src$="/39.png"],.post-card .thumb img[src$="/61.png"],.post-card .thumb img[src$="/78.png"],.post-card .thumb img[src$="/135.png"],.post-card .thumb img[src$="/140.png"],.post-card .thumb img[src$="/296.png"]{object-fit:contain!important;padding:7% 12%;box-sizing:border-box;background:#eef3ef}

/* 2.9.1 home "นัดถัดไป": league picker — one swipeable row with match counts, stays under the header while scrolling the list */
#up .up-filter{position:sticky;top:69px;z-index:6;flex-wrap:nowrap;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -6px 12px;padding:8px 6px;background:var(--bg,#f3f5f8)}
#up .up-filter::-webkit-scrollbar{display:none}
#up .up-filter button{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;font-size:14px;font-weight:600;white-space:nowrap}
#up .up-filter button img{width:20px;height:20px;object-fit:contain}
#up .up-filter button i{font-style:normal;font-size:11.5px;font-weight:700;min-width:22px;padding:1px 7px;border-radius:999px;background:var(--line,#e2e7ee);text-align:center;line-height:1.4}
#up .up-filter button.is-on i{background:rgba(255,255,255,.28);color:#fff}
#up .up-filter button.is-on{box-shadow:0 4px 12px rgba(12,138,79,.28)}
body.admin-bar #up .up-filter{top:101px}
@media (max-width:782px){body.admin-bar #up .up-filter{top:69px}}
@media (min-width:1024px){#up .up-filter{flex-wrap:wrap;overflow:visible}}
#up .up-day[hidden]{display:none!important}

/* 2.9.3 hero: season + date/time moved from the top kicker to a status row above the stat tiles */
.h2-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;margin:30px 0 10px;padding:0 2px;font-size:13.5px;line-height:1.4}
.h2-meta+.h2-stats{margin-top:0}
.h2-meta .h2-season{color:#ffd36b;font-weight:800;letter-spacing:.01em;white-space:nowrap}
.h2-meta .h2-season b{font-weight:600;color:rgba(244,251,245,.66);margin-right:2px}
.h2-meta .h2-when{display:inline-flex;align-items:center;gap:7px;color:rgba(244,251,245,.72);font-weight:600;white-space:nowrap}
.h2-meta .dot{width:8px;height:8px;border-radius:50%;background:#21c46b;box-shadow:0 0 0 0 rgba(33,196,107,.7);animation:h2ping 2s infinite;flex:none}
.h2-meta .sep{opacity:.45}
.h2-meta .h2-clock{color:#fff;font-weight:800;font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.h2-meta .dot{animation:none}}
@media (max-width:375px){.h2-meta{font-size:12px;column-gap:6px;padding:0}.h2-meta .h2-when{gap:5px}}

/* saraball-ui-inline-css-3539ef192212.css */

/* Saraball skin: the home page look for every page */
:root:not(#sbx),:root:not(#sbx)[data-theme]{--paper:#F4F1E9;--card:#FFFFFF;--ink2:#3F5248;--mut:#6E8076;--ln:#E3DED2;--dk:#0B1611;--dk2:#12231A;--dln:rgba(255,255,255,.1);--g:#16A34A;--g2:#2BD576;--am:#F5B301;--rd:#E5484D;
--bg:#F4F1E9;--surface:#fff;--ink:#0D1912;--muted:#6E8076;--line:#E3DED2;--zebra:#FAF8F3;--turf:#16A34A;--on-turf:#fff;--turf-soft:#E4F4E9;--chalk:#F4F1E9;--pitch:#12231A;--pitch-2:#163024;--on-pitch:#fff;--amber:#F5B301;--amber-ink:#1B1300;--board:#0B1611;--board-ink:#fff;--board-dim:rgba(255,255,255,.62);
--f-display:"Prompt",system-ui,sans-serif;--f-body:"Anuphan","Prompt",system-ui,sans-serif;--r-lg:18px;--r-md:14px;--shadow:0 1px 2px rgba(13,25,18,.04),0 12px 30px -20px rgba(13,25,18,.28);color-scheme:light}
html body{background:var(--paper);color:var(--ink);font-family:"Anuphan","Prompt",system-ui,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased}
body h1,body h2,body h3,body .page-title{font-family:"Prompt",system-ui,sans-serif;letter-spacing:-.01em}
.theme-btn,#theme-toggle{display:none!important}
/* same content width as the home page: 1280px, 28px gutters (16px on mobile), no sideways scroll */
html:root{overflow-x:clip}
body .wrap{max-width:1280px!important;width:auto!important;margin-left:auto!important;margin-right:auto!important;padding-left:28px!important;padding-right:28px!important;box-sizing:border-box!important}
body .wrap .wrap{padding-left:0!important;padding-right:0!important}
@media (max-width:760px){body .wrap{padding-left:16px!important;padding-right:16px!important}}

/* header */
body header.top.site-head{position:sticky;top:0;z-index:60;background:rgba(11,22,17,.94)!important;background-image:none!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;border-bottom:1px solid var(--dln)!important;box-shadow:none!important}
body.admin-bar header.top.site-head{top:32px}
@media (max-width:782px){body.admin-bar header.top.site-head{top:0}}
body header.top.site-head:before,body header.top.site-head:after{display:none!important}
.site-head .mainbar,.site-head .subbar{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}
.site-head .subbar{background:var(--dk2)!important;border-top:1px solid var(--dln)!important}
.site-head .logo{color:#fff!important;font:700 21px/1 "Prompt",sans-serif!important;letter-spacing:-.01em;gap:10px}
.site-head .logo span{color:inherit!important}
.site-head .logo small{display:none!important}
.site-head .logo>span:not(.logo-mark){margin-left:-10px}
.logo-mark{width:36px!important;height:36px!important;border:0!important;border-radius:50%!important;box-shadow:none!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns%3D%27http%3A//www.w3.org/2000/svg%27 viewBox%3D%270 0 40 40%27%3E%3Cpath d%3D%27M20 11l7 5-2.7 8.3h-8.6L13 16z%27 fill%3D%27%230B1611%27/%3E%3Cpath d%3D%27M20 11V3M27 16l7.5-3M24.3 24.3l4.7 6.5M15.7 24.3L11 30.8M13 16l-7.5-3%27 stroke%3D%27%230B1611%27 stroke-width%3D%271.6%27/%3E%3C/svg%3E") center/100% no-repeat!important}
.logo-mark:before,.logo-mark:after{display:none!important}
.site-head .league-switch{background:rgba(255,255,255,.05)!important;border:1px solid var(--dln)!important;box-shadow:none!important}
.site-head .league-switch>.nav-item>a,.site-head .league-switch>.nav-item>button,.site-head .league-switch>a{color:#B9C9BF!important;background:transparent!important}
.site-head .league-switch>.nav-item>a:hover,.site-head .league-switch>.nav-item>button:hover{color:#fff!important;background:rgba(255,255,255,.07)!important}
.site-head .league-switch>.nav-item>a.is-on{color:#fff!important;background:var(--g)!important}
.site-head .league-switch svg{stroke:currentColor}
.site-head .mega{color:var(--ink)}
.site-head .hsearch{background:rgba(255,255,255,.06)!important;border:1px solid var(--dln)!important;border-radius:999px!important;box-shadow:none!important;color:#8EA497}
.site-head .hsearch:focus-within{border-color:var(--g2)!important}
.site-head .hsearch input{color:#fff!important;background:transparent!important;font-family:"Anuphan",sans-serif}
.site-head .hsearch input::placeholder{color:#8EA497!important}
.site-head .hsearch svg{stroke:#8EA497!important}
.site-head .burger{color:#fff!important;background:rgba(255,255,255,.06)!important;border:1px solid var(--dln)!important}
.site-head .burger *{stroke:currentColor}
.site-head .burger span{background:#fff!important}
.site-head .subbar a.season{color:#fff!important;font-family:"Prompt",sans-serif}
.sb-clock{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:999px;background:#000;border:1px solid var(--dln);color:#fff;font:500 15px/1 "Rubik",sans-serif;letter-spacing:.04em;flex:none;white-space:nowrap}
.sb-clock i{width:7px;height:7px;border-radius:50%;background:var(--rd);animation:sbblink 1.2s infinite}
.sb-clock small{font:500 11px/1 "Anuphan",sans-serif;color:#8EA497;letter-spacing:0}
@keyframes sbblink{50%{opacity:.25}}
@media (max-width:1100px){.sb-clock{display:none}}
.site-head nav.tabs a,.site-head nav.tabs button{color:#B9C9BF!important;background:transparent!important;border-color:transparent!important}
.site-head nav.tabs a:hover{color:#fff!important;background:rgba(255,255,255,.07)!important}
.site-head nav.tabs a.is-on,.site-head nav.tabs a[aria-current]{color:#fff!important;background:rgba(43,213,118,.16)!important;box-shadow:inset 0 0 0 1px rgba(43,213,118,.45)!important}
.site-head .lg-pick>summary{color:#fff!important;background:rgba(255,255,255,.06)!important;border:1px solid var(--dln)!important}
.site-head .lg-pick>summary,.site-head .lg-pick>summary *{color:#fff!important}
.site-head .lg-pick>:not(summary){color:var(--ink)}

/* page head: night-stadium band like the home hero */
body .page-head{position:relative;isolation:isolate;color:#fff;padding-top:30px;padding-bottom:38px;margin-bottom:30px}
body .page-head:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;z-index:-1;background:repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 8.33%,transparent 8.33% 16.66%),radial-gradient(110% 140% at 72% 0%,#1D4432 0%,#0F2219 45%,#0B1611 82%)}
body .page-head:after{content:"";position:absolute;left:50%;bottom:0;width:100vw;margin-left:-50vw;height:3px;background:linear-gradient(90deg,var(--g2),var(--am));z-index:-1;opacity:.85}
body .page-head .page-title{color:#fff!important}
body .page-head .page-lede,body .page-head p{color:#C7D7CD!important}
body .page-head .crumbs,body .page-head .crumbs span{color:#8EA497!important}
body .page-head .crumbs a{color:var(--g2)!important}
body .page-head:not(:has(.page-title)){color:var(--ink);padding-top:18px;padding-bottom:6px;margin-bottom:12px}
body .page-head:not(:has(.page-title)):before,body .page-head:not(:has(.page-title)):after{display:none}
body .page-head:not(:has(.page-title)) .crumbs,body .page-head:not(:has(.page-title)) .crumbs span{color:var(--mut)!important}
body .page-head:not(:has(.page-title)) .crumbs a{color:#0F7A37!important}

/* match page hero: night stadium like the home hero */
body .mx-hero{background:radial-gradient(110% 80% at 70% 0%,#1D4432 0%,#0F2219 42%,#0B1611 72%)!important}

/* cards */
body .card,body .aside .card{background:#fff;border:1px solid var(--ln);border-radius:18px;box-shadow:0 1px 2px rgba(13,25,18,.04),0 12px 30px -22px rgba(13,25,18,.3)}
body .entry-content a:not([class]){color:#0F7A37}
body table td,body table th{font-variant-numeric:tabular-nums}

/* footer */
body .site-foot{background:var(--dk)!important;background-image:none!important;color:#C7D7CD!important;border-top:3px solid var(--g2)!important;margin-top:70px;border-radius:0!important}
body .site-foot:before,body .site-foot:after{display:none!important}
body .site-foot .logo{color:#fff!important}
body .site-foot .foot-brand p{color:#9FB4A8!important}
body .site-foot .foot-col h3{color:#fff!important;font-family:"Prompt",sans-serif}
body .site-foot .foot-col a{color:#9FB4A8!important}
body .site-foot .foot-col a:hover{color:#fff!important}
body .site-foot .foot-badges span{background:rgba(255,255,255,.06)!important;border-color:var(--dln)!important;color:#C7D7CD!important}
body .site-foot .foot-bottom{color:#6F887A!important;border-top:1px solid var(--dln)!important}
body .site-foot .foot-bottom a{color:#9FB4A8!important}

/* mobile tab bar like the home page */
@media (max-width:900px){
 body nav.bnav{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;height:64px;border-radius:22px!important;background:rgba(11,22,17,.94)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--dln)!important;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)!important;padding:0 4px!important}
 body nav.bnav a{color:#8EA497!important;background:transparent!important;font-size:11px}
 body nav.bnav a.is-on,body nav.bnav a[aria-current]{color:var(--g2)!important}
 body .site-foot{padding-bottom:84px}
}
/*# sourceURL=saraball-ui-inline-css */

/* sb-header-css-e25f82f32da5.css */
/* 22:18 owner "ข้ามไปเนื้อหา สีเหลืองๆ เอาออก": skip link hidden */html body a.skip,html body .skip-link{display:none!important}html body header.site-head.site-head{background:linear-gradient(180deg,rgba(255,255,255,.035) 0%,rgba(0,0,0,.18) 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 64px,transparent 64px 128px),linear-gradient(180deg,#0c3520 0%,#082a18 100%)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 12px 30px -18px rgba(0,0,0,.85)!important}
html body header.site-head.site-head:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(22,163,74,.7) 25%,#eab308 50%,rgba(22,163,74,.7) 75%,transparent 100%);opacity:.55}
html body header.site-head.site-head nav#site-menu.league-switch{background:transparent!important;border-color:transparent!important;box-shadow:none!important;gap:2px}
@media (min-width:1025px){html body header.site-head.site-head .nav-item>a{position:relative;padding:9px 14px!important;border-radius:12px!important;color:#dfe9e2!important;font-weight:500!important;transition:background .15s,color .15s}html body header.site-head.site-head .nav-item>a:hover,html body header.site-head.site-head .nav-item:focus-within>a,html body header.site-head.site-head .nav-item.sb-cur>a{background:rgba(255,255,255,.07)!important;color:#fff!important}html body header.site-head.site-head .nav-item>a:after{content:"";position:absolute;left:50%;bottom:3px;width:0;height:2px;border-radius:2px;background:#eab308;transform:translateX(-50%);transition:width .2s}html body header.site-head.site-head .nav-item>a:hover:after,html body header.site-head.site-head .nav-item.sb-cur>a:after{width:22px}html body header.site-head.site-head .nav-item .chev{opacity:.55;margin-left:4px}html body header.site-head.site-head .nav-game>a{color:#fcd34d!important}}
html body header.site-head.site-head form.hsearch{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;transition:border-color .2s,background .2s,box-shadow .2s}
html body header.site-head.site-head form.hsearch input{border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;outline:none!important}
html body header.site-head.site-head form.hsearch input::placeholder{color:rgba(223,233,226,.55)!important}
html body header.site-head.site-head form.hsearch svg{color:rgba(223,233,226,.6)!important;stroke:currentColor}
html body header.site-head.site-head form.hsearch:focus-within{background:rgba(255,255,255,.08)!important;border-color:rgba(34,197,94,.65)!important;box-shadow:0 0 0 4px rgba(34,197,94,.14)!important}
html body header.site-head.site-head .sb-clock{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important}
html body header.site-head.site-head .sb-clock>i{background:#22c55e!important;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:sbClkPulse 2s infinite}
html body header.site-head.site-head .sb-clock .num{font-family:Rubik,sans-serif!important;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#fff!important}
html body header.site-head.site-head .sb-clock small{color:#fcd34d!important}
@keyframes sbClkPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}

/* sb-read-e837a3fc6522.css */
:root:not(#sbx):not(#sby):not([data-theme="dark"]){--muted:#4f5f56;--mut:#4f5f56;--fb-muted:#4f5f56;--sbm-muted:#4f5f56}html:not([data-theme="dark"]) body main .sbp-tape .nt,html:not([data-theme="dark"]) body main .sbp-tape .hd .m,html:not([data-theme="dark"]) body main .sbp-tape small{color:#57534e!important}html body main small{font-size:max(12px,.85em)}html body main th{font-size:max(13px,1em)}html body.fbth-match main .sbp-an p,html body.fbth-match main .sbp-an li{font-size:16px!important;line-height:1.8!important}html body.fbth-match main .sbp-an .tm p,html body.fbth-match main .sbp-an .tm span{font-size:15px!important}html body.fbth-match main .sbp-an .tm i.k{font-size:12.5px!important}html body.fbth-match main p.nt,html body.fbth-match main p.fv-credit{font-size:13.5px!important;line-height:1.6}html body.fbth-match main .mx-inj-g small{font-size:13.5px!important}html body.fbth-match main .mx-inj-g em{font-size:12.5px!important}html body.fbth-match main .mx-stat b,html body.fbth-match main .mx-ha span,html body.fbth-match main .mx-ha b,html body.fbth-match main .lbl span{font-size:14.5px!important}html body.fbth-match main .lk-grid small,html body.fbth-match main .lk-teams small,html body.fbth-match main .mx-team small,html body.fbth-match main .mx-team span{font-size:12.5px!important}html body.fbth-match main .mx-fms b,html body.fbth-match main .mx-fms small,html body.fbth-match main .sbp-cd small,html body.fbth-match main .sbp-tape .hd small,html body.fbth-match main .sbp-tape .r small{font-size:12px!important}html body.fbth-match main .tscroll th{font-size:13px!important}html body main .sbp-form .W,html body main i.k.W,html body main .mx-fm.f-W{background:#15803d!important}html body main .sbp-form .D,html body main i.k.D,html body main .mx-fm.f-D{background:#5b6573!important}html body main .mx-mini{container-type:inline-size}@container (max-width:540px){html body main .mx-mini table th:last-child,html body main .mx-mini table td.form{display:none!important}html body main .mx-mini .tscroll{overflow-x:visible!important}html body main .mx-mini table{min-width:0!important;width:100%!important}html body main .mx-mini table th,html body main .mx-mini table td{padding-left:6px!important;padding-right:6px!important}html body main .mx-mini td.t{width:100%;max-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html body main .mx-mini td.t a{display:inline;white-space:nowrap}}html body main .mx-side .mx-card>h2,html body main .mx-side .mx-card>h3{display:flex!important;align-items:center;gap:10px;font-size:19px!important;font-weight:700!important;line-height:1.35!important;margin:0 0 12px!important;color:#0d1912}html body main .mx-side .mx-card>h2::before,html body main .mx-side .mx-card>h3::before{content:"";display:block;flex:none;width:6px;height:18px;border-radius:999px;background:var(--turf,#1d3a72)}html:not([data-theme="dark"]) body main .mx-story.sbp-an{color:#24332b}html:not([data-theme="dark"]) body main .sbp-an h2,html:not([data-theme="dark"]) body main .sbp-an .lead,html:not([data-theme="dark"]) body main .sbp-an .an h3,html:not([data-theme="dark"]) body main .sbp-an b,html:not([data-theme="dark"]) body main .sbp-an .tm h4{color:#0d1912}html:not([data-theme="dark"]) body main .sbp-an .chips span,html:not([data-theme="dark"]) body main .sbp-an .ml span,html:not([data-theme="dark"]) body main .sbp-an .nt{color:#4f5f56!important}html:not([data-theme="dark"]) body main .sbp-tape .l{color:#24332b}html:not([data-theme="dark"]) body main .sbp-tape .hd .t{color:#0d1912}html:not([data-theme="dark"]) body main .sbp-tape .nt,html:not([data-theme="dark"]) body main .sbp-tape .hd .m,html:not([data-theme="dark"]) body main .sbp-tape small{color:#4f5f56!important}@media (max-width:760px){html body main .mx-card>h2{font-size:22px!important;line-height:1.35!important}html body main .mx-card.mx-cmp>h2,html body main .mx-card.mx-mini>h2{font-size:19px!important}html body main #sbh2h table.fv-t th:nth-child(2),html body main #sbh2h table.fv-t td:nth-child(2),html body main #h2h table.fv-t th:nth-child(2),html body main #h2h table.fv-t td:nth-child(2){display:none}html body main #sbh2h table.fv-t :is(th,td),html body main #h2h table.fv-t :is(th,td){padding-left:6px!important;padding-right:6px!important}html body main #sbh2h table.fv-t,html body main #h2h table.fv-t{min-width:0!important;width:100%!important}}html body main .sbp-an b,html body main .sbp-an strong{font-weight:400!important}.sb-sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}html body.fbth-match .mx-hero{position:relative;height:auto!important;min-height:0!important;padding-bottom:28px!important}html body.fbth-match .mx-hero>.mx-info{margin-bottom:0!important}html body.fbth-match .mx-hero .mx-down{display:none!important}html body.fbth-match .mx-hero .mx-top{margin-top:14px!important}html body.fbth-match .mx-hero .mx-mid:has(.sbp-wrap) .mx-st,html body.fbth-match .mx-hero .sbp-ko{display:none!important}html body.fbth-match .mx-hero .sbp-form span{width:24px!important;height:24px!important;font-size:12.5px!important;line-height:24px!important;cursor:pointer}html body.fbth-match .mx-hero .sbp-form span:focus-visible{outline:2px solid #fff;outline-offset:2px}html body .mx-hero>.sbp-tip{position:absolute!important;z-index:6;width:max-content!important;max-width:min(300px,calc(100% - 16px))!important;margin:0!important;background:#fff;color:#0d1912;font-size:13.5px;font-weight:600;line-height:1.4;padding:6px 11px;border-radius:9px;box-shadow:0 8px 22px rgba(0,0,0,.28);white-space:nowrap;pointer-events:none}.sbp-tip[hidden]{display:none}@media (max-width:760px){html body.fbth-match .mx-hero{padding:10px 12px 18px!important}html body.fbth-match .mx-hero .mx-crumbs{margin-bottom:10px!important}html body.fbth-match .mx-hero .mx-top{margin-top:2px!important}html body.fbth-match .mx-hero .mx-score{margin:10px 0 2px!important}html body.fbth-match .mx-hero .mx-team{padding-top:0!important}html body.fbth-match .mx-hero .crest{width:68px!important;height:68px!important}html body.fbth-match .mx-hero .crest img{width:48px!important;height:48px!important}html body.fbth-match .mx-hero .mx-mid{padding-top:6px!important}html body.fbth-match .mx-hero .mx-team b{font-size:19px!important}html body.fbth-match .mx-hero .sbp-form{gap:2px!important}html body.fbth-match .mx-hero .sbp-form em{display:none!important}html body.fbth-match .mx-hero .sbp-form span{width:19px!important;height:19px!important;font-size:11.5px!important;line-height:19px!important;border-radius:5px!important}html body.fbth-match .mx-hero .mx-info{padding-top:6px!important;margin-bottom:0!important}html body.fbth-match .mx-hero .mx-info li{margin:1px 0!important}}html body main .mx-side .mx-ha span{font-size:13px!important;white-space:nowrap}@media (min-width:761px){html body.fbth-match .mx-hero:not(#c1):not(#c2) .crest img{width:72%!important;height:auto!important;aspect-ratio:1/1!important;max-height:none!important;object-fit:contain!important}}html body.fbth-match main .mx-story b,html body.fbth-match main .mx-story strong{font-weight:inherit!important}html body main h3.sb-h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:15px;font-weight:700;line-height:1.4}html body main img[src*="/sbimg/"],html body main img[src*="api-sports.io"]{object-fit:contain}
/* sb-mobile-menu-a9b9488260e2.css */
@media (max-width:1024px){html body header.site-head.site-head #site-menu{gap:8px!important;padding:4px 2px 16px!important}html body header.site-head.site-head #site-menu .nav-item{border:0!important;border-radius:18px!important;background:rgba(255,255,255,.055)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);overflow:hidden;transition:background .2s}html body header.site-head.site-head #site-menu .nav-item.open{background:rgba(255,255,255,.085)!important;box-shadow:inset 0 0 0 1px rgba(252,211,77,.25)}html body header.site-head.site-head #site-menu .nav-item>a{display:grid!important;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:center;padding:11px 6px 11px 11px!important;color:#fff!important;font:600 16px/1.25 Prompt,sans-serif!important;background:none!important}html body header.site-head.site-head #site-menu .nav-item>a{justify-content:start!important;justify-items:start!important;text-align:left!important}html body header.site-head.site-head #site-menu .mega .mm-tiles a{min-width:0}html body header.site-head.site-head #site-menu .mega .mm-tiles a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}html body header.site-head.site-head #site-menu .nav-item>a .chev{display:none!important}html body header.site-head.site-head #site-menu .nav-item>a:before{content:"";grid-row:1/3;width:40px;height:40px;border-radius:13px;background:rgba(234,179,8,.13) center/21px no-repeat;box-shadow:inset 0 0 0 1px rgba(252,211,77,.18)}html body header.site-head.site-head #site-menu .nav-item>a:after{content:"";display:block!important;position:static!important;width:auto!important;height:auto!important;background:none!important;transform:none!important;margin-top:2px;font:400 12.5px/1.3 Anuphan,sans-serif;color:rgba(223,233,226,.62)}html body header.site-head.site-head #site-menu .sub-toggle{width:38px!important;height:38px!important;margin:auto 10px auto 0!important;padding:0!important;border-radius:12px!important;background:rgba(255,255,255,.07)!important;color:#e8efe9!important;place-items:center;align-self:center}html body header.site-head.site-head #site-menu .nav-item>a[href$="#hb-ft"]:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23fcd34d%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M12%207l4%203-1.5%205h-5L8%2010z%27%2F%3E%3C%2Fsvg%3E")}html body header.site-head.site-head #site-menu .nav-item>a[href$="#hb-ft"]:after{content:"สกอร์สด ผลล่าสุดทุกลีก"}html body header.site-head.site-head #site-menu .nav-item>a[href$="#hb-fx"]:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23fcd34d%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%275%27%20width%3D%2716%27%20height%3D%2715%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%203v4M16%203v4M4%2010h16%27%2F%3E%3C%2Fsvg%3E")}html body header.site-head.site-head #site-menu .nav-item>a[href$="#hb-fx"]:after{content:"ตารางแข่ง เวลาไทย"}html body header.site-head.site-head #site-menu .nav-item>a[href*="/table/"]:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23fcd34d%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%206h16M4%2012h16M4%2018h16M9%204v16%27%2F%3E%3C%2Fsvg%3E")}html body header.site-head.site-head #site-menu .nav-item>a[href*="/table/"]:after{content:"อันดับและคะแนนทุกลีก"}html body header.site-head.site-head #site-menu .nav-item>a[href$="/leagues/"]:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23fcd34d%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M8%204h8v5a4%204%200%200%201-8%200zM8%206H5a3%203%200%200%200%203%204M16%206h3a3%203%200%200%201-3%204M12%2013v4M8%2020h8%27%2F%3E%3C%2Fsvg%3E")}html body header.site-head.site-head #site-menu .nav-item>a[href$="/leagues/"]:after{content:"ลีกดังและลีกทั่วโลก"}html body header.site-head.site-head #site-menu .nav-item>a[href*="/national-teams/"]:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23fcd34d%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2021V4M5%204h11l-2%204%202%204H5%27%2F%3E%3C%2Fsvg%3E")}html body header.site-head.site-head #site-menu .nav-item>a[href*="/national-teams/"]:after{content:"ทีมชาติไทย ฟุตบอลโลก"}html body header.site-head.site-head #site-menu .nav-item>a[href$="/news/"]:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23fcd34d%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%274%27%20width%3D%2716%27%20height%3D%2716%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%208h8M8%2012h8M8%2016h5%27%2F%3E%3C%2Fsvg%3E")}html body header.site-head.site-head #site-menu .nav-item>a[href$="/news/"]:after{content:"ข่าว วิเคราะห์ ย้ายทีม"}html body header.site-head.site-head #site-menu .nav-item>a[href*="/game/"]:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23fcd34d%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%277%27%20width%3D%2718%27%20height%3D%2711%27%20rx%3D%274%27%2F%3E%3Cpath%20d%3D%27M8%2011v4M6%2013h4M15%2012h.01M17.5%2014h.01%27%2F%3E%3C%2Fsvg%3E")}html body header.site-head.site-head #site-menu .nav-item>a[href*="/game/"]:after{content:"เกมฟุตบอลสนุก ๆ"}html body header.site-head.site-head #site-menu .nav-item>a[href*="/world-leagues/"]:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23fcd34d%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2020V10M12%2020V4M19%2020v-7%27%2F%3E%3C%2Fsvg%3E")}html body header.site-head.site-head #site-menu .nav-item>a[href*="/world-leagues/"]:after{content:"สถิติ สนาม ผู้ตัดสิน"}html body header.site-head.site-head #site-menu .mega{padding:2px 10px 12px!important}html body header.site-head.site-head #site-menu .mega .mm-h{color:#fcd34d!important;margin:4px 2px 8px!important}html body header.site-head.site-head #site-menu .mega .mm-tiles a{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.1)!important;color:#fff!important;justify-content:flex-start!important}html body header.site-head.site-head #site-menu .mega .mm-tiles a:hover{background:rgba(34,197,94,.18)!important}html body header.site-head.site-head #site-menu .mega .mm-foot{border-top-color:rgba(255,255,255,.1)!important}html body header.site-head.site-head #site-menu .mega .mm-foot a{color:#86efac!important}html body header.site-head.site-head #site-menu .mega .mm-lg{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.08)!important}html body header.site-head.site-head #site-menu .mega .mm-lg a.mm-name{color:#fff!important}html body header.site-head.site-head #site-menu .mega .mm-lg .mm-links a{background:rgba(255,255,255,.08)!important;border-color:transparent!important;color:#e8efe9!important}html body header.site-head.site-head #site-menu .mega .mm-list a{background:rgba(255,255,255,.05)!important;border-radius:12px;margin-bottom:6px}html body header.site-head.site-head #site-menu .mega .mm-list a b{color:#fff!important}html body header.site-head.site-head #site-menu .mega .mm-list a small{color:rgba(223,233,226,.6)!important}}
/* sb-hlz2-7ab2c42a796d.css */

html body #hb-live{background:#fff!important;border:1px solid #e6e9e4!important;border-radius:18px!important;padding:20px 22px 18px!important;box-shadow:0 4px 18px rgba(17,24,20,.05)!important}
html body #hb-live .hb-sh{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 6px!important;padding:0!important;border:0!important}
html body #hb-live .hb-sh h2{margin:0!important;font-size:19px!important;font-weight:700!important;color:#111814!important;padding-left:12px!important;border-left:4px solid #dc2626!important;line-height:1.2!important}
html body #hb-live .hb-sh h2::before,html body #hb-live .hb-sh h2::after{display:none!important}
html body #hb-live .hb-livepill{display:inline-flex!important;align-items:center!important;gap:6px!important;background:#dc2626!important;color:#fff!important;font-size:12px!important;font-weight:700!important;padding:3px 10px!important;border-radius:99px!important}
html body #hb-live .hb-livepill i{background:#fff!important;width:6px!important;height:6px!important;border-radius:50%!important;animation:hbpulse 1.4s ease-in-out infinite}
@keyframes hbpulse{0%,100%{opacity:1}50%{opacity:.25}}
html body #hb-live .hb-sh small{margin-left:auto!important;font-size:12px!important;color:#6b746e!important}
html body #hb-live .hb-lzs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 28px!important;align-items:start!important}
html body #hb-live .hb-lzs>.lgh{grid-column:1 / -1;display:flex;align-items:center;gap:8px;margin:16px 0 2px;padding:7px 10px;border-radius:8px;background:#f4f6f3;font-size:13px;font-weight:700;color:#111814}
html body #hb-live .hb-lzs>.lgh img{width:18px;height:18px;object-fit:contain}
html body #hb-live .hb-lzs>.lgh span{margin-left:auto;font-size:11.5px;font-weight:600;color:#6b746e}
html body #hb-live .hb-lz{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:9px 6px!important;margin:0!important;border:0!important;border-bottom:1px solid #eef0ec!important;border-radius:0!important;background:none!important;box-shadow:none!important;min-height:0!important;height:auto!important;transition:background .15s!important}
html body #hb-live .hb-lz::before{display:none!important}
html body #hb-live .hb-lz:hover{background:#f8faf7!important}
html body #hb-live .hb-lz .hd,html body #hb-live .hb-lz .tl,html body #hb-live .hb-lz .ft{display:none!important}
html body #hb-live .hb-lz .bd,html body #hb-live .hb-lz .bd .sc{display:contents!important}
html body #hb-live .hb-lz .bd .sc .mn{grid-column:1;grid-row:1;display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:12px!important;font-weight:700!important;color:#dc2626!important;margin:0!important}
html body #hb-live .hb-lz .bd .sc .mn::before{content:"";width:6px;height:6px;border-radius:50%;background:#dc2626;animation:hbpulse 1.4s ease-in-out infinite}
html body #hb-live .hb-lz .bd .t{grid-row:1;display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;margin:0!important}
html body #hb-live .hb-lz .bd .t:first-child{grid-column:2;flex-direction:row-reverse!important;text-align:right!important}
html body #hb-live .hb-lz .bd .t:last-child{grid-column:4;flex-direction:row!important;text-align:left!important}
html body #hb-live .hb-lz .bd .t img.cr{width:22px!important;height:22px!important;flex:none!important;margin:0!important}
html body #hb-live .hb-lz .bd .t b{display:block!important;font-size:13.5px!important;font-weight:600!important;color:#111814!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}
html body #hb-live .hb-lz .bd .sc .n{grid-column:3;grid-row:1;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:54px!important;background:#111814!important;color:#fff!important;border-radius:7px!important;padding:3px 8px!important;font-size:15px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important}
html body #hb-live .hb-lz .bd .sc .n i{margin:0 4px!important;color:#7d8a82!important;font-style:normal!important}
@media (max-width:760px){html body #hb-live{padding:16px 12px 12px!important;border-radius:14px!important}html body #hb-live .hb-lzs{grid-template-columns:minmax(0,1fr)!important}html body #hb-live .hb-sh small{display:none!important}html body #hb-live .hb-lz{grid-template-columns:40px minmax(0,1fr) auto minmax(0,1fr)!important;gap:7px!important;padding:9px 2px!important}html body #hb-live .hb-lz .bd .t b{font-size:12.5px!important}html body #hb-live .hb-lz .bd .t img.cr{width:20px!important;height:20px!important}html body #hb-live .hb-lz .bd .sc .n{min-width:48px!important;font-size:14px!important;padding:2px 6px!important}}
/* 00:51 owner: แบ่งกลางให้ชัด - centre divider between the two columns */
@media (min-width:761px){html body #hb-live .hb-lzs{gap:0 56px!important;background:linear-gradient(to right,transparent calc(50% - 1px),#d9ded7 calc(50% - 1px),#d9ded7 calc(50% + 1px),transparent calc(50% + 1px)) no-repeat!important}html body #hb-live .hb-lzs>.lgh{position:relative;z-index:1}}
/* 00:59 owner: เอาออก - big-match countdown cards (#hb-cdn) hidden */
html body #hb-cdn{display:none!important}
/* 01:00 owner: สด / ผลล่าสุด ให้เลื่อนช้ากว่านี้ - ticker 70s -> 140s */
html body .tv-tk .run{animation-duration:140s!important}
html body .hb-hero .nx-snd{display:none!important}
/* 16 Oct 10:37 owner: footer content as wide as the header (logo to clock) */html body .site-foot .sf2-in{max-width:1280px!important;padding-left:28px!important;padding-right:28px!important;box-sizing:border-box!important}@media (max-width:700px){html body .site-foot .sf2-in{padding-left:16px!important;padding-right:16px!important}}
/* 14:55 owner: top menu centred between the logo and the search box */
@media (min-width:901px){html body .main-in #site-menu{flex:1 1 auto!important;justify-content:center!important}html body .main-in .hsearch{flex:0 0 220px!important}}

/* sf2-css-531fc4e016b2.css */

  .site-foot.sf2{padding:0;border:0}
  .sf2{position:relative;background:#0a1710;color:#c9d8ce;font-family:Anuphan,sans-serif;overflow:hidden}
  .sf2:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 80% at 100% 0%,rgba(34,102,63,.35),transparent 60%),radial-gradient(50% 60% at 0% 100%,rgba(245,179,1,.08),transparent 60%)}
  .sf2:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#15803d,#f5b301,#15803d)}
  .sf2 a{color:inherit;text-decoration:none}
  .sf2-in{position:relative;max-width:1192px;margin:0 auto;padding:0 16px}
  .sf2-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:center;padding:44px 0 30px;border-bottom:1px solid rgba(255,255,255,.08)}
  .sf2-brand .logo{display:inline-flex;align-items:center;gap:10px;font:700 26px Prompt,sans-serif;color:#fff}
  .sf2-brand p{margin:12px 0 0;max-width:520px;font-size:14px;line-height:1.7;color:#9fb7a8}
  .sf2-prom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .sf2-prom div{display:flex;flex-direction:column;gap:6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px}
  .sf2-prom svg{width:22px;height:22px;fill:none;stroke:#fcd34d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .sf2-prom div span{display:flex;flex-direction:column;gap:2px}
  .sf2-prom b{font:600 14px Prompt,sans-serif;color:#fff}
  .sf2-prom small{font-size:12px;color:#8fa898;line-height:1.4}
  .sf2-lg{display:flex;flex-wrap:wrap;gap:8px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.08)}
  .sf2-lg a{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:5px 14px 5px 6px;font:500 13px Prompt,sans-serif;color:#0b1a12!important;transition:transform .15s}
  .sf2-lg a:hover{transform:translateY(-2px)}
  .sf2-lg img{width:22px;height:22px;object-fit:contain}
  .sf2-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:30px 0}
  .sf2-cols details{min-width:0}
  .sf2-cols summary{list-style:none;display:flex;align-items:center;gap:8px;font:600 15px Prompt,sans-serif;color:#fff;margin-bottom:12px;cursor:default}
  .sf2-cols summary::-webkit-details-marker{display:none}
  .sf2-cols summary:before{content:"";width:4px;height:16px;border-radius:3px;background:linear-gradient(#22c55e,#15803d)}
  .sf2-cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
  .sf2-cols li a{font-size:14px;color:#a9bfb1;transition:color .15s}
  .sf2-cols li a:hover{color:#fcd34d}
  .sf2-bot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding:18px 0 26px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#7f9888}
  .sf2-bot .cr b{color:#c9d8ce;font-weight:500}
  .sf2-bot nav{display:flex;gap:16px}
  .sf2-bot nav a{color:#a9bfb1}.sf2-bot nav a:hover{color:#fcd34d}
  @media (max-width:900px){.sf2-top{grid-template-columns:1fr;gap:22px}.sf2-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media (max-width:640px){
  .sf2-top{padding:32px 0 22px}
  .sf2-prom{grid-template-columns:1fr;gap:8px}
  .sf2-prom div{flex-direction:row;align-items:center;gap:12px;padding:12px 14px}
  .sf2-prom div span{display:flex;flex-direction:column;gap:2px}
  .sf2-lg{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:18px 16px;scrollbar-width:none}.sf2-lg::-webkit-scrollbar{display:none}
  .sf2-lg a{flex:none}
  .sf2-cols{grid-template-columns:1fr;gap:0;padding:8px 0 14px}
  .sf2-cols details{border-bottom:1px solid rgba(255,255,255,.08)}
  .sf2-cols summary{margin:0;padding:15px 0;cursor:pointer}
  .sf2-cols summary:after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid #8fa898;border-bottom:2px solid #8fa898;transform:rotate(45deg);transition:transform .2s}
  .sf2-cols details[open] summary:after{transform:rotate(-135deg)}
  .sf2-cols ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;padding:0 0 16px}
  .sf2-bot{flex-direction:column;align-items:flex-start;padding:18px 0 110px}
  }
  
/* global-styles-inline-css-741db46cfe14.css */

:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */

/* sb-fab-css-7c4ac696d8a9.css */

.sb-fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-family:inherit}
.sb-fab-b{position:relative;width:48px;height:48px;border-radius:50%;border:1px solid var(--line,#e2e7ee);background:var(--surface,#fff);color:var(--ink,#0f172a);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 6px 20px rgba(15,23,42,.14);transition:transform .2s,opacity .25s,background .2s,color .2s;-webkit-tap-highlight-color:transparent}
.sb-fab-b:hover{background:var(--turf,#0c8a4f);color:#fff;border-color:transparent;transform:translateY(-2px)}
.sb-fab-b:focus-visible,.sb-fab-o:focus-visible{outline:3px solid var(--turf,#0c8a4f);outline-offset:2px}
.sb-fab-share[aria-expanded=true]{background:var(--turf,#0c8a4f);color:#fff;border-color:transparent}
.sb-fab-top{opacity:0;transform:translateY(12px) scale(.85);pointer-events:none}
.sb-fab.is-down .sb-fab-top{opacity:1;transform:none;pointer-events:auto}
.sb-fab.is-down .sb-fab-top:hover{transform:translateY(-2px)}
.sb-fab-ring{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);transform:rotate(-90deg);pointer-events:none}
.sb-fab-ring circle{fill:none;stroke:var(--turf,#0c8a4f);stroke-width:3;stroke-dasharray:100;stroke-dashoffset:var(--sbp,100);stroke-linecap:round;transition:stroke-dashoffset .1s linear}
.sb-fab-top:hover .sb-fab-ring circle{stroke:#fff}
.sb-fab-panel{min-width:210px;background:var(--surface,#fff);color:var(--ink,#0f172a);border:1px solid var(--line,#e2e7ee);border-radius:20px;padding:10px;box-shadow:0 14px 40px rgba(15,23,42,.18);transform-origin:bottom right;animation:sbFabIn .18s ease-out}
.sb-fab-panel[hidden]{display:none}
@keyframes sbFabIn{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
.sb-fab-h{margin:2px 8px 6px;font-size:13px;font-weight:600;color:var(--muted,#5b6577)}
.sb-fab-o{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:0;border-radius:12px;background:none;color:inherit !important;font:inherit;font-size:15px;text-decoration:none !important;cursor:pointer;text-align:left}
.sb-fab-o:hover{background:color-mix(in srgb,var(--turf,#0c8a4f) 10%,transparent)}
.sb-fab-o i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:700;font-size:14px;flex:none}
.sb-fab-o[hidden]{display:none}
.sb-fab-toast{position:absolute;right:58px;bottom:62px;white-space:nowrap;background:var(--ink,#0f172a);color:var(--surface,#fff);font-size:13px;padding:6px 12px;border-radius:999px;opacity:0;transform:translateY(4px);transition:.2s;pointer-events:none}
.sb-fab-toast.on{opacity:1;transform:none}
@media (max-width:640px){.sb-fab{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));gap:8px}.sb-fab-b{width:44px;height:44px}}
@media (prefers-reduced-motion:reduce){.sb-fab-b,.sb-fab-panel,.sb-fab-toast{transition:none;animation:none}}
@media print{.sb-fab{display:none}}

/* sbm-css-61925baf0c4c.css */

/* ---- page accent follows the hero colour (owner, 10 Oct): navy before, crimson live, gold after; form W/D/L stays green/grey/red ---- */
html body.sbm-pre main{--turf:#1d3a72;--turf-soft:#dde6f5;--sbacc-ink:#1d3a72}
html body.sbm-live main{--turf:#9b1c1c;--turf-soft:#f8dcdc;--sbacc-ink:#8b1a1a}
html body.sbm-ft main{--turf:#8a6116;--turf-soft:#f3e7c9;--sbacc-ink:#6b4a0f}
html body.sbm-off main{--turf:#3f4753;--turf-soft:#e2e5ea;--sbacc-ink:#3f4753}
html body[class*="sbm-"] main .mx-tabs a[aria-selected="true"]{background:var(--turf)!important;color:#fff!important}
html body[class*="sbm-"] .sbf-sum .mvp em{background:var(--turf)}
/* owner (10 Oct): no photo / highlight-clip box on match pages */
body.fbth-match #photos,body.fbth-match section#clip,body.fbth-match .fv-clip,body.fbth-match a[href="#photos"],body.fbth-match a[href="#clip"]{display:none!important}
html body .mx-panel[data-empty]{display:none!important}html body .mx-tabs.sbm-pruned{display:flex!important}html body .mx-tabs.sbm-pruned a{flex:1 1 0}
/* ---- pre-match: navy ---- */
html body.sbm-pre main .mx-hero{background:radial-gradient(110% 80% at 70% 0%,#1f3d73 0%,#10224a 44%,#0a1530 76%)!important}
html body.sbm-pre main .mx-hero .mx-bg{filter:hue-rotate(95deg) saturate(.8)}
html body.sbm-pre main .mx-hero .mx-st{background:rgba(96,165,250,.18)!important;color:#bfdbfe!important;border-color:rgba(147,197,253,.35)!important}
html body.sbm-pre main .mx-hero .mx-mid>.n,html body.sbm-pre main .mx-hero .mx-cd-mini{display:none!important}
html body.sbm-pre main .mx-main>.mx-cd{display:none!important}
.sbp-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin:6px 0 2px}
.sbp-lab{font-size:12px;letter-spacing:.08em;color:#93c5fd;font-weight:700}
.sbp-days{font-size:13px;font-weight:800;color:#fff;background:rgba(96,165,250,.22);border-radius:999px;padding:3px 12px}
.sbp-cd{display:flex;gap:8px;justify-content:center}
.sbp-cd .u{min-width:68px;padding:10px 6px 7px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(147,197,253,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.sbp-cd .u b{display:block;font-weight:800;font-size:clamp(30px,4.2vw,50px);line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.sbp-cd .u small{display:block;margin-top:5px;font-size:11px;color:#93c5fd;font-weight:700}
.sbp-cd i{align-self:center;color:rgba(191,219,254,.55);font-style:normal;font-weight:800;font-size:26px;margin-top:-14px}
.sbp-ko{font-size:14px;color:#dbeafe;font-weight:600}
.sbp-ko b{color:#fff}
.sbp-wrap.go .sbp-cd .u{border-color:#f59e0b}
.sbp-form{display:flex;gap:4px;justify-content:center;margin-top:8px}
.sbp-form span{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff}
.sbp-form .W{background:#16a34a}.sbp-form .D{background:#64748b}.sbp-form .L{background:#dc2626}
.sbp-form em{font-style:normal;font-size:10.5px;color:#93c5fd;align-self:center;margin-right:4px;font-weight:700}
.sbp-act{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px auto 4px;position:relative;z-index:2}
.sbp-act a,.sbp-act button{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:999px;font:700 14px/1 inherit;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(147,197,253,.35);cursor:pointer;text-decoration:none}
.sbp-act a.pri{background:#2563eb;border-color:#2563eb}
.sbp-act a:hover,.sbp-act button:hover{filter:brightness(1.15)}
.sbp-tape{margin:0 0 18px}
.sbp-tape .tb{margin:6px 0 0;border-radius:16px;overflow:hidden;border:1px solid #ece6d8;background:linear-gradient(90deg,#f7f4ec 0,#f7f4ec 30%,#fff 30%,#fff 70%,#f7f4ec 70%,#f7f4ec 100%)}
.sbp-tape .hd,.sbp-tape .r{display:grid;grid-template-columns:30% 40% 30%;align-items:center}
.sbp-tape .hd{padding:12px 0;border-bottom:2px solid var(--turf,#1d3a72)}
.sbp-tape .hd .t{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-weight:800;font-size:15px;color:#1c1917;padding:0 6px;line-height:1.2}
.sbp-tape .hd .t img{width:36px;height:36px;object-fit:contain}
.sbp-tape .hd .t small{font-size:11px;font-weight:600;color:#78716c}
.sbp-tape .hd .m{text-align:center;font-size:12px;font-weight:700;color:#a8a29e;letter-spacing:.06em}
.sbp-tape .r{padding:9px 0;border-bottom:1px dashed #e7e1d1}
.sbp-tape .r:last-child{border-bottom:0}
.sbp-tape .l{font-size:14px;color:#57534e;text-align:center;line-height:1.3;padding:0 8px}.sbp-tape .l small{display:block;font-size:11.5px;color:#a8a29e}
.sbp-tape .v{justify-self:center;font-size:20px;font-weight:800;color:#1c1917;font-variant-numeric:tabular-nums;padding:3px 12px;border-radius:10px;text-align:center;line-height:1.25}
.sbp-tape .v small{display:block;font-size:10.5px;color:#a8a29e;font-weight:600}
.sbp-tape .v.win{background:#dcfce7;color:#15803d}
.sbp-tape .v .sbp-form{margin:0;justify-content:center}
.sbp-tape .nt{margin:10px 0 0;font-size:12px;color:#a8a29e;text-align:center}
@media (max-width:760px){.sbp-tape .hd,.sbp-tape .r{grid-template-columns:30% 40% 30%}.sbp-tape .v{font-size:17px;padding:2px 8px}.sbp-tape .l{font-size:12.5px}.sbp-tape .hd .t{font-size:13px}.sbp-tape .hd .t img{width:30px;height:30px}.sbp-tape .v .sbp-form{flex-wrap:wrap}}
.mx-story.sbp-an{font-size:16px;line-height:1.85;color:#292524}
.sbp-an .chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}.sbp-an .chips span{background:#f5f2ea;border:1px solid #ebe5d6;border-radius:999px;padding:4px 12px;font-size:13.5px;color:#57534e;line-height:1.6}
.sbp-an .lead{font-size:17px;line-height:1.85;color:#1c1917;margin:0 0 16px}
.sbp-an .keys{background:var(--turf-soft,#eef2fb);border-radius:14px;padding:14px 18px;margin:0 0 18px}.sbp-an .keys h3{margin:0 0 6px;font-size:16px;font-weight:800;color:var(--sbacc-ink,#1d3a72)}
.sbp-an .keys ul{margin:0;padding:0;list-style:none}.sbp-an .keys li{position:relative;padding-left:20px;margin:5px 0;line-height:1.65}.sbp-an .keys li::before{content:"";position:absolute;left:3px;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--turf,#1d3a72)}
.sbp-an .an{padding:16px 0 4px;border-top:1px solid #efe9dc;margin-top:6px}.sbp-an .an h3{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800;margin:0 0 8px;color:#1c1917}
.sbp-an p{margin:0 0 10px}.sbp-an b{font-weight:700;color:#1c1917}
.sbp-an .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sbp-an .tm{background:#faf8f3;border:1px solid #efe9dc;border-radius:14px;padding:12px 14px}
.sbp-an .tm h4{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:15.5px;font-weight:800}.sbp-an .tm h4 img{width:24px;height:24px;object-fit:contain}.sbp-an .tm p{font-size:14.5px;line-height:1.7}
.sbp-an .fl{list-style:none;margin:6px 0 0;padding:0}.sbp-an .fl li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 0;border-top:1px dashed #e7e1d1;font-size:14px;line-height:1.5}
.sbp-an .fl .k{font-style:normal;font-size:11.5px;font-weight:800;color:#fff;border-radius:6px;padding:2px 7px}.sbp-an .k.W{background:#16a34a}.sbp-an .k.D{background:#64748b}.sbp-an .k.L{background:#dc2626}.sbp-an .fl b{font-variant-numeric:tabular-nums}
.sbp-an .ml{list-style:none;margin:4px 0 8px;padding:0}.sbp-an .ml li{padding:6px 0;border-top:1px dashed #e7e1d1;font-size:14.5px;line-height:1.5}.sbp-an .ml span{display:inline-block;min-width:96px;color:#78716c;font-size:13px}
.sbp-an .nt{font-size:13px;color:#a8a29e;margin-top:12px}
@media (max-width:760px){.sbp-an .two{grid-template-columns:1fr}.mx-story.sbp-an{font-size:15.5px}.sbp-an .lead{font-size:16px}}
/* ---- live: crimson ---- */
html body.sbm-live main .mx-hero{background:radial-gradient(110% 80% at 70% 0%,#5a1717 0%,#2a0d0f 44%,#130708 76%)!important;box-shadow:inset 0 -3px 0 #ef4444}
html body.sbm-live main .mx-hero .mx-bg{filter:hue-rotate(-120deg) saturate(.7)}
html body.sbm-live main .mx-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 40% at 50% 100%,rgba(239,68,68,.16),transparent 70%);animation:sbmGlow 2.4s ease-in-out infinite alternate}
@keyframes sbmGlow{from{opacity:.4}to{opacity:1}}
.sbl-bar{position:fixed;left:0;right:0;z-index:998;display:flex;justify-content:center;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s;pointer-events:none}
.sbl-bar.on{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .25s ease,transform .25s ease}
.sbl-bar .in{display:flex;align-items:center;gap:12px;margin-top:6px;padding:8px 16px;border-radius:999px;background:rgba(20,8,9,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.35);border:1px solid rgba(239,68,68,.45);cursor:pointer;max-width:calc(100vw - 20px);font-size:14px}
.sbl-bar .lv{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:11.5px;letter-spacing:.06em;color:#fca5a5}
.sbl-bar .lv i{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.7);animation:sbmPulse 1.4s infinite}
@keyframes sbmPulse{70%{box-shadow:0 0 0 8px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
.sbl-bar .mn{font-weight:800;color:#fde68a;font-variant-numeric:tabular-nums;min-width:34px}
.sbl-bar .t{display:inline-flex;align-items:center;gap:7px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.sbl-bar img{width:22px;height:22px;object-fit:contain}
.sbl-bar .sc{font-weight:900;font-size:17px;padding:2px 10px;border-radius:8px;background:#ef4444;font-variant-numeric:tabular-nums}
/* ---- full time: gold ---- */
html body.sbm-ft main .mx-hero{background:radial-gradient(110% 80% at 50% 0%,#5a4514 0%,#271d09 44%,#140f05 78%)!important}
html body.sbm-ft main .mx-hero .mx-bg{filter:hue-rotate(-75deg) saturate(.9) brightness(1.05)}
html body.sbm-ft main .mx-hero .mx-st{background:linear-gradient(90deg,#f5c84c,#e0a82e)!important;color:#2a1d04!important;border:0!important;font-weight:800!important;letter-spacing:.04em;padding:5px 14px!important}
.sbf-sum{margin:18px 0 6px}
.sbf-sum .in{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) repeat(auto-fit,minmax(150px,1fr));gap:14px;align-items:stretch;padding:18px;border-radius:20px;background:#fff;border:1px solid #ece4cf;box-shadow:0 10px 30px rgba(60,45,10,.07)}
.sbf-sum .in::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#f5c84c,#e0a82e,#f5c84c)}
.sbf-sum .hd{display:flex;flex-direction:column;justify-content:center;gap:6px;padding-right:6px}
.sbf-sum .hd small{font-size:12px;font-weight:800;letter-spacing:.08em;color:#b7871a}
.sbf-sum .hd strong{font-size:clamp(17px,1.7vw,22px);line-height:1.3;color:#1c1917}
.sbf-sum .hd span{font-size:13px;color:#78716c}
.sbf-sum .tile{border-radius:14px;background:#faf7ef;border:1px solid #f0e8d4;padding:12px;display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:0}
.sbf-sum .tile>small{font-size:12px;color:#78716c;font-weight:700}
.sbf-sum .tile .v{font-size:22px;font-weight:800;color:#1c1917;font-variant-numeric:tabular-nums}
.sbf-sum .tile .v i{font-style:normal;color:#a8a29e;margin:0 6px;font-weight:600}
.sbf-sum .bar{display:flex;height:7px;border-radius:9px;overflow:hidden;background:#e7e1d1}
.sbf-sum .bar b{display:block;background:#16a34a}.sbf-sum .bar b+b{background:#2563eb}
.sbf-sum .mvp{flex-direction:row;align-items:center;gap:12px;text-decoration:none;color:inherit}
.sbf-sum .mvp img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#eee;border:3px solid #f5c84c;flex:none}
.sbf-sum .mvp div{min-width:0;display:flex;flex-direction:column;gap:2px}
.sbf-sum .mvp small{font-size:12px;color:#b7871a;font-weight:800}
.sbf-sum .mvp b{font-size:16px;color:#1c1917;line-height:1.3}.sbf-sum .mvp em{white-space:nowrap;display:inline-block}
.sbf-sum .mvp span{font-size:12.5px;color:#78716c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbf-sum .mvp em{font-style:normal;font-weight:800;color:#fff;background:#16a34a;border-radius:7px;padding:1px 7px;font-size:12px;margin-left:4px}
/* ---- postponed / cancelled ---- */
html body.sbm-off main .mx-hero{background:radial-gradient(110% 80% at 70% 0%,#3a3f47 0%,#1f2329 50%,#121418 80%)!important}
html body.sbm-off main .mx-hero .mx-bg{filter:grayscale(1)}
@media (max-width:760px){
 .sbp-cd{gap:5px}.sbp-cd .u{min-width:0;width:54px;padding:7px 3px 5px;border-radius:11px}.sbp-cd .u b{font-size:24px}.sbp-cd .u small{font-size:9.5px}.sbp-cd i{font-size:18px;margin-top:-10px}
 .sbp-ko{font-size:12.5px;text-align:center}.sbp-form span{width:16px;height:16px;font-size:9.5px;border-radius:5px}.sbp-form em{display:none}
 .sbp-act a,.sbp-act button{padding:9px 13px;font-size:13px}
 .sbl-bar .in{gap:8px;padding:7px 12px;font-size:12.5px}.sbl-bar .t span{display:none}.sbl-bar .sc{font-size:15px}
 .sbf-sum .in{grid-template-columns:1fr 1fr;padding:14px;gap:10px}.sbf-sum .hd,.sbf-sum .mvp{grid-column:1/-1}.sbf-sum .tile .v{font-size:19px}
}
@media (max-width:480px){
 .sbp-wrap{gap:5px}.sbp-lab{font-size:10.5px}.sbp-cd{gap:1px}.sbp-cd .u{width:auto;min-width:0;background:none;border:0;box-shadow:none;padding:0 1px;-webkit-backdrop-filter:none;backdrop-filter:none}.sbp-cd .u b{font-size:27px}.sbp-cd .u small{font-size:9px;margin-top:3px}.sbp-cd i{font-size:20px;margin-top:-14px}
 .sbp-ko{font-size:11.5px}.sbp-form{gap:2px}.sbp-form span{width:13px;height:13px;font-size:8.5px;border-radius:4px}
}
@media (prefers-reduced-motion:reduce){html body.sbm-live main .mx-hero::after,.sbl-bar .lv i{animation:none}}

/* sbmt-css-8fb33a2b4714.css */

html body[class*="sbm-"] main{--turf:#15803d!important;--turf-soft:#eaf5ee!important;--sbacc-ink:#0f3a26!important}
html body main header.mx-hero{--hc:#14532d;}
html body[class] main header.mx-hero.mx-hero{--ac:#1e3a8a;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,var(--hc) 0%,color-mix(in srgb,var(--hc) 62%,#050b08) 49.6%,#f5b301 49.6%,#f5b301 50.4%,color-mix(in srgb,var(--ac) 62%,#050b08) 50.4%,var(--ac) 100%)!important}
html body main header.mx-hero>.mx-bg{display:none!important}
html body main header.mx-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(110deg,rgba(255,255,255,.035) 0 2px,transparent 2px 24px),linear-gradient(180deg,rgba(5,11,8,.5) 0%,rgba(5,11,8,.12) 45%,rgba(5,11,8,.78) 100%)!important;opacity:1!important;filter:none!important}
html body main header.mx-hero .mx-wm{position:absolute;top:50%;width:min(44vw,560px);aspect-ratio:1;background:center/contain no-repeat;opacity:.12;z-index:-1;pointer-events:none}
html body main header.mx-hero .mx-wm.l{left:-8%;transform:translateY(-50%) rotate(-12deg)}
html body main header.mx-hero .mx-wm.r{right:-8%;transform:translateY(-50%) rotate(12deg)}
html body main .mx-hero .mx-st:not(.live){background:rgba(245,179,1,.16)!important;border-color:rgba(245,179,1,.45)!important;color:#fcd34d!important}
html body main .mx-hero .sbp-lab,html body main .mx-hero .sbp-form em{color:#fcd34d!important}
html body main .mx-hero .sbp-days{background:rgba(245,179,1,.2)!important;color:#fde68a!important}
html body main .mx-hero .sbp-cd .u{border-color:rgba(255,255,255,.16)!important;background:rgba(5,11,8,.55)!important}
html body main .mx-hero .sbp-cd .u small,html body main .mx-hero .sbp-cd>i{color:rgba(255,255,255,.72)!important}
html body main .mx-hero .sbp-act a.pri{background:linear-gradient(180deg,#22c55e,#15803d)!important;border-color:#15803d!important;color:#fff!important}
html body main .mx-hero .sbp-act button{border-color:rgba(255,255,255,.35)!important}
html body main .mx-card>h2::before,html body main .mx-card>h3::before,html body main .mx-side .mx-card>h2::before,html body main .mx-side .mx-card>h3::before{background:linear-gradient(#2bd576,#15803d)!important}
html body main .mx-tabs a[aria-current],html body main .mx-tabs a.on,html body main .mx-tabs a.active{background:#0f3a26!important}
html body main .mx-h2h .bar i.h{background:#15803d!important}
html body main .mx-h2h .bar i.a{background:#f5b301!important}
html body main .mx-mini tr.me.a td{background:rgba(245,179,1,.14)!important}
html body main .mx-mini tr.me.a td:first-child{box-shadow:inset 3px 0 #f5b301!important}
html body main .mx-fmc .side:last-child .fm{color:#b45309!important}
html body main .mx-pcard .in.a{border-top-color:#f5b301!important}
html body main a.mx-res,html body main a.mx-res b,html body main a.mx-more{color:#0f3a26!important}
html body.sbm-ft .ftx:not(#f1):not(#f2) .mx-card>h2:first-child,html body.sbm-ft .ftx:not(#f1):not(#f2) .mx-card>h3:first-child{background:#0f3a26!important;border-bottom-color:#f5b301!important}
html body.sbm-ft .ftx:not(#f1):not(#f2) .mx-card>h2:first-child::before,html body.sbm-ft .ftx:not(#f1):not(#f2) .mx-card>h3:first-child::before{background:#f5b301!important}
html body[class] main nav.mx-tabs:not(#x):not(#y) a[aria-selected="true"]{background:#15803d!important;color:#fff!important}
html body.sbm-ft main nav.mx-tabs:not(#x){background:#0b1a12!important}
html body.sbm-ft main header.mx-hero .ftp-bg{background:repeating-linear-gradient(110deg,rgba(255,255,255,.035) 0 2px,transparent 2px 24px),linear-gradient(180deg,rgba(5,11,8,.45) 0%,rgba(5,11,8,.1) 40%,rgba(5,11,8,.85) 100%),linear-gradient(110deg,var(--hc) 0%,color-mix(in srgb,var(--hc) 62%,#050b08) 49.6%,#f5b301 49.6%,#f5b301 50.4%,color-mix(in srgb,var(--ac) 62%,#050b08) 50.4%,var(--ac) 100%)!important}
html body.sbm-ft main header.mx-hero .ftp-bg .ph,html body.sbm-ft main header.mx-hero .ftp-bg .glow{display:none!important}
html body.sbm-ft main header.mx-hero .ftp-bg .mx-wm{z-index:0}
@media (max-width:760px){html body main header.mx-hero .mx-wm{width:70vw;top:40%}html body main header.mx-hero .mx-wm.l{left:-28%}html body main header.mx-hero .mx-wm.r{right:-28%}}

/* sbmt3-css-a311708da532.css */

html body.single-fb_match{background:#eef1ec!important}
html body.single-fb_match main .mx-card{background:#fff!important;border:1px solid #e3e9e5!important;border-radius:20px!important;box-shadow:0 1px 2px rgba(11,26,18,.04),0 14px 32px -26px rgba(11,26,18,.35)!important}
html body.single-fb_match main .mx-card h2{color:#0b1a12!important}
html body.single-fb_match main .sbp-tape .tb{background:linear-gradient(90deg,#f2f7f3 0,#f2f7f3 30%,#fff 30%,#fff 70%,#f2f7f3 70%)!important;border-color:#e3e9e5!important}
html body.single-fb_match main .mx-card .chips>span{background:#f2f7f3!important;border:1px solid #e3e9e5!important;color:#0b1a12!important}
html body.single-fb_match main .an .two .tm,html body.single-fb_match main .mx-ha>div,html body.single-fb_match main .lk-team{background:#f6f9f7!important;border-color:#e3e9e5!important}
html body.single-fb_match main li.out,html body.single-fb_match main li.q{background:#f6f9f7!important;border:1px solid #edf1ee}
html body.single-fb_match main .mx-stat .bar i{background:#e3e9e5}
html body.single-fb_match main thead th{background:#f2f7f3!important;color:#0b1a12!important}
html body.single-fb_match main .mx-card small,html body.single-fb_match main .hd .m,html body.single-fb_match main .sbp-tape .nt,html body.single-fb_match main .mx-cd-when,html body.single-fb_match main .fbth-empty{color:#1d2a22!important}
html body.single-fb_match main .fbth-empty{background:#f6f9f7!important}
/* 21:27 owner "เช็คสีตัวหนังสือ": scores on the coloured form tiles (win / draw / loss) back to white */
html body.single-fb_match main .mx-card a.mx-fm small,html body.single-fb_match main .mx-card a.mx-fm b,html body.single-fb_match main .mx-card a.mx-fm span{color:#fff!important}
html body.single-fb_match main .mx-story p,html body.single-fb_match main .mx-story p span:not([class]),html body.single-fb_match main .mx-story .an p,html body.single-fb_match main .mx-ha small,html body.single-fb_match main .mx-cmp p{color:#1d2a22!important}
html body.single-fb_match main .mx-card .keys{background:#eaf5ee!important;border:1px solid #cfe6d7}
html body.single-fb_match main nav.mx-tabs.sb1tab{display:none!important}
/* countdown v3 (owner "ปรับตัวแสดงเวลาใหม่ เช็คขนาดหน้าจออื่นด้วย", 12 Oct 20:55): flip-clock tiles, gold days tile when more than a day, pulsing gold colons, sizes for tablet and phone */
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd{display:flex!important;align-items:flex-start;justify-content:center;gap:8px}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd .u{display:flex!important;flex-direction:column;align-items:center;gap:7px;width:auto!important;min-width:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd .u b{position:relative;display:grid;place-items:center;width:74px;height:82px;border-radius:14px;background:linear-gradient(180deg,#1d3a2a 0 50%,#132a1d 50% 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(255,255,255,.08),0 16px 28px -14px rgba(0,0,0,.95);font:700 46px/1 Rubik,sans-serif!important;color:#fff!important;font-variant-numeric:tabular-nums;letter-spacing:.01em}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd .u b:after{content:"";position:absolute;left:6px;right:6px;top:50%;height:1px;background:rgba(0,0,0,.5);box-shadow:0 1px 0 rgba(255,255,255,.06)}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd .u small{font:600 11.5px Prompt,sans-serif!important;letter-spacing:.04em;color:#cfe0d5!important}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd>i{align-self:flex-start;margin-top:26px;font:700 26px/1 Rubik,sans-serif!important;font-style:normal;color:#fcd34d!important;animation:sbCdBlink 1s steps(1) infinite}
@keyframes sbCdBlink{50%{opacity:.25}}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd .u.dd b{background:linear-gradient(180deg,#facc15 0 50%,#eab308 50% 100%)!important;color:#1a1405!important}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd .u.dd small{color:#fcd34d!important}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-days{display:none!important}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd .u.off,html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd>i.off{display:none!important}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-lab{display:block;margin-bottom:10px;font:600 12.5px Prompt,sans-serif!important;letter-spacing:.08em;color:#fcd34d!important}
@media (max-width:980px){html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd .u b{width:60px;height:68px;font-size:36px!important;border-radius:12px}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd>i{margin-top:20px;font-size:22px!important}}
@media (max-width:600px){html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd{gap:4px}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd .u{gap:5px}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd .u b{width:46px;height:52px;font-size:27px!important;border-radius:10px}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd .u small{font-size:10px!important;letter-spacing:0}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd>i{margin-top:14px;font-size:17px!important}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-lab{margin-bottom:7px;font-size:11.5px!important}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-ko{font-size:12px!important;margin-top:8px}}
@media (max-width:360px){html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd .u b{width:40px;height:46px;font-size:23px!important}}
/* phones: two teams side by side on top, countdown card full width under them (names were cut off in three narrow columns) */
@media (max-width:600px){html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .mx-score{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px 10px!important}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .mx-team.h{grid-column:1!important;grid-row:1!important}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .mx-team.a{grid-column:2!important;grid-row:1!important}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .mx-mid{grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:340px;justify-self:center}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .mx-team{min-width:0}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .mx-team .crest{width:76px!important;height:76px!important}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .mx-team b{font-size:18px!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.2}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-form{flex-wrap:wrap;justify-content:center;gap:3px!important}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-form span{width:20px!important;height:20px!important;font-size:10px!important}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-form em{width:100%;text-align:center}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd .u b{width:56px;height:62px;font-size:33px!important}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-cd>i{margin-top:17px;font-size:20px!important}}
/* hero v3 (owner "ปรับ hero ใหม่", 12 Oct 20:50): night-stadium look like the home hero - dark sky, soft team-colour glows left and right instead of the hard diagonal split, floodlight from the top, pitch with a touchline at the bottom, faint crest watermarks, crests with team-colour halo, glass countdown card, info as chips */
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero{background:radial-gradient(55% 75% at 12% 48%,color-mix(in srgb,var(--hc,#14532d) 60%,transparent),transparent 70%),radial-gradient(55% 75% at 88% 48%,color-mix(in srgb,var(--ac,#1e3a8a) 60%,transparent),transparent 70%),linear-gradient(180deg,#050c08 0%,#0a1710 58%,#0c2416 100%)!important}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero::before{background:linear-gradient(180deg,transparent 0 98%,rgba(255,255,255,.28) 98%,rgba(255,255,255,.28) calc(98% + 1px),transparent calc(98% + 1px)),linear-gradient(180deg,transparent 78%,rgba(22,128,61,.55) 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,transparent 1px 96px)!important;opacity:1!important}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero::after{background:radial-gradient(38% 55% at 50% -5%,rgba(255,250,225,.16),transparent 70%),radial-gradient(3px 3px at 22% 9%,rgba(255,255,255,.85),transparent),radial-gradient(3px 3px at 78% 7%,rgba(255,255,255,.85),transparent)!important}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .mx-wm{opacity:.06!important;filter:grayscale(.2)}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .mx-team .crest{background:#fff!important;box-shadow:0 0 0 6px rgba(255,255,255,.08),0 0 0 7px rgba(255,255,255,.14),0 0 46px -2px var(--hc,#14532d),0 18px 34px -16px rgba(0,0,0,.8)!important}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .mx-team.a .crest{box-shadow:0 0 0 6px rgba(255,255,255,.08),0 0 0 7px rgba(255,255,255,.14),0 0 46px -2px var(--ac,#1e3a8a),0 18px 34px -16px rgba(0,0,0,.8)!important}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .mx-team b{font-size:clamp(20px,2.4vw,32px)!important;letter-spacing:.01em;text-shadow:0 4px 18px rgba(0,0,0,.5)}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .mx-team>small{display:inline-block;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:#d7e5dc!important}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .mx-mid{padding:16px 18px 14px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 50px -30px rgba(0,0,0,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-lab{color:#fcd34d!important}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero ul.mx-info{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;border-top:0!important;padding-top:6px!important}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero ul.mx-info li{padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#e8efe9!important;font-size:13px}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero ul.mx-info li:before,html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero ul.mx-info li:after{display:none!important}
html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-ko{display:block!important;width:auto!important;height:auto!important;margin-top:10px;font:500 13px Prompt,sans-serif;color:#d7e5dc!important;text-align:center}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .sbp-ko b{color:#fcd34d!important}
@media (max-width:700px){html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero .mx-mid{padding:10px 8px;border-radius:16px}html body.single-fb_match:not(.sbm-ft) main header.mx-hero.mx-hero.mx-hero ul.mx-info li{font-size:12px;padding:5px 10px}}
html body.single-fb_match main nav.mx-tabs{border-radius:999px!important;border:1px solid #e3e9e5!important;box-shadow:0 1px 2px rgba(11,26,18,.04)!important}

/* sbv-hero-css-1b71b3a6d5d1.css */

/* 02:25 owner "เอา ฟังสรุปเกม ไปไว้ที่ ตรง hero ด้านล่างสกอร์": the voice button sits in the hero, centred under the score */
/* 03:58 owner "เอาออก" (pre-match hero buttons เพิ่มลงปฏิทิน / ข้อมูลก่อนเกม) */
html body header.mx-hero .sbp-act{display:none!important}
.sbv-hero{display:flex;flex-direction:column;align-items:center;gap:6px;margin:14px auto 2px;position:relative;z-index:5;width:100%}
.sbv-hero .sbv{margin:0!important;box-shadow:0 6px 18px rgba(0,0,0,.28)!important}
/* 02:43 owner "ใส่หัวข้อเดิมเข้าไป": summary heading shown again */
/* 02:42 owner "เอากล่องเขียวออก": no scoreboard box in the summary card (the hero already shows it) */
html body .sbsum .vd{display:none!important}
/* 02:48 owner "แท็บด้านบนคลิกแล้วไม่ไป": an old phone rule showed every tab panel at once, so tapping a tab did nothing visible. Tabs now switch panels on phones too; the overview tab keeps its side cards at the very bottom */
html body main .mx-panel[hidden]{display:none!important}
.ftp-mid .sbv-hero{margin:12px auto 0}
.sbv .ldt{display:none}.sbv.ld .pl,.sbv.ld .st{display:none!important}.sbv.ld .ldt{display:inline}
.sbv{position:relative;overflow:hidden}.sbv .pg{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.18);display:none}.sbv.ld .pg{display:block}.sbv .pg i{display:block;height:100%;width:0;background:#e3b93a}.sbv.ld .pg i{animation:sbvPg 3s ease-out forwards}.sbv.ld.gen .pg i{animation:sbvPg 14s cubic-bezier(.15,.6,.3,1) forwards}@keyframes sbvPg{to{width:94%}}
.sbv-wait{display:block;margin:6px 0 10px;font:400 12.5px/1.5 Anuphan,sans-serif;color:#33443a}.sbv-hero .sbv-wait{margin:0;color:#e8efe9!important;text-align:center;max-width:320px}
.sbv-hero .sbv-note{margin:0!important;color:#e8efe9!important;text-align:center;max-width:320px}

/* sbsn-css-f495d38153c1.css */

.site-head .subbar.sn-on{background:linear-gradient(180deg,#0e2016,#0a1710)!important;border-bottom:2px solid rgba(245,179,1,.5)!important;box-shadow:0 6px 18px -10px rgba(0,0,0,.6)}
.site-head .subbar.sn-on .sub-in{display:flex!important;align-items:center;gap:14px;min-height:60px;padding-top:0;padding-bottom:0}
.site-head .subbar.sn-on #lg-pick{flex:none;position:relative}
.site-head .subbar.sn-on #lg-pick>summary{display:flex!important;align-items:center;gap:10px;padding:5px 14px 5px 5px!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;cursor:pointer;list-style:none;transition:background .2s,border-color .2s}
.site-head .subbar.sn-on #lg-pick>summary::-webkit-details-marker{display:none}
.site-head .subbar.sn-on #lg-pick>summary:hover,.site-head .subbar.sn-on #lg-pick[open]>summary{background:rgba(255,255,255,.1)!important;border-color:rgba(245,179,1,.6)!important}
.site-head .subbar.sn-on .sn-lg{flex:none;width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 2px #f5b301}
.site-head .subbar.sn-on .sn-lg img{width:22px;height:22px;object-fit:contain}
.site-head .subbar.sn-on #league-name{display:flex;flex-direction:column;line-height:1.15}
.site-head .subbar.sn-on #league-name b{font:700 14.5px/1.2 Prompt,sans-serif;color:#fff}
.site-head .subbar.sn-on #league-name small{font:600 11.5px/1.2 Prompt,sans-serif;color:#fcd34d}
.site-head .subbar.sn-on #lg-pick>summary svg{color:#fcd34d;transition:transform .2s}
.site-head .subbar.sn-on #lg-pick[open]>summary svg{transform:rotate(180deg)}
.site-head .subbar.sn-on .lg-menu{top:calc(100% + 10px)!important;left:0!important;min-width:min(560px,92vw);display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px!important;padding:10px!important;border-radius:16px!important;background:#0f2419!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 22px 50px -12px rgba(0,0,0,.65)!important;z-index:80}
.site-head .subbar.sn-on #lg-pick[open] .lg-menu{display:grid!important}
.site-head .subbar.sn-on .lg-menu a{display:flex!important;align-items:center;gap:10px;padding:9px 12px!important;border-radius:10px!important;color:rgba(255,255,255,.85)!important;font:600 14px Prompt,sans-serif!important;text-decoration:none!important;background:none!important;white-space:nowrap}
.site-head .subbar.sn-on .lg-menu a i{flex:none;width:26px;height:26px;border-radius:50%;background:#fff;display:grid;place-items:center}
.site-head .subbar.sn-on .lg-menu a i img{width:18px;height:18px;object-fit:contain}
.site-head .subbar.sn-on .lg-menu a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.site-head .subbar.sn-on .lg-menu a[aria-current]{background:rgba(245,179,1,.14)!important;color:#fcd34d!important}
.site-head .subbar.sn-on #league-tabs{display:flex!important;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;padding:0!important;margin:0!important;border:0!important;background:none!important}
.site-head .subbar.sn-on #league-tabs::-webkit-scrollbar{display:none}
.site-head .subbar.sn-on #league-tabs a{flex:none;display:inline-flex!important;align-items:center;gap:7px;padding:9px 14px!important;border-radius:12px!important;border:0!important;background:none!important;color:rgba(255,255,255,.72)!important;font:600 14px/1 Prompt,sans-serif!important;text-decoration:none!important;white-space:nowrap;box-shadow:none!important;transition:background .2s,color .2s}
.site-head .subbar.sn-on #league-tabs a svg{width:17px;height:17px;flex:none;opacity:.85}
.site-head .subbar.sn-on #league-tabs a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.site-head .subbar.sn-on #league-tabs a.is-on,.site-head .subbar.sn-on #league-tabs a[aria-current="page"]{background:#f5b301!important;color:#0b1a12!important;box-shadow:0 6px 16px -8px rgba(245,179,1,.8)!important}
.site-head .subbar.sn-on #league-tabs a.is-on svg,.site-head .subbar.sn-on #league-tabs a[aria-current="page"] svg{opacity:1}
body.sblp .fx-nav{top:var(--lphh,126px)!important}
@media (max-width:760px){
 .site-head .subbar.sn-on .sub-in{gap:8px;min-height:54px}
 .site-head .subbar.sn-on.sn-logo #lg-pick>summary{padding:4px 8px 4px 4px!important;gap:4px}
 .site-head .subbar.sn-on.sn-logo #league-name{display:none!important}
 .site-head .subbar.sn-on:not(.sn-logo) #league-name b{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
 .site-head .subbar.sn-on #league-name small{display:none}
 .site-head .subbar.sn-on .sn-lg{width:30px;height:30px}
 .site-head .subbar.sn-on .sn-lg img{width:19px;height:19px}
 .site-head .subbar.sn-on #league-tabs{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:24px!important}
 .site-head .subbar.sn-on #league-tabs a{padding:8px 11px!important;font-size:13.5px!important;gap:6px}
 .site-head .subbar.sn-on #league-tabs a svg{width:15px;height:15px}
 .site-head .subbar.sn-on .lg-menu{position:fixed!important;left:10px!important;right:10px!important;top:auto!important;min-width:0;max-height:70vh;overflow:auto}
}

/* sb-mega-css-ef990815765b.css */
header.site-head .mega .mm-lg{background:#f6f9f7!important;border-color:#e3e9e5!important}header.site-head .mega .mm-lg .mm-links a{background:#fff!important;border-color:#dfe7e1!important;color:#0b1a12!important;transition:background .15s,border-color .15s,color .15s}header.site-head .mega .mm-lg .mm-links a:hover{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important}header.site-head .mega .mm-lg a.mm-name{color:#0b1a12!important}header.site-head .mega .mm-lg a.mm-name:hover{color:#15803d!important}@media (min-width:1025px) and (max-width:1240px){html body header.site-head.site-head .nav-item>a{padding:8px 8px!important;font-size:14px!important}html body header.site-head.site-head .nav-item .chev{display:none!important}html body header.site-head.site-head .sb-clock small{display:none!important}html body header.site-head.site-head form.hsearch{flex:0 1 190px!important;max-width:190px!important;min-width:0!important}}header.site-head .mega-res,header.site-head .mega-fix,header.site-head .mega-tbl{width:520px!important}header.site-head .mega-lg{width:720px!important}header.site-head .mega .mm-h{margin:2px 4px 10px;font:600 13px Prompt,sans-serif;letter-spacing:.03em;color:#15803d}header.site-head .mega .mm-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}header.site-head .mega .mm-tiles a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:#f6f9f7;border:1px solid #e9efea;color:#0b1a12!important;font:500 14px Prompt,sans-serif;text-decoration:none!important;transition:background .15s,border-color .15s,transform .15s}header.site-head .mega .mm-tiles a:hover{background:#eaf5ee;border-color:#bfe0c9;transform:translateX(2px)}header.site-head .mega .mm-tiles img{width:28px;height:28px;padding:3px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #e3e9e5;object-fit:contain;flex:none}header.site-head .mega-lg>.mm-lg{margin-bottom:8px}@media (min-width:1025px){html body header.site-head.site-head .nav-item>a.is-on{background:rgba(255,255,255,.07)!important;color:#fff!important}html body header.site-head.site-head .nav-item>a.is-on:after{width:22px!important}}header.site-head .mega{box-shadow:0 26px 60px -24px rgba(0,0,0,.55)!important;border:1px solid #e3e9e5}