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}