/* 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.css */
.fbth{--fb-ink:#14201a;--fb-muted:#5b6b61;--fb-line:#dfe5e0;--fb-turf:#1d6b45;--fb-soft:#e7f2ea;--fb-loss:#b23b2e;--fb-draw:#b07a12;font-variant-numeric:tabular-nums;margin:1.5em 0;color:var(--fb-ink)}
.fbth-title{margin:0 0 .6em}
.fbth h4{display:flex;align-items:center;gap:8px;margin:1.2em 0 .4em;font-size:1em}
.fbth-scroll{overflow-x:auto}
.fbth-table{width:100%;border-collapse:collapse;font-size:14px}
.fbth-table th,.fbth-table td{padding:8px 6px;text-align:center;border-bottom:1px solid var(--fb-line);white-space:nowrap}
.fbth-table th{font-size:12px;color:var(--fb-muted);font-weight:600}
.fbth-table .t{text-align:left}
.fbth-table .pts{font-weight:700}
.fbth-table tr.up td:first-child{box-shadow:inset 3px 0 var(--fb-turf);color:var(--fb-turf);font-weight:700}
.fbth-table tr.down td:first-child{box-shadow:inset 3px 0 var(--fb-loss);color:var(--fb-loss);font-weight:700}
.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-league{border:1px solid var(--fb-line);border-radius:8px;margin-bottom:12px;overflow:hidden}
.fbth-league h4{margin:0;padding:8px 12px;background:var(--fb-soft)}
.fbth-row{display:grid;grid-template-columns:80px minmax(0,1fr) 56px minmax(0,1fr) 90px;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--fb-line);font-size:14px}
.fbth-row:last-child{border-bottom:none}
.fbth-home{text-align:right}
.fbth-home,.fbth-away{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fbth-score{text-align:center;font-weight:700}
.fbth-time,.fbth-status{font-size:12px;color:var(--fb-muted)}
.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)}
.fbth-note{font-size:12px;color:var(--fb-muted)}
div.fbth-team{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
div.fbth-team dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0}
div.fbth-team dt{color:var(--fb-muted)}
div.fbth-team dd{margin:0}
.fbth-squad{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}
.fbth-squad li{display:flex;align-items:center;gap:4px}
.fbth-squad span{color:var(--fb-muted);font-size:12px}
.fbth-h2h{font-weight:700}
@media (max-width:560px){.fbth-row{grid-template-columns:52px minmax(0,1fr) 44px minmax(0,1fr)}.fbth-status{grid-column:1/-1}.fbth-logo{display:none}}
.fbth-ana{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;font-size:12.5px;color:var(--fb-muted);padding:2px 8px 10px;border-bottom:1px solid var(--fb-line)}
.fbth-ana>span:first-child{text-align:right}
.fbth-ana b{font-weight:600;color:var(--fb-turf);background:var(--fb-soft);border-radius:999px;padding:2px 10px;white-space:nowrap}
.fbth-ana .form{display:inline-flex;gap:2px;vertical-align:middle}
.fbth-ana .form i{font-style:normal;width:16px;height:16px;border-radius:4px;display:inline-grid;place-items:center;font-size:10px;color:#fff}
.fbth-ana .f-W{background:#13703f}.fbth-ana .f-D{background:#b07a12}.fbth-ana .f-L{background:#b23b2e}
@media (max-width:560px){.fbth-ana{grid-template-columns:1fr;text-align:center}.fbth-ana>span:first-child{text-align:center}}
/* tabs (home) */
.fbth-tabs{margin:0}
.fbth-tablist{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 12px;margin-bottom:4px;border-bottom:1px solid var(--fb-line)}
.fbth-tablist button{flex:none;border:1px solid var(--fb-line);background:transparent;color:inherit;font:600 14.5px var(--f-display,inherit);padding:8px 14px;border-radius:999px;cursor:pointer;min-height:40px;white-space:nowrap}
.fbth-tablist button:hover{border-color:var(--fb-turf);color:var(--fb-turf)}
.fbth-tablist button[aria-selected="true"]{background:var(--fb-turf);border-color:var(--fb-turf);color:#fff}
.fbth-tablist button:focus-visible{outline:2px solid #f2b230;outline-offset:2px}
.fbth-compact td,.fbth-compact th{padding:8px 6px}
.fbth-compact .form i{width:16px;height:16px;font-size:10px}
.fbth-more{margin:10px 0 0;text-align:right;font-size:14px}
.fbth-more a{font-weight:600;text-decoration:none}
/* news */
.fbth-news{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fbth-news-item{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:start}
.fbth-news-item.lead{grid-column:1/-1;grid-template-columns:minmax(0,1.2fr) 1fr;gap:18px}
.fbth-news-item .thumb{position:relative;display:block;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#1a5c35;background-image:repeating-linear-gradient(90deg,#1a5c35 0 26px,#1e6a3d 26px 52px)}
.fbth-news-item .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.fbth-news-item .thumb span{position:absolute;left:8px;bottom:8px;background:#f2b230;color:#2a1d00;font:700 11.5px var(--f-display,inherit);padding:2px 8px;border-radius:999px}
.fbth-news-item h3{margin:0 0 4px;font-size:16px;line-height:1.4}
.fbth-news-item.lead h3{font-size:clamp(19px,2.4vw,24px)}
.fbth-news-item h3 a{color:inherit;text-decoration:none}
.fbth-news-item h3 a:hover{color:var(--fb-turf)}
.fbth-news-item p{margin:0 0 4px;font-size:14px;color:var(--fb-muted)}
.fbth-news-item time{font-size:12.5px;color:var(--fb-muted)}
@media (max-width:640px){.fbth-news{grid-template-columns:1fr}.fbth-news-item.lead{grid-template-columns:1fr}}
/* live club card */
.fbth-live{border:1px solid var(--fb-line);border-radius:16px;padding:16px;display:grid;gap:12px}
.fbth-live-top{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.fbth-live .crest{width:72px;height:72px;object-fit:contain}
.fbth-live .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;flex:1;min-width:240px}
.fbth-live .facts>div{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:var(--fb-soft)}
.fbth-live .facts span{font-size:12.5px;color:var(--fb-muted)}
.fbth-live .facts b{font-size:18px;line-height:1.3}
.fbth-live .facts b a{color:inherit}
.fbth-live .facts small{font-size:12.5px;color:var(--fb-muted)}
.fbth-live .form{display:inline-flex;gap:3px}
.fbth-live .form i{font-style:normal;width:20px;height:20px;border-radius:5px;display:inline-grid;place-items:center;font-size:11px;color:#fff}
.fbth-live .f-W{background:#13703f}.fbth-live .f-D{background:#b07a12}.fbth-live .f-L{background:#b23b2e}
.fbth-venue{margin:0}
.fbth-venue img{width:100%;max-height:300px;object-fit:cover;border-radius:12px;display:block}
.fbth-venue figcaption{font-size:13px;color:var(--fb-muted);margin-top:6px}
/* club grid */
.fbth-clubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px}
.fbth-clubs a{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--fb-line);border-radius:14px;text-decoration:none;color:inherit}
.fbth-clubs a:hover{border-color:var(--fb-turf)}
.fbth-clubs img{width:44px;height:44px;object-fit:contain;flex:none}
.fbth-clubs span{display:grid}
.fbth-clubs small{color:var(--fb-muted);font-size:12.5px}
.fv-intro p:last-child{margin-bottom:0}
/* seasons */
.fbth-seasons{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px}
.fbth-seasons a{display:grid;justify-items:center;text-align:center;gap:6px;padding:16px 12px;border:1px solid var(--fb-line);border-radius:18px;text-decoration:none;color:inherit;transition:transform .15s,border-color .15s}
.fbth-seasons a:hover{transform:translateY(-2px);border-color:var(--fb-turf)}
.fbth-seasons .yr{font-weight:800;font-size:13px;color:var(--fb-turf);background:var(--fb-soft);border-radius:999px;padding:2px 12px}
.fbth-seasons img{width:44px;height:44px;object-fit:contain}
.fbth-seasons small{color:var(--fb-muted);font-size:12.5px}
.fbth-champ{display:flex;align-items:center;gap:18px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#fff7df,#ffe7a3);color:#3a2a00;margin:0 0 16px}
.fbth-champ img{width:88px;height:88px;object-fit:contain;background:#fff;border-radius:50%;padding:8px;box-shadow:0 8px 20px -10px rgba(0,0,0,.4)}
.fbth-champ div{display:grid;gap:2px}
.fbth-champ span{font-size:13.5px;font-weight:600}
.fbth-champ b{font-size:26px;line-height:1.2}
.fbth-champ b a{color:inherit}
.fbth-champ small{font-size:14px;opacity:.8}
.fbth-seasonnav{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}
.fbth-seasonnav a{padding:7px 14px;border-radius:999px;border:1px solid var(--fb-line);text-decoration:none;font-weight:600}
.fbth-rounds details{border:1px solid var(--fb-line);border-radius:16px;margin-bottom:8px;overflow:hidden}
.fbth-rounds summary{cursor:pointer;padding:12px 16px;font-weight:700;list-style:none;display:flex;justify-content:space-between}
.fbth-rounds summary::-webkit-details-marker{display:none}
.fbth-rounds summary small{font-weight:500;color:var(--fb-muted)}
.fbth-rounds details[open] summary{background:var(--fb-soft)}
.fbth-rounds .fbth-matches{padding:8px}
/* event photos (v3.0.2) */
.fv-ev{align-items:center}
.ev-pic{position:relative;flex:0 0 auto;display:inline-block;width:34px;height:34px}
.ev-pic.big{width:52px;height:52px}
.ev-pic img:first-child{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--chalk,#eef3ef);border:2px solid var(--surface,#fff);box-shadow:0 2px 8px -3px rgba(0,0,0,.35)}
.ev-pic .ev-club{position:absolute;right:-4px;bottom:-4px;width:18px!important;height:18px!important;border-radius:50%!important;background:#fff;padding:1px;border:1px solid var(--line,#ddd)!important;box-shadow:none!important;object-fit:contain}
.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{grid-template-columns:44px 22px 56px minmax(0,1fr)}
.fv-events .fv-ev .min{order:1}.fv-events .fv-ev .ic{order:2}.fv-events .fv-ev .ev-pic{order:3;justify-self:center}.fv-events .fv-ev .what{order:4}
.fv-events .fv-ev.a{grid-template-columns:minmax(0,1fr) 56px 22px 44px}
.fv-events .fv-ev.a .what{order:1}.fv-events .fv-ev.a .ev-pic{order:2}.fv-events .fv-ev.a .ic{order:3}.fv-events .fv-ev.a .min{order:4;text-align:right}
.fv-events .fv-ev.a.is-key{background:linear-gradient(270deg,rgba(11,122,67,.08),transparent 70%)}
@media (max-width:600px){.fv-events .fv-ev{grid-template-columns:38px 18px 46px minmax(0,1fr);gap:6px}.fv-events .fv-ev.a{grid-template-columns:minmax(0,1fr) 46px 18px 38px}.ev-pic.big{width:44px;height:44px}}
/* v3.0.3 tabs show every league */
.fbth-tablist{flex-wrap:wrap;overflow:visible}
.fbth-tablist button{display:inline-flex;align-items:center;gap:6px}
.fbth-tablist button img{width:18px;height:18px;object-fit:contain;background:#fff;border-radius:5px;padding:1px}
.fbth-full td,.fbth-full th{text-align:center;white-space:nowrap}
.fbth-full td.t,.fbth-full th.t{text-align:left;width:40%}
.fbth-full tr.zone td:first-child{box-shadow:inset 3px 0 0 var(--fb-turf,#0b7a43);font-weight:700}
/* v3.1.0 match photos */
.fv-board.has-photo{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#0b1f14}
.fv-board.has-photo::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--venue) center/cover no-repeat;transform:scale(1.04);filter:saturate(1.1)}
.fv-board.has-photo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,20,12,.55),rgba(4,20,12,.82))}
.fv-board.has-photo .fv-meta,.fv-board.has-photo small,.fv-board.has-photo .fv-team b,.fv-board.has-photo .fv-team b a,.fv-board.has-photo .fv-score .n{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.fv-board.has-photo .fv-crest{background:#fff;border-radius:50%;padding:6px;box-shadow:0 8px 24px -8px rgba(0,0,0,.6)}
.fv-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.fv-ph{position:relative;margin:0;display:block;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#e8f2ec,#cfe3d7);aspect-ratio:3/4;text-decoration:none;color:#fff;box-shadow:0 10px 24px -14px rgba(0,0,0,.5);transition:transform .2s,box-shadow .2s}
.fv-ph:hover{transform:translateY(-4px);box-shadow:0 18px 32px -16px rgba(0,0,0,.55)}
.fv-ph>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.fv-ph.venue{grid-column:span 2;aspect-ratio:auto;min-height:200px}
.fv-ph.crest>img:first-child{object-fit:contain;padding:24%}
.fv-ph figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.78));display:grid;gap:1px}
.fv-ph figcaption b{font:700 14px/1.25 var(--f-display,inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fv-ph figcaption small{font-size:12px;opacity:.85}
.fv-ph .club{position:absolute;top:8px;left:8px;width:28px;height:28px;object-fit:contain;background:#fff;border-radius:50%;padding:3px}
.fv-ph .rt{position:absolute;top:8px;right:8px;font:800 13px var(--f-display,inherit);background:#0b7a43;color:#fff;border-radius:8px;padding:2px 7px}
.fv-ph.mvp{outline:3px solid #f2b230;outline-offset:-3px}
.fv-ph.mvp .rt{background:#f2b230;color:#3a2a00}
.fv-credit{margin:10px 0 0;font-size:12px;color:var(--muted,#667)}
.lu-ph{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#eef3ef;vertical-align:middle;margin-right:6px}
@media (max-width:560px){.fv-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.fv-ph.venue{grid-column:1/-1}}
.fv-gallery .fv-ph figcaption,.fv-gallery .fv-ph figcaption b,.fv-gallery .fv-ph figcaption small{color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.fv-gallery .fv-ph figcaption{background:linear-gradient(transparent,rgba(0,0,0,.85) 55%)}
.fv-gallery .fv-ph.venue{min-height:240px}
/* v3.2 highlight clip */
.fv-clip{display:grid;gap:10px}
.fv-clip-play,.fv-clip-frame{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:16px;overflow:hidden;background:#000;cursor:pointer}
.fv-clip-play img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity .2s,transform .3s}
.fv-clip-play:hover img{opacity:1;transform:scale(1.02)}
.fv-clip-play .pl{position:absolute;left:50%;top:50%;width:76px;height:54px;margin:-27px 0 0 -38px;border-radius:16px;background:#e62117;box-shadow:0 10px 30px -8px rgba(0,0,0,.6)}
.fv-clip-play .pl::after{content:"";position:absolute;left:31px;top:15px;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #fff}
.fv-clip-meta{margin:0;display:grid;gap:2px}
.fv-clip-meta small{color:var(--muted,#667)}
/* ===== v3.4 match centre ===== */
.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.has-photo::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--venue) center/cover no-repeat;transform:scale(1.05)}
.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}
.mx-st.live{background:#e5383b;border-color:#e5383b;animation:mxpulse 1.6s infinite}
@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}
/* events timeline */
.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-red::after{content:"";width:10px;height:14px;background:#d62828;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}
/* stats */
.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}
/* MVP */
.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)}
/* h2h */
.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}
/* pitch */
.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 .rt.hi{background:#16a34a}
.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}
.mx-rt.hi{background:#dcfce7;color:#166534}
@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}
/* ===== v3.5 match effects + links ===== */
.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.has-photo::before{animation:mxZoom 18s ease-in-out infinite alternate}
.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}}
/* reveal on scroll */
.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{opacity:0;transform:translateY(16px) scale(.97);transition:opacity .5s calc(var(--i,0)*60ms),transform .5s calc(var(--i,0)*60ms),box-shadow .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)}}
/* share */
.mx-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-6px 0 16px}
.mx-share span{font-weight:700;font-size:13.5px;color:var(--muted,#667);margin-right:2px}
.mx-share a,.mx-share button{display:inline-flex;align-items:center;gap:6px;font:700 13px var(--f-body,inherit);padding:7px 14px;border-radius:999px;border:0;cursor:pointer;color:#fff;text-decoration:none;transition:transform .15s,filter .15s}
.mx-share a:hover,.mx-share button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.mx-share .ln{background:#06c755}.mx-share .fb{background:#1877f2}.mx-share .x{background:#111}.mx-share .cp{background:var(--chalk,#eef3ef);color:var(--ink,#111)}
/* form + next + links */
.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}}
/* ===== v3.6 hero: no photo, animated pitch + timeline + possession ===== */
.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-hero.has-photo::before{content:none!important}
/* scorers slide in */
.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)}}
/* timeline */
.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-red i{background:#e5383b;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}
/* possession */
.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}}
/* v3.7 full-screen match hero */
.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)}}
.fbth-view .page-head{position:relative;z-index:2}
#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}
/* v3.8 match: crumbs inside hero, no league chip bar */
body.fbth-match .site-head .subbar{display:none!important}
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}
/* v3.9 real match frames */
.fv-gallery.shots{grid-template-columns:repeat(3,minmax(0,1fr))}
.fv-ph.shot{border:0;padding:0;cursor:pointer;aspect-ratio:16/9;background:#000}
.fv-ph.shot.big{grid-column:1/-1}
.fv-ph.shot>img:first-child{object-fit:cover;object-position:center}
.fv-ph.shot .pl{position:absolute;left:50%;top:50%;width:56px;height:40px;margin:-20px 0 0 -28px;border-radius:12px;background:rgba(230,33,23,.92);transition:transform .2s}
.fv-ph.shot .pl::after{content:"";position:absolute;left:22px;top:11px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff}
.fv-ph.shot:hover .pl{transform:scale(1.12)}
.fv-ph.shot figcaption{text-align:left}
@media (max-width:560px){.fv-gallery.shots{grid-template-columns:minmax(0,1fr)}}
/* v3.9.2 hero fits exactly one screen */
@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}
/* v3.9.3 sticky tabs: solid background so content never shows through */
.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}
/* v3.9.6 link states on match page */
.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-share a,.mx-share a:visited,.mx-share a:hover,.mx-share a:active{color:#fff!important}
.mx-share .cp,.mx-share .cp:hover{color:var(--ink)!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}
.fv-ph,.fv-ph:visited,.fv-ph:hover{color:#fff!important}
.fbth-tablist button{color:var(--ink)}
/* v3.9.7 breadcrumb redesign in hero: glass pill, home icon, slashes */
.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}}
.fv-ph.cm{aspect-ratio:4/3;background:#111}
.fv-ph.cm.big{aspect-ratio:16/9}
.fv-ph.cm>a{position:absolute;inset:0}
.fv-ph.cm>a img{width:100%;height:100%;object-fit:cover}
.fv-ph.cm figcaption a{color:#ffd36b!important;text-decoration:underline}
/* v4.0.2 mobile: no tab bar (all sections shown in order), no empty photo card */
@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}
}
/* v4.0.3 mobile layout for tabs, tables and fixture rows */
@media (max-width:640px){
  .fbth-tablist{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;margin:0 -4px 6px;padding:2px 4px 10px!important;gap:6px!important;-webkit-overflow-scrolling:touch}
  .fbth-tablist::-webkit-scrollbar{display:none}
  .fbth-tablist button{flex:none!important;min-height:34px!important;padding:5px 12px!important;font-size:13px!important}
  .fbth-tablist button img{width:16px;height:16px}
  /* full standings: keep # · team · played · +/- · pts */
  .fbth-full th:nth-child(4),.fbth-full td:nth-child(4),.fbth-full th:nth-child(5),.fbth-full td:nth-child(5),.fbth-full th:nth-child(6),.fbth-full td:nth-child(6),
  .fbth-full th:nth-child(7),.fbth-full td:nth-child(7),.fbth-full th:nth-child(8),.fbth-full td:nth-child(8),.fbth-full th:nth-child(11),.fbth-full td:nth-child(11){display:none}
  .fbth-full td,.fbth-full th{padding:9px 6px!important;font-size:13.5px}
  .fbth-full td.t,.fbth-full th.t{width:auto}
  .fbth-full td.t a{display:inline-block;max-width:44vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
  .fbth-full td.pts{font-weight:800}
  /* fixture rows: date/status line, then home | score | away */
  .fbth-matches{gap:8px}
  .fbth-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;grid-template-areas:"time time status" "home score away";align-items:center;column-gap:8px;row-gap:4px;padding:10px 12px!important}
  .fbth-row .fbth-time{grid-area:time;font-size:12px;color:var(--muted)}
  .fbth-row .fbth-status{grid-area:status;justify-self:end;font-size:12px;color:var(--muted)}
  .fbth-row .fbth-home{grid-area:home;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;text-align:right;font-size:14px}
  .fbth-row .fbth-away{grid-area:away;display:flex;align-items:center;gap:6px;min-width:0;font-size:14px}
  .fbth-row .fbth-home a,.fbth-row .fbth-away a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
  .fbth-row .fbth-home img,.fbth-row .fbth-away img{display:inline-block!important;width:20px;height:20px;flex:none}
  .fbth-row .fbth-score{grid-area:score;min-width:58px;text-align:center;font-size:15px;padding:4px 8px}
}
/* v4.1 winner / loser / draw */
.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-res-badge.d{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.3)}
.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}}
/* v4.1.1 breadcrumb pinned to the top of the hero, clear gap before the league line */
.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}
/* v4.3 match simulation */
.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 .sc i.bump{transform:scale(1.5);color:#ffd36b}
.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%)}
.sim-pitch svg{position:absolute;inset:0;width:100%;height:100%}
.sim-pitch .crest{position:absolute;top:50%;width:9%;transform:translateY(-50%);opacity:.18;pointer-events:none}
.sim-pitch .crest.h{left:22%}.sim-pitch .crest.a{right:22%}
.sim-ball{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#d9d9d9 60%,#999);box-shadow:0 3px 6px rgba(0,0,0,.45);z-index:2}
.sim-pitch.goal-r,.sim-pitch.goal-l{animation:simFlash .9s ease 2}
@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 b{font:800 15px var(--f-display,inherit)}
.sim-pop.goal{background:linear-gradient(135deg,#f5a400,#ffd36b);color:#2a1d00;font-size:14.5px;top:40%;transform:translate(-50%,-50%) scale(1.06)}
.sim-pop.goal.on{transform:translate(-50%,-50%) scale(1)}
.sim-pop.red{background:#b91c1c}.sim-pop.yellow{background:#a16207}
.sim-pop.end{top:40%;transform:translate(-50%,-50%);background:#0b2a19;font-size:15px}
.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}
.sim-log li{padding:6px 10px;border-radius:10px;background:var(--chalk,#eef2f6);animation:mxInUp .35s both}
.sim-log li.goal{background:color-mix(in srgb,#ffd36b 30%,var(--surface,#fff));font-weight:600}
.sim-log li.a{border-left:3px solid #9ec5ff}.sim-log li.h{border-left:3px solid #3ddc84}
@media (max-width:640px){.sim-board .t{font-size:12.5px}.sim-board .sc{font-size:19px}.sim-ball{width:12px;height:12px;margin:-6px 0 0 -6px}.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}
/* v4.3.3 mobile overflow fix: match main is a plain block, children never wider than the viewport */
body.fbth-match .fv-main{display:block!important}
.mx-panel,.mx-grid,.mx-main,.mx-side,.mx-card{min-width:0;max-width:100%}
/* v4.4 canvas simulation with 22 players */
.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}
/* v4.5 simulation: live stats, timeline markers, fullscreen */
.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.red{background:#e5383b}
.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}
.sim-stats .row span.up{animation:simUp .5s ease}
@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}
.mx-sim:fullscreen{background:var(--surface,#fff);padding:16px 20px;overflow:auto;display:flex;flex-direction:column}
.mx-sim:fullscreen .sim-pitch{width:min(100%,calc((100vh - 230px) * 105 / 68));margin:0 auto;flex:none}
.mx-sim:fullscreen .sim-log,.mx-sim:fullscreen .fv-credit,.mx-sim:fullscreen h2{display: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}}
/* v4.6.1 tabs stay in place (no sticky) */
.mx-tabs{position:relative!important;top:auto!important}
.mx-tabs::before{display:none!important}
/* v4.7 match page extras */
.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-n .go{margin:8px 0;font-weight:700;color:var(--turf,#0c8a4f)}
.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 h4,.mx-tops h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:15px}
.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-inj li.q em{background:#fef3c7;color:#92400e}
.mx-inj .none{margin:0;padding:10px;border-radius:12px;background:var(--chalk,#eef2f6);color:var(--muted,#667);font-size:13.5px}
.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-pp .rt.hi,.mx-pcard .rt.hi{background:#0c8a4f}
.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}
/* player card */
.mx-pcard{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px;background:rgba(5,12,8,.5);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s}
.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}
.mx-pcard .x{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:0;background:var(--chalk,#eef2f6);color:var(--ink,#111);font-size:20px;line-height:1;cursor:pointer}
.mx-pcard .hd{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding-right:36px;margin-bottom:14px}
.mx-pcard .hd img{width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--chalk,#eef2f6)}
.mx-pcard .hd>div{display:grid;gap:2px;min-width:0}
.mx-pcard .hd b{font:800 18px/1.25 var(--f-display,inherit)}
.mx-pcard .hd small{color:var(--muted,#667);font-size:13px}
.mx-pcard .rt{display:grid;justify-items:center;font-size:20px;padding:6px 10px;border-radius:12px}
.mx-pcard .rt small{font-size:10px;font-weight:600;opacity:.85}
.mx-pcard .cards{display:flex;gap:4px;margin-top:2px}.mx-pcard .cards i{width:10px;height:14px;border-radius:2px;background:#f5c518}.mx-pcard .cards i.r{background:#e5383b}
.mx-pcard dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 14px}
.mx-pcard dl div{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:var(--chalk,#eef2f6);font-size:13.5px}
.mx-pcard dt{color:var(--muted,#667)}.mx-pcard dd{margin:0;font-weight:800;font-variant-numeric:tabular-nums}
.mx-pcard .none{margin:0 0 14px;padding:12px;border-radius:12px;background:var(--chalk,#eef2f6);color:var(--muted,#667);text-align:center}
.mx-pcard .go{display:block;text-align:center;padding:11px;border-radius:12px;background:var(--turf,#0c8a4f);color:#fff;font-weight:700;text-decoration: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{place-items:end center;padding:0}.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}
}
/* v4.7.3 mini table: keep cells as table cells (theme .form is inline-flex) */
.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}
/* v4.8 overview layout: top two-column block, then a balanced two-column "deep dive" section */
.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-bento>.mx-card{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;display:block;width:100%;margin:0 0 16px}
.mx-bento .mx-card h2{font-size:clamp(19px,2vw,23px)}
/* compact two-sided timeline */
.mx-bento .mx-ev{grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);padding:3px 0}
.mx-bento .mx-ev .mid{grid-auto-flow:column;align-items:center;gap:4px}
.mx-bento .mx-ev .ic{width:24px;height:24px;font-size:12px}
.mx-bento .mx-ev .min{font-size:12px;padding:0 2px;min-width:26px;text-align:center}
.mx-bento .mx-evph{width:28px;height:28px}
.mx-bento .mx-ev .txt{font-size:13px;line-height:1.3}
.mx-bento .mx-ev .txt .ty{font-size:10.5px}
.mx-bento .mx-ev.key .txt a{font-size:14px}
.mx-bento .mx-ev.key .side:first-child{padding:4px 8px;border-radius:12px}
.mx-bento .mx-evhead{font-size:13px}
/* side column cards a touch tighter so it ends close to the main column */
.mx-side .mx-card{padding:16px}
@media (max-width:960px){.mx-bento{column-count:1}.mx-sechead{margin:24px 0 12px}}
.mx-bento .mx-ev:not(:has(.ic-var)) .txt .ty{display:none}
.mx-bento .mx-ev{padding:2px 0}
.mx-bento .mx-events{display:grid;gap:2px}
.mx-bento .mx-ev .mid{position:relative;display:grid;justify-items:center;grid-auto-flow:row}
.mx-bento .mx-ev .min{position:absolute;left:calc(50% + 15px);top:50%;transform:translateY(-50%);background:none;min-width:0;text-align:left}
.mx-bento .mx-ev .side.empty{padding:0!important;min-height:0!important;height:auto}
.mx-bento .mx-events li.mx-ev{margin:0}
@media (max-width:640px){.mx-bento .mx-ev{grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr)}.mx-bento .mx-ev .ic{width:22px;height:22px}.mx-bento .mx-ev .min{left:calc(50% + 13px);font-size:11px}.mx-bento .mx-ev .side{gap:6px}.mx-bento .mx-evph{width:24px;height:24px}}
/* v4.8.4 mobile pass */
.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){
  /* simulation controls: time bar gets its own full-width row */
  .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}
  /* line-up pitch turns vertical: home at the top, away at the bottom */
  .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}
  /* timeline: drop player photos so names have room */
  .mx-bento .mx-evph{display:none}
  .mx-bento .mx-ev .txt{font-size:12.5px}
  /* mini table fits without sideways scroll */
  .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}
  /* ratings: player, team, rating, goals, assists */
  #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}
  /* head-to-head: date, home, score, away */
  #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}
}
/* v4.8.6: a closed player card must not cover the page */
.mx-pcard[hidden]{display:none!important}
.mx-pcard:not(.on){pointer-events:none}
/* v4.8.7 one rating colour scale everywhere (solid badges + tinted table cells) */
.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 .rt small{color:#fff!important;opacity:.9;font-size:11px;font-weight:700}
.mx-pcard .rt{min-width:64px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
.mx-pcard .in.a{border-top-color:#2563eb}
.mx-pcard .hd img{border:3px solid var(--chalk,#eef2f6)}
.mx-pcard dd{color:var(--ink,#0f172a)}
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}}
/* ===== design v2 (body.mx-v2): calm single reading column ===== */
.mx-v2 .fv-main{max-width:860px!important;margin-left:auto;margin-right:auto}
/* compact header */
.mx-v2.fbth-view .mx-hero{height:auto!important;min-height:0!important;padding:18px clamp(16px,4vw,40px) 22px!important;justify-content:flex-start!important;gap:12px;background:linear-gradient(160deg,#0a3a22,#0d5a34)!important}
.mx-v2 .mx-hero .mx-bg,.mx-v2 .mx-hero .mx-down,.mx-v2 .mx-hero .mx-tl,.mx-v2 .mx-hero .mx-pos,.mx-v2 .mx-hero .mx-h1{display:none!important}
.mx-v2 .mx-hero .mx-crumbs{margin-bottom:4px}
.mx-v2 .mx-hero .mx-score{max-width:720px;margin:0 auto;width:100%}
.mx-v2 .mx-hero .mx-team .crest{width:72px!important;height:72px!important}
.mx-v2 .mx-hero .mx-team .crest img{width:60px;height:60px}
.mx-v2 .mx-hero .mx-team b{font-size:clamp(17px,2.4vw,22px)!important}
.mx-v2 .mx-hero .mx-mid{padding-top:8px!important}
.mx-v2 .mx-hero .mx-mid .n{font-size:clamp(44px,7vw,64px)!important}
.mx-v2 .mx-hero .mx-team:not(.win):not(.lose):not(.draw){padding-top:0!important}
.mx-v2 .mx-hero .mx-scorers{font-size:13px}
.mx-v2 .mx-hero .mx-info{font-size:13px;opacity:.85;max-width:720px;margin:4px auto 0}
.mx-v2 .mx-hero .mx-team.win .crest{box-shadow:0 0 0 3px #f5b301}
/* tabs: simple underline bar, visible on phones too */
.mx-v2 .mx-tabs{position:relative!important;display:flex!important;max-width:860px;margin:0 auto 18px;padding:0;gap:0;border-radius:0!important;background:transparent!important;box-shadow:none!important;border:0;border-bottom:1px solid var(--line,#e2e7ee)}
.mx-v2 .mx-tabs a{flex:1 0 auto;border-radius:0;padding:14px 10px 12px;font-size:15px;background:transparent!important;color:var(--muted,#64748b)!important;border-bottom:3px solid transparent;animation:none}
.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}
.mx-v2 .v2-col{display:grid;gap:14px}
.mx-v2 .v2-col>.mx-card,.mx-v2 .v2-col>section,.mx-v2 .v2-col>details{margin:0}
/* calmer cards */
.mx-v2 .mx-card{border-radius:16px;box-shadow:none;border:1px solid var(--line,#e5e9f0);padding:18px 20px}
.mx-v2 .mx-card:hover{transform:none;box-shadow:none}
.mx-v2 .mx-card h2{font-size:18px!important;margin:0 0 12px;padding:0;letter-spacing:0}
.mx-v2 .mx-card h2::before{display:none}
.mx-v2 .mx-story p{font-size:15.5px;line-height:1.8}
.mx-v2 .mx-anim{opacity:1!important;transform:none!important}
/* key-number tiles */
.v2-kt-head{display:flex;align-items:center;justify-content:space-between;font:700 13px var(--f-display,inherit);color:var(--muted,#64748b);margin-bottom:10px}
.v2-kt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.v2-kt .kt{padding:12px;border-radius:12px;background:var(--chalk,#f1f4f8);display:grid;gap:6px}
.v2-kt .lb{font-size:12.5px;color:var(--muted,#64748b);text-align:center}
.v2-kt .vs{display:flex;justify-content:space-between;font:800 20px var(--f-display,inherit);font-variant-numeric:tabular-nums}
.v2-kt .vs b{color:var(--muted,#94a3b8);font-weight:800}.v2-kt .vs b.up{color:var(--ink,#0f172a)}
.v2-kt i{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--turf,#0c8a4f) var(--p),#93c5fd var(--p))}
.v2-kt .mx-more{display:inline-block;margin-top:12px}
/* single-column timeline */
.v2-tl ol{list-style:none;margin:0;padding:0!important}
.v2-tl .tl{display:grid;grid-template-columns:48px 26px 1fr 24px;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--line,#eef1f5);margin:0}
.v2-tl .tl:last-child{border-bottom:0}
.v2-tl .m{font:800 14px var(--f-display,inherit);color:var(--muted,#64748b);font-variant-numeric:tabular-nums}
.v2-tl .ic{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--chalk,#f1f4f8);font-size:12px}
.v2-tl .ic-goal::after{content:"⚽"}.v2-tl .ic-yellow::after{content:"";width:9px;height:12px;border-radius:2px;background:#f5c518}.v2-tl .ic-red::after{content:"";width:9px;height:12px;border-radius:2px;background:#d62828}.v2-tl .ic-sub::after{content:"⇄";color:#16a34a;font-weight:800}.v2-tl .ic-var::after{content:"VAR";font-size:7px;font-weight:800}
.v2-tl .w{display:grid;line-height:1.35;min-width:0}
.v2-tl .w>small:first-child{font-size:11.5px;color:var(--muted,#64748b)}
.v2-tl .w a{font-weight:700;color:var(--ink,#0f172a)!important}
.v2-tl .w small small,.v2-tl .w>small:not(:first-child){font-size:12.5px;color:var(--muted,#64748b)}
.v2-tl .tl.key{background:color-mix(in srgb,var(--turf,#0c8a4f) 7%,transparent);border-radius:10px}
.v2-tl .tl.key .m{color:var(--turf,#0c8a4f)}
.v2-tl .tm{width:22px;height:22px;object-fit:contain}
/* folded simulation */
.v2-sim{padding:0!important;overflow:hidden}
.v2-sim>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:16px 20px}
.v2-sim>summary::-webkit-details-marker{display:none}
.v2-sim>summary .t{font:800 17px var(--f-display,inherit)}
.v2-sim>summary small{grid-column:1;color:var(--muted,#64748b);font-size:13px}
.v2-sim>summary .chev{grid-column:2;grid-row:1/3;align-self:center;width:34px;height:34px;border-radius:50%;background:var(--turf,#0c8a4f);position:relative}
.v2-sim>summary .chev::after{content:"";position:absolute;left:50%;top:45%;width:9px;height:9px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:translate(-50%,-50%) rotate(45deg);transition:transform .2s}
.v2-sim[open]>summary .chev::after{transform:translate(-50%,-25%) rotate(-135deg)}
.v2-sim .mx-sim{border:0!important;border-top:1px solid var(--line,#e5e9f0)!important;border-radius:0!important;margin:0!important}
.v2-sim .mx-sim>h2{display:none}
/* side-card pieces reused inside the column */
.mx-v2 .mx-links{display:grid}
.mx-v2 .mx-share{margin:4px 0 0}
@media (max-width:640px){
  .mx-v2.fbth-view .mx-hero{padding:14px 12px 18px!important}
  .mx-v2 .mx-hero .mx-team .crest{width:58px!important;height:58px!important}.mx-v2 .mx-hero .mx-team .crest img{width:48px;height:48px}
  .mx-v2 .mx-hero .mx-mid .n{font-size:44px!important}
  .mx-v2 .mx-tabs{overflow-x:auto;margin:0 -12px 14px;padding:0 6px}
  .mx-v2 .mx-tabs a{flex:1 0 auto;font-size:14px;padding:12px 10px 10px}
  .mx-v2 .mx-card{padding:16px}
  .v2-kt-grid{grid-template-columns:repeat(2,1fr)}
  .v2-tl .tl{grid-template-columns:42px 24px 1fr 22px;gap:8px}
}
.mx-v2 #lu .mx-fmc .mx-more{display:none}
.mx-v2 #ov .mx-share{justify-content:center}

/* v4.9.2 related links: club rows, competition tiles, outside links */
.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}
/* v4.9.3 line-up pitch spans the full card width, same as the text below */
.mx-pitch,.mx-forms{max-width:none!important;margin-left:0!important;margin-right:0!important}
/* v4.9.4 match lists: winner in bold; on phones a stacked scoreboard (one team per line, full names) */
.fbth-g{display:none}
body:not(.home) .fbth-row.w-h .fbth-home a,body:not(.home) .fbth-row.w-a .fbth-away a{font-weight:800}
@media (max-width:640px){
  body:not(.home) .fbth-matches{display:grid;gap:10px}
  body:not(.home) .fbth-row{position:relative;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"time status" "home gh" "away ga"!important;row-gap:8px!important;column-gap:12px!important;padding:12px 16px 14px!important}
  body:not(.home) .fbth-row .fbth-time{grid-area:time;font-size:12.5px}
  body:not(.home) .fbth-row .fbth-status{grid-area:status;justify-self:end;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--chalk,#f1f4f8);color:var(--muted)}
  body:not(.home) .fbth-row .fbth-home,body:not(.home) .fbth-row .fbth-away{display:flex!important;align-items:center;gap:10px;justify-content:flex-start!important;text-align:left!important;font-size:15.5px!important;min-width:0}
  body:not(.home) .fbth-row .fbth-home{grid-area:home;flex-direction:row-reverse}
  body:not(.home) .fbth-row .fbth-away{grid-area:away}
  body:not(.home) .fbth-row .fbth-home a,body:not(.home) .fbth-row .fbth-away a{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.3;position:relative;z-index:2;color:var(--ink)!important}
  body:not(.home) .fbth-row .fbth-home img,body:not(.home) .fbth-row .fbth-away img{width:24px!important;height:24px!important}
  body:not(.home) .fbth-row .fbth-g{display:block;font:800 19px/1 var(--f-display,inherit);font-variant-numeric:tabular-nums;text-align:right;min-width:24px;color:var(--ink)}
  body:not(.home) .fbth-row .fbth-g.h{grid-area:gh}.fbth-row .fbth-g.a{grid-area:ga}
  body:not(.home) .fbth-row .fbth-g.ko{grid-area:gh/gh/ga/ga;align-self:center;font-size:15px;padding:6px 10px;border-radius:10px;background:var(--chalk,#f1f4f8)}
  /* loser and draw muted, winner strong */
  body:not(.home) .fbth-row.w-h .fbth-away a,body:not(.home) .fbth-row.w-h .fbth-g.a,body:not(.home) .fbth-row.w-a .fbth-home a,body:not(.home) .fbth-row.w-a .fbth-g.h{color:var(--muted)!important;font-weight:500}
  body:not(.home) .fbth-row.w-h .fbth-g.h,body:not(.home) .fbth-row.w-a .fbth-g.a{color:var(--turf,#0c8a4f)}
  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}
  /* the whole card opens the match; team names still open the team page */
  body:not(.home) .fbth-row a.fbth-score{position:absolute!important;inset:0;z-index:1;font-size:0!important;color:transparent!important;background:transparent!important;padding:0!important;border-radius:inherit;min-width:0!important}
  body:not(.home) .fbth-row:active{transform:scale(.99)}
}
@media (max-width:640px){body:not(.home) .fbth-row .fbth-home{justify-content:flex-end!important}}
/* ===== v5.0 player page ===== */
.pl-hero{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px 28px;align-items:center;padding:26px clamp(18px,3vw,34px);margin:0 0 18px;border-radius:24px;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#14804c 0%,#0b4a2a 45%,#062a18 100%);box-shadow:0 24px 48px -30px rgba(0,0,0,.6);overflow:hidden}
.pl-hero::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 60px,transparent 60px 120px);pointer-events:none}
.pl-ph{position:relative;width:168px;height:168px;border-radius:28px;background:rgba(255,255,255,.1);border:3px solid rgba(255,255,255,.25);z-index:1}
.pl-ph img{width:100%;height:100%;object-fit:cover;border-radius:25px;background:#fff}
.pl-ph.nophoto::before{content:"";position:absolute;inset:22% 28% 0;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.45) 0 22%,transparent 23%),radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.45) 0 48%,transparent 49%)}
.pl-ph .no{position:absolute;left:-10px;bottom:-10px;min-width:46px;height:46px;padding:0 8px;border-radius:14px;display:grid;place-items:center;font:900 22px var(--f-display,inherit);background:#f5b301;color:#2a1d00;box-shadow:0 8px 18px -8px rgba(0,0,0,.6)}
.pl-ph .cl{position:absolute;right:-12px;top:-12px;width:52px;height:52px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 8px 18px -8px rgba(0,0,0,.6)}
.pl-ph .cl img{width:36px;height:36px;object-fit:contain}
.pl-id{position:relative;z-index:1;min-width:0}
.pl-id h1{margin:0;font:800 clamp(28px,4vw,44px)/1.1 var(--f-display,inherit);color:#fff;letter-spacing:-.01em}
.pl-id .full{margin:4px 0 0;opacity:.75;font-size:15px}
.pl-id .club{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 0}
.pl-id .club a{display:inline-flex;align-items:center;gap:8px;color:#fff!important;font-weight:700;text-decoration:none;padding:5px 12px 5px 6px;border-radius:999px;background:rgba(255,255,255,.12)}
.pl-id .club a:hover{background:rgba(255,255,255,.2)}
.pl-id .club img{width:22px;height:22px;object-fit:contain;background:#fff;border-radius:50%;padding:2px}
.pl-id .inj{font-size:12.5px;font-weight:800;padding:4px 10px;border-radius:999px;background:#dc2626}
.pl-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pl-facts div{display:grid;padding:7px 12px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);line-height:1.25}
.pl-facts small{font-size:11.5px;opacity:.7}.pl-facts b{font-size:14.5px}
.pl-tiles{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(64px,auto));gap:8px;align-self:stretch;align-content:center}
.pl-tiles .cap{grid-column:1/-1;font-size:12px;opacity:.75;text-align:center}
.pl-tiles div{display:grid;justify-items:center;padding:12px 8px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
.pl-tiles b{font:900 26px/1 var(--f-display,inherit);color:#fff}.pl-tiles small{font-size:11.5px;opacity:.8;margin-top:5px;white-space:nowrap}
/* season stats */
.pl-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin:0 0 14px}
.pl-pills button{flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid var(--line,#e2e7ee);background:var(--surface,#fff);color:var(--ink,#0f172a);font:700 13.5px var(--f-display,inherit);cursor:pointer}
.pl-pills button small{font-weight:600;color:var(--muted,#64748b)}
.pl-pills button img{width:18px;height:18px;object-fit:contain}
.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{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.pl-panel[hidden]{display:none}
.pl-for{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:0;color:var(--muted,#64748b);font-size:14px}
.pl-grp{padding:14px 16px;border-radius:16px;background:var(--chalk,#f1f4f8)}
.pl-grp h3{margin:0 0 8px;font:800 14px var(--f-display,inherit);color:var(--turf,#0c8a4f);letter-spacing:.02em}
.pl-grp dl{margin:0;display:grid;gap:2px}
.pl-grp dl div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line,#dfe5ec)}
.pl-grp dl div:last-child{border-bottom:0}
.pl-grp dt{color:var(--muted,#64748b);font-size:13.5px}
.pl-grp dd{margin:0;font:800 15px var(--f-display,inherit);font-variant-numeric:tabular-nums;color:var(--ink,#0f172a)}
.pl-grp dd.rtv{padding:0 8px;border-radius:7px;color:#fff}
.pl-grp dd.rtv.rg-a{background:#0b6b3a}.pl-grp dd.rtv.rg-b{background:#1f9d55}.pl-grp dd.rtv.rg-c{background:#a16207}.pl-grp dd.rtv.rg-d{background:#c2410c}.pl-grp dd.rtv.rg-e{background:#b91c1c}
/* career */
.pl-career td.tm{display:flex;flex-wrap:wrap;gap:6px 12px}
.pl-career td.tm a{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink)!important;text-decoration:none}
.pl-career td.tm img{width:22px;height:22px;object-fit:contain}
.pl-career td.yr{font-weight:800;white-space:nowrap}
.pl-career td.bar{min-width:140px}
.pl-career td.bar i{display:block;height:10px;border-radius:6px;background:linear-gradient(90deg,var(--turf,#0c8a4f) 0 var(--g),#f5b301 var(--g) calc(var(--g) + var(--a)),var(--chalk,#eef2f6) calc(var(--g) + var(--a)))}
.pl-career .lg{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 4px 0 10px;vertical-align:middle}.pl-career .lg.g{background:var(--turf,#0c8a4f);margin-left:0}.pl-career .lg.a{background:#f5b301}
/* clubs */
.pl-clubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.pl-club{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:12px 14px;border-radius:16px;border:1px solid var(--line,#e2e7ee);text-decoration:none;transition:border-color .15s,transform .15s}
.pl-club:hover{border-color:var(--turf,#0c8a4f);transform:translateY(-2px)}
.pl-club img{grid-row:1/3;width:40px;height:40px;object-fit:contain}
.pl-club b{color:var(--ink,#0f172a);font-size:14.5px}.pl-club small{color:var(--muted,#64748b);font-size:12.5px}
/* trophies */
.pl-cnt{display:inline-block;margin-left:8px;font:800 13px var(--f-display,inherit);padding:3px 10px;border-radius:999px;background:#fef3c7;color:#854d0e;vertical-align:middle}
.pl-tros{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.pl-tro{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:12px 14px;border-radius:16px;background:var(--chalk,#f1f4f8)}
.pl-tro.won{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a}
.pl-tro .cup{font-size:26px;line-height:1}
.pl-tro b{display:block;font-size:14.5px;color:var(--ink,#0f172a)}.pl-tro small{color:var(--muted,#64748b);font-size:12px}
.pl-tro p{margin:6px 0 0;font-size:13px;font-weight:700;color:#854d0e}.pl-tro p.ru{font-weight:500;color:var(--muted,#64748b)}
/* transfers timeline */
.pl-tl{list-style:none;margin:0;padding:0 0 0 18px!important;position:relative}
.pl-tl::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--line,#e2e7ee)}
.pl-tl li{position:relative;display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center;padding:10px 0;margin:0}
.pl-tl li::before{content:"";position:absolute;left:-18px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--surface,#fff);border:3px solid var(--turf,#0c8a4f)}
.pl-tl .d{font:700 13px var(--f-display,inherit);color:var(--muted,#64748b)}
.pl-tl .mv{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.pl-tl .mv a{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ink)!important;text-decoration:none}
.pl-tl .mv img{width:26px;height:26px;object-fit:contain}
.pl-tl .mv i{font-style:normal;color:var(--turf,#0c8a4f);font-weight:800}
.pl-tl em{font-style:normal;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--chalk,#f1f4f8);color:var(--muted,#64748b);white-space:nowrap}
/* injuries */
.pl-inj{list-style:none;margin:0;padding:0!important;display:grid;gap:6px}
.pl-inj li{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:12px;background:var(--chalk,#f1f4f8);margin:0}
.pl-inj b{font-size:14px}.pl-inj span{color:var(--muted,#64748b);font-size:13px;white-space:nowrap}
.pl-gal{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important}
.pl-gal img{aspect-ratio:3/4;object-fit:cover;width:100%;border-radius:14px}
@media (max-width:900px){.pl-hero{grid-template-columns:auto minmax(0,1fr)}.pl-tiles{grid-column:1/-1;grid-template-columns:repeat(5,1fr)}}
@media (max-width:640px){
  .pl-hero{grid-template-columns:1fr;justify-items:center;text-align:center;padding:24px 16px;border-radius:20px}
  .pl-ph{width:132px;height:132px}
  .pl-id .club,.pl-facts{justify-content:center}
  .pl-tiles{grid-template-columns:repeat(3,1fr);width:100%}.pl-tiles b{font-size:22px}
  .pl-panel{grid-template-columns:1fr}
  .pl-tl li{grid-template-columns:1fr auto;gap:6px 10px}.pl-tl .d{grid-column:1/-1}
  .pl-inj li{flex-direction:column;gap:2px}
  .pl-career td.bar{display:none}.pl-career th:last-child{display:none}
}
.pl-career td.tm{display:table-cell}
.pl-career td.tm a{margin:2px 14px 2px 0;vertical-align:middle}
.pl-tl{padding:0!important;margin:0!important}
.pl-tl::before{left:7px}
.pl-tl li{padding:10px 0 10px 30px!important}
.pl-tl li::before{left:2px}
.pl-grp h3{margin:0 0 8px!important;padding:0!important}
.pl-grp h3::before{display:none!important}
/* ===== v5.1 player analysis, ranks, next match, team-mates, motion ===== */
.pl-extra{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:0 0 18px}
.pl-extra>:only-child{grid-column:1/-1}
.pl-ranks{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}
.pl-rank{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;text-decoration:none;flex:1 1 200px}
.pl-rank b{font:900 28px/1 var(--f-display,inherit);color:#b45309}
.pl-rank span{display:grid;font-weight:800;color:#78350f;line-height:1.3}.pl-rank small{font-weight:600;color:#92400e;opacity:.85}
.pl-next{display:grid;gap:8px;padding:14px 18px;border-radius:16px;background:var(--surface,#fff);border:1px solid var(--line,#e2e7ee);text-decoration:none;color:var(--ink,#0f172a)!important;transition:border-color .15s,transform .15s}
.pl-next:hover{border-color:var(--turf,#0c8a4f);transform:translateY(-2px)}
.pl-next .k{font:800 13px var(--f-display,inherit);color:var(--turf,#0c8a4f)}
.pl-next .t{display:grid;grid-template-columns:34px 1fr auto 1fr 34px;align-items:center;gap:10px}
.pl-next .t b{font-size:14.5px}.pl-next .t b:nth-of-type(2){text-align:right}
.pl-next .t img{width:34px;height:34px;object-fit:contain}
.pl-next em{font-style:normal;font:800 13px var(--f-display,inherit);padding:5px 10px;border-radius:10px;background:var(--chalk,#f1f4f8);white-space:nowrap}
.pl-next small{color:var(--muted,#64748b);font-size:12.5px}
.pl-tags{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:0 0 16px}
.pl-tag{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--turf,#0c8a4f) 10%,var(--surface,#fff)),var(--surface,#fff));border:1px solid color-mix(in srgb,var(--turf,#0c8a4f) 25%,transparent);opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}
.pl-tag.on{opacity:1;transform:none}
.pl-tag span{grid-row:1/3;font-size:26px;line-height:1;text-align:center}
.pl-tag b{font:800 15px var(--f-display,inherit);color:var(--ink,#0f172a)}.pl-tag small{color:var(--muted,#64748b);font-size:12.5px}
.pl-an-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:center}
.pl-an-grid>:only-child{grid-column:1/-1}
.pl-radar{width:100%;max-width:440px;display:block;margin:0 auto;overflow:visible}
.pl-radar .g{fill:none;stroke:var(--line,#e2e7ee);stroke-width:1}
.pl-radar .s{stroke:var(--line,#e2e7ee);stroke-width:1}
.pl-radar .shape{transform-origin:160px 160px;transform:scale(.05);opacity:0;transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .4s}
.pl-radar.on .shape{transform:none;opacity:1}
.pl-radar .shape polygon{fill:color-mix(in srgb,var(--turf,#0c8a4f) 28%,transparent);stroke:var(--turf,#0c8a4f);stroke-width:2.5;stroke-linejoin:round}
.pl-radar .shape circle{fill:var(--turf,#0c8a4f);stroke:#fff;stroke-width:1.5}
.pl-radar text{font:700 11.5px var(--f-body,inherit);fill:var(--muted,#64748b)}
.pl-radar text .v{font:800 12px var(--f-display,inherit);fill:var(--ink,#0f172a)}
.pl-rings{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pl-ring{position:relative;display:grid;justify-items:center;text-align:center;padding:14px 8px;border-radius:16px;background:var(--chalk,#f1f4f8)}
.pl-ring svg{width:104px;height:104px;transform:rotate(-90deg)}
.pl-ring circle{fill:none;stroke-width:10}
.pl-ring .bg{stroke:color-mix(in srgb,var(--muted,#64748b) 18%,transparent)}
.pl-ring .fg{stroke:var(--turf,#0c8a4f);stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray 1.2s cubic-bezier(.2,.8,.2,1)}
.pl-ring.on .fg{stroke-dasharray:var(--p) 100}
.pl-ring b{position:absolute;top:52px;left:0;right:0;font:900 22px var(--f-display,inherit);color:var(--ink,#0f172a)}
.pl-ring span{margin-top:6px;font-weight:800;font-size:13.5px;color:var(--ink,#0f172a)}
.pl-ring small{color:var(--muted,#64748b);font-size:12px}
.pl-proj{margin-top:18px;padding:18px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#0b4a2a,#14804c)}
.pl-proj h3{margin:0 0 4px!important;color:#fff;font:800 17px var(--f-display,inherit)}
.pl-proj h3::before{display:none!important}
.pl-proj>p{margin:0;opacity:.85;font-size:14px}
.pl-proj .nums{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 8px}
.pl-proj .nums div{display:grid;justify-items:center;padding:12px 6px;border-radius:14px;background:rgba(255,255,255,.12)}
.pl-proj .nums b{font:900 34px/1 var(--f-display,inherit);color:#ffd36b}.pl-proj .nums small{margin-top:6px;font-size:12.5px;opacity:.9;text-align:center}
.pl-proj .fv-credit{color:rgba(255,255,255,.7)!important;margin:0}
.pl-career tbody tr{opacity:0;transform:translateX(-8px);transition:opacity .4s,transform .4s}
.pl-career tbody tr.on{opacity:1;transform:none}
.pl-career td.bar i{transform-origin:left;transform:scaleX(0);transition:transform 1s .2s cubic-bezier(.2,.8,.2,1)}
.pl-career tr.on td.bar i{transform:scaleX(1)}
.pl-mates{display:grid;gap:16px}
.pl-mates-g h3{margin:0 0 8px!important;font:800 14px var(--f-display,inherit);color:var(--muted,#64748b)}
.pl-mates-g h3::before{display:none!important}
.pl-mates-g>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.pl-mates-g a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;border:1px solid var(--line,#e2e7ee);text-decoration:none;transition:border-color .15s,background .15s}
.pl-mates-g a.same{background:color-mix(in srgb,var(--turf,#0c8a4f) 6%,transparent)}
.pl-mates-g a:hover{border-color:var(--turf,#0c8a4f)}
.pl-mates-g img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--chalk,#f1f4f8);flex:none}
.pl-mates-g span{display:grid;min-width:0;line-height:1.3}.pl-mates-g b{font-size:13.5px;color:var(--ink,#0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-mates-g small{color:var(--muted,#64748b);font-size:12px}
@media (prefers-reduced-motion:reduce){.pl-tag,.pl-career tbody tr{opacity:1;transform:none}.pl-radar .shape{transform:none;opacity:1}.pl-ring .fg{stroke-dasharray:var(--p) 100}}
@media (max-width:820px){.pl-extra,.pl-an-grid{grid-template-columns:1fr}}
@media (max-width:640px){.pl-rings{grid-template-columns:1fr 1fr;gap:8px}.pl-ring svg{width:88px;height:88px}.pl-ring b{top:44px;font-size:19px}.pl-proj .nums b{font-size:26px}.pl-next .t{grid-template-columns:28px 1fr auto 1fr 28px;gap:6px}.pl-next .t img{width:28px;height:28px}.pl-next .t b{font-size:13px}}
/* ===== v5.2 player: section shortcuts, recent form, similar players, share ===== */
.pl-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:-4px 0 18px;padding:6px;border-radius:999px;background:var(--surface,#fff);border:1px solid var(--line,#e2e7ee)}
.pl-nav::-webkit-scrollbar{display:none}
.pl-nav a{flex:none;padding:8px 14px;border-radius:999px;font:700 13.5px var(--f-display,inherit);color:var(--muted,#64748b)!important;text-decoration:none;transition:background .2s,color .2s}
.pl-nav a:hover{color:var(--ink,#0f172a)!important}
.pl-nav a.on{background:var(--turf,#0c8a4f);color:#fff!important}
html{scroll-padding-top:90px}
.pl-facts .bday{background:rgba(245,179,1,.22)!important;border-color:rgba(245,179,1,.5)!important}
.pl-spark{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 16px;margin:0 0 14px;border-radius:16px;background:var(--chalk,#f1f4f8)}
.pl-spark>span{font:800 13px var(--f-display,inherit);color:var(--muted,#64748b)}
.pl-spark small{color:var(--muted,#64748b);font-size:11.5px}
.pl-spark svg{width:100%;height:80px;overflow:visible}
.pl-spark .ref{stroke:var(--muted,#94a3b8);stroke-dasharray:4 4;stroke-width:1;opacity:.6}
.pl-spark polyline{fill:none;stroke:var(--turf,#0c8a4f);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray 1.4s ease}
.pl-spark.on polyline{stroke-dasharray:100 0}
.pl-spark circle{fill:var(--surface,#fff);stroke:var(--turf,#0c8a4f);stroke-width:2.5}
.pl-spark text{font:800 11px var(--f-display,inherit);fill:var(--ink,#0f172a)}
.pl-rms{display:grid;gap:6px}
.pl-rm{display:grid;grid-template-columns:96px minmax(0,1fr) 56px 90px 64px 52px;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;border:1px solid var(--line,#e2e7ee);text-decoration:none;color:var(--ink,#0f172a)!important;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s,border-color .15s}
.pl-rm.on{opacity:1;transform:none}
.pl-rm:hover{border-color:var(--turf,#0c8a4f)}
.pl-rm .d{display:grid;font:800 13.5px var(--f-display,inherit);line-height:1.3}.pl-rm .d small{font:500 11.5px var(--f-body,inherit);color:var(--muted,#64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-rm .o{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;color:var(--muted,#64748b)}
.pl-rm .o img{width:24px;height:24px;object-fit:contain;flex:none}.pl-rm .o b{color:var(--ink,#0f172a);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-rm .res{justify-self:center;font:800 13px var(--f-display,inherit);padding:4px 9px;border-radius:8px;color:#fff}
.pl-rm .res.f-W{background:#16a34a}.pl-rm .res.f-D{background:#a16207}.pl-rm .res.f-L{background:#dc2626}
.pl-rm .ev{display:flex;gap:3px;align-items:center;font-style:normal}.pl-rm .ev i{font-style:normal;font-size:14px}
.pl-rm .ev i.y,.pl-rm .ev i.r{width:9px;height:13px;border-radius:2px;background:#f5c518}.pl-rm .ev i.r{background:#dc2626}
.pl-rm .mn{font:700 13px var(--f-display,inherit);color:var(--muted,#64748b);text-align:right}
.pl-rm .rt{text-align:right}
.pl-simnote{margin:0 0 12px;color:var(--muted,#64748b);font-size:14px}
.pl-sims{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.pl-simc{display:grid;justify-items:center;text-align:center;gap:4px;padding:16px 12px;border-radius:18px;border:1px solid var(--line,#e2e7ee);text-decoration:none;opacity:0;transform:scale(.96);transition:opacity .4s,transform .4s,border-color .15s}
.pl-simc.on{opacity:1;transform:none}
.pl-simc:hover{border-color:var(--turf,#0c8a4f)}
.pl-simc img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--chalk,#f1f4f8)}
.pl-simc b{color:var(--ink,#0f172a);font-size:14.5px}.pl-simc small{display:inline-flex;align-items:center;gap:5px;color:var(--muted,#64748b);font-size:12px}.pl-simc small img{width:16px;height:16px}
.pl-simc span{font-size:13px;color:var(--ink,#0f172a)}.pl-simc em{font-style:normal;font:800 12px var(--f-display,inherit);padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--turf,#0c8a4f) 12%,transparent);color:var(--turf,#0c8a4f)}
.pl-share{margin:6px 0 18px}
@media (prefers-reduced-motion:reduce){.pl-rm,.pl-simc{opacity:1;transform:none}.pl-spark polyline{stroke-dasharray:none}}
@media (max-width:640px){.pl-nav{border-radius:14px;margin-top:0}.pl-rm{grid-template-columns:62px minmax(0,1fr) 50px 44px;grid-template-areas:"d o res rt" "d ev mn rt";row-gap:4px}.pl-rm .d{grid-area:d}.pl-rm .o{grid-area:o}.pl-rm .res{grid-area:res}.pl-rm .ev{grid-area:ev}.pl-rm .mn{grid-area:mn}.pl-rm .rt{grid-area:rt}.pl-spark{grid-template-columns:1fr}.pl-spark small{display:none}}
/* ===== v5.3 compare + share cards ===== */
.pl-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pl-acts button,.pl-acts a{display:inline-flex;align-items:center;gap:6px;font:700 13.5px var(--f-body,inherit);padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff!important;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}
.pl-acts button:hover,.pl-acts a:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}
.pl-acts button:first-child{background:#f5b301;border-color:#f5b301;color:#2a1d00!important}
.mx-share .mk{background:#f5b301;color:#2a1d00!important}
.cp-find{position:relative}
.cp-find .chg{font:700 12.5px var(--f-body,inherit);padding:6px 12px;border-radius:999px;border:1px solid var(--line,#d3dcd4);background:var(--surface,#fff);color:var(--ink,#111);cursor:pointer}
.cp-find .box{margin-top:8px}
.cp-find input{width:100%;box-sizing:border-box;font:500 15px var(--f-body,inherit);padding:11px 14px 11px 40px;border-radius:12px;border:1.5px solid var(--line,#d3dcd4);background:var(--surface,#fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2356685c' stroke-width='2.2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") 13px 50%/18px no-repeat;color:var(--ink,#111)}
.cp-find input:focus{outline:none;border-color:var(--turf,#13703f);box-shadow:0 0 0 3px color-mix(in srgb,var(--turf,#13703f) 20%,transparent)}
.cp-find .res{display:grid;gap:4px;margin-top:6px;max-height:340px;overflow:auto;text-align:left}
.cp-find .res:empty{display:none}
.cp-find .res a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--chalk,#f4f7f2);color:var(--ink,#111)!important;text-decoration:none}
.cp-find .res a:hover{background:var(--turf-soft,#dcefe2)}
.cp-find .res img{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#fff;flex:none}
.cp-find .res span{display:grid;min-width:0}.cp-find .res b{font-size:14px}.cp-find .res small{font-size:12px;color:var(--muted,#56685c)}
.cp-find .hint{margin:4px 2px;font-size:13px;color:var(--muted,#56685c)}
.pl-cmp-h{margin:16px 0 8px;font:700 14px var(--f-display,inherit);color:var(--muted,#56685c)}
.pl-cmp-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.pl-cmp-picks a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;border:1px solid var(--line,#d3dcd4);color:var(--ink,#111)!important;text-decoration:none;transition:transform .15s,border-color .15s}
.pl-cmp-picks a:hover{transform:translateY(-2px);border-color:var(--turf,#13703f)}
.pl-cmp-picks img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--chalk,#eee);flex:none}
.pl-cmp-picks span{display:grid;min-width:0;flex:1}.pl-cmp-picks b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-cmp-picks small{font-size:12px;color:var(--muted,#56685c)}
/* compare page */
.fbth-compare{--ca:#13a35a;--cb:#d99400}
.cp-hero{position:relative;padding:22px clamp(14px,3vw,30px) 20px;margin:0 0 18px;border-radius:24px;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#14804c 0%,#0b4a2a 45%,#062a18 100%);box-shadow:0 24px 50px -30px rgba(6,42,24,.8);overflow:hidden}
.cp-hero::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 60px,transparent 60px 120px);pointer-events:none}
.cp-hero>*{position:relative;z-index:1}
.cp-h1{margin:0 0 16px;text-align:center;font:800 clamp(20px,3vw,30px)/1.2 var(--f-display,inherit);color:#fff}
.cp-h1 span{color:#f5b301;font-style:italic;padding:0 4px}
.cp-vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:start}
.cp-p{display:grid;justify-items:center;text-align:center;gap:4px;min-width:0}
.cp-p .ph{position:relative;display:block;width:120px;height:120px;border-radius:50%;border:4px solid var(--ca);background:#fff}
.cp-p.b .ph{border-color:var(--cb)}
.cp-p .ph img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.cp-p .no{position:absolute;left:-6px;bottom:-4px;min-width:36px;height:36px;padding:0 6px;border-radius:12px;display:grid;place-items:center;font:900 17px var(--f-display,inherit);background:#f5b301;color:#2a1d00}
.cp-p h2{margin:8px 0 0;font:800 clamp(17px,2.4vw,24px)/1.15 var(--f-display,inherit);border:0;padding:0}
.cp-p h2 a{color:#fff!important;text-decoration:none}
.cp-p .club{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:700;font-size:14px;opacity:.92}
.cp-p .club img{width:20px;height:20px;object-fit:contain;background:#fff;border-radius:50%;padding:2px}
.cp-p .facts{margin:0;font-size:13px;opacity:.75}
.cp-p .cp-find{width:100%;max-width:300px;margin-top:6px}
.cp-p .cp-find .chg{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff}
.cp-vs .mid{display:grid;justify-items:center;gap:4px;padding-top:30px}
.cp-vs .vs{font:900 30px var(--f-display,inherit);letter-spacing:.04em;color:rgba(255,255,255,.9)}
.cp-vs .score{display:flex;align-items:baseline;gap:6px;font:800 34px var(--f-display,inherit)}
.cp-vs .score .a{color:#5ee59a}.cp-vs .score .b{color:#f5b301}.cp-vs .score i{opacity:.6;font-style:normal}
.cp-vs .mid small{font-size:12px;opacity:.7}
.cp-vs .swap{margin-top:8px;font-size:12.5px;font-weight:700;color:#fff!important;text-decoration:none;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.12)}
.cp-cap{margin:16px 0 0;text-align:center;font-size:13px;opacity:.75}
.cp-acts{display:flex;justify-content:center;margin-top:12px}
.cp-mk{font:700 14px var(--f-body,inherit);padding:9px 18px;border-radius:999px;border:0;background:#f5b301;color:#2a1d00;cursor:pointer;transition:transform .15s}
.cp-mk:hover{transform:translateY(-2px)}
.cp-an-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:center}
.cp-radar .shape.sa polygon{fill:color-mix(in srgb,var(--ca) 26%,transparent);stroke:var(--ca)}
.cp-radar .shape.sb polygon{fill:color-mix(in srgb,var(--cb) 24%,transparent);stroke:var(--cb)}
.cp-radar.on .shape.sb{transition-delay:.25s}
.cp-radar text .v{font-size:11px}.cp-radar .va{fill:var(--ca)}.cp-radar .vb{fill:var(--cb)}
.cp-leg{display:flex;justify-content:center;gap:16px;margin:8px 0 0;font-weight:700;font-size:14px}
.cp-leg span::before,.cp-names span::before{content:"";display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:6px;vertical-align:-1px;background:var(--ca)}
.cp-leg .b::before{background:var(--cb)}
.cp-verdict h3{margin:0 0 10px;font:800 17px var(--f-display,inherit)}
.cp-verdict ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.cp-verdict li{padding:10px 12px 10px 14px;border-radius:12px;background:var(--chalk,#f4f7f2);border-left:4px solid var(--muted,#56685c);font-size:14.5px;line-height:1.5}
.cp-verdict li.a{border-color:var(--ca)}.cp-verdict li.b{border-color:var(--cb)}
.cp-verdict li.warn{border-color:#dc6b26;font-size:13.5px;color:var(--muted,#56685c)}
.cp-names{display:flex;justify-content:space-between;gap:10px;font-weight:800;font-size:15px;margin-bottom:6px}
.cp-names span{display:inline-flex;align-items:center;gap:8px;min-width:0}
.cp-names span::before{display:none}
.cp-names img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--ca)}
.cp-names .b img{border-color:var(--cb)}
.cp-h2h h3{margin:16px 0 6px;font:800 13px var(--f-display,inherit);letter-spacing:.04em;color:var(--muted,#56685c);text-align:center}
.cp-grp{display:grid;gap:2px}
.cp-row{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(110px,190px) minmax(0,1fr) 64px;align-items:center;gap:8px;padding:6px 4px;border-radius:10px}
.cp-row:nth-child(odd){background:var(--zebra,#f6f9f5)}
.cp-row .v{font:800 15px var(--f-display,inherit);font-variant-numeric:tabular-nums;color:var(--muted,#56685c)}
.cp-row .v.b{text-align:right}
.cp-row.w1 .v.a{color:var(--ca)}.cp-row.w2 .v.b{color:var(--cb)}
.cp-row .lb{text-align:center;font-size:13px;font-weight:600;line-height:1.25}
.cp-row .bar{height:10px;border-radius:99px;background:color-mix(in srgb,var(--muted,#56685c) 12%,transparent);display:flex;overflow:hidden}
.cp-row .bar.a{justify-content:flex-end}
.cp-row .bar i{display:block;height:100%;width:0;border-radius:99px;background:color-mix(in srgb,var(--muted,#56685c) 45%,transparent);transition:width .9s cubic-bezier(.2,.8,.2,1)}
.cp-row.on .bar i{width:var(--w)}
.cp-row.w1 .bar.a i{background:var(--ca)}.cp-row.w2 .bar.b i{background:var(--cb)}
.cp-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cp-cols h3{margin:0 0 8px;font:800 15px var(--f-display,inherit);padding-left:10px;border-left:4px solid var(--ca)}
.cp-cols .b h3{border-color:var(--cb)}
.cp-cols ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.cp-cols li{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--chalk,#f4f7f2);font-size:14px}
.cp-cols li img{grid-row:span 2;width:18px;height:18px;object-fit:contain}
.cp-cols li b{font-size:12.5px;color:var(--muted,#56685c);font-weight:600}
@media (max-width:720px){
  .cp-vs{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:6px}
  .cp-p .ph{width:84px;height:84px;border-width:3px}
  .cp-p .facts{font-size:11.5px}
  .cp-vs .mid{padding-top:14px}.cp-vs .vs{font-size:20px}.cp-vs .score{font-size:24px}
  .cp-vs .swap{font-size:11px;padding:4px 8px}
  .cp-an-grid,.cp-cols{grid-template-columns:1fr}
  .cp-row{grid-template-columns:48px minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr) 48px;gap:6px}
  .cp-row .v{font-size:14px}.cp-row .lb{font-size:12px}
  .cp-p .cp-find{max-width:none}
}
/* share-card modal */
.fb-cardm{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:16px;background:rgba(4,12,8,.78);backdrop-filter:blur(4px);animation:fbfade .2s}
@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%}
.fb-cardm img{display:block;width:auto;max-width:100%;max-height:calc(100vh - 170px);border-radius:14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.fb-cardm .act{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.fb-cardm .act a,.fb-cardm .act button{font:700 15px var(--f-body,inherit);padding:11px 20px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;background:#f5b301;color:#2a1d00!important}
.fb-cardm .act button{background:#fff;color:#0d1a12}
.fb-cardm p{margin:0;color:rgba(255,255,255,.75);font-size:13px;text-align:center}
.fb-cardm .x{position:absolute;top:-6px;right:-6px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#0d1a12;font:400 26px/1 sans-serif;cursor:pointer;z-index:2;box-shadow:0 6px 16px -6px rgba(0,0,0,.6)}
html[data-theme=dark] .cp-find .chg{background:var(--surface);color:var(--ink)}
.cp-p h2::before,.cp-p h2::after{content:none!important;display:none!important}
@media (max-width:720px){
  .cp-row{grid-template-columns:52px minmax(0,1fr) minmax(0,1fr) 52px;grid-template-areas:"lb lb lb lb" "va ba bb vb";row-gap:4px;padding:8px 6px}
  .cp-row .lb{grid-area:lb}.cp-row .v.a{grid-area:va}.cp-row .bar.a{grid-area:ba}.cp-row .bar.b{grid-area:bb}.cp-row .v.b{grid-area:vb}
  .cp-row .lb{font-size:12.5px}
}
/* ===================== v6 player page: match-programme layout ===================== */
body.fbth-player{--pl-pitch:#0b2a18;--pl-num:#f2b230;--pl-rule:var(--ink,#0d1a12)}
/* hero */
body.fbth-player .pl-hero{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ph id" "tl tl";gap:26px 32px;padding:34px clamp(20px,4vw,48px) 0;border-radius:22px;background:var(--pl-pitch);overflow:hidden;box-shadow:none}
body.fbth-player .pl-hero::after{background:repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 72px,transparent 72px 144px)}
body.fbth-player .pl-ghost{position:absolute;right:clamp(-20px,2vw,40px);top:-.18em;z-index:0;font:italic 800 clamp(220px,30vw,400px)/1 var(--f-display,inherit);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:2px rgba(242,178,48,.22);pointer-events:none;user-select:none}
body.fbth-player .pl-ph{grid-area:ph;width:184px;height:184px;border-radius:24px;border:0;background:rgba(255,255,255,.06)}
body.fbth-player .pl-ph img{border-radius:24px;background:#fff}
body.fbth-player .pl-ph .no{display:none}
body.fbth-player .pl-id{grid-area:id}
body.fbth-player .pl-id h1{font:italic 800 clamp(34px,5vw,58px)/1.02 var(--f-display,inherit);letter-spacing:-.02em}
body.fbth-player .pl-id .full{font-size:14.5px;opacity:.6;margin-top:6px}
body.fbth-player .pl-facts{gap:0;margin-top:18px;border-top:1px solid rgba(255,255,255,.14)}
body.fbth-player .pl-facts div{background:none;border:0;border-radius:0;padding:10px 22px 0 0;margin-right:22px;border-right:1px solid rgba(255,255,255,.12)}
body.fbth-player .pl-facts div:last-child{border-right:0}
body.fbth-player .pl-facts small{font-size:12px;opacity:.6}
body.fbth-player .pl-facts b{font-size:15.5px}
body.fbth-player .pl-facts .bday b{color:var(--pl-num)}
body.fbth-player .pl-acts{margin-top:18px}
/* season scoreboard strip */
body.fbth-player .pl-tiles{grid-area:tl;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0 calc(-1 * clamp(20px,4vw,48px));padding:0 clamp(20px,4vw,48px);background:rgba(0,0,0,.28);border-top:1px solid rgba(255,255,255,.1)}
body.fbth-player .pl-tiles .cap{grid-column:1/-1;text-align:left;padding:12px 0 0;font-size:12.5px;opacity:.6}
body.fbth-player .pl-tiles div{background:none;border:0;border-radius:0;justify-items:start;padding:6px 0 18px;border-left:1px solid rgba(255,255,255,.1);padding-left:18px}
body.fbth-player .pl-tiles div:nth-child(2){border-left:0;padding-left:0}
body.fbth-player .pl-tiles b{font:italic 800 clamp(30px,4vw,46px)/1 var(--f-display,inherit);letter-spacing:-.02em}
body.fbth-player .pl-tiles div:nth-child(3) b,body.fbth-player .pl-tiles div:nth-child(4) b{color:var(--pl-num)}
body.fbth-player .pl-tiles small{font-size:13px;opacity:.7;margin-top:8px}
/* body: sidebar + main column */
body.fbth-player .pl-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start;margin-top:28px}
body.fbth-player .pl-side{position:sticky;top:calc(var(--mx-top,90px) + 8px);display:grid;gap:22px}
body.fbth-player .pl-nav{display:grid;gap:0;margin:0;padding:0;border:0;border-radius:0;background:none;overflow:visible;border-left:2px solid var(--line,#d3dcd4)}
body.fbth-player .pl-nav-h{font:700 13px var(--f-display,inherit);color:var(--muted,#56685c);padding:0 0 8px 16px}
body.fbth-player .pl-nav a{padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent;border-radius:0;font:600 14.5px var(--f-body,inherit);color:var(--muted,#56685c)!important;background:none}
body.fbth-player .pl-nav a:hover{color:var(--ink,#0d1a12)!important}
body.fbth-player .pl-nav a.on{background:none;color:var(--turf,#13703f)!important;border-left-color:var(--turf,#13703f);font-weight:700}
body.fbth-player .pl-extra{display:grid;grid-template-columns:1fr;gap:12px;margin:0}
body.fbth-player .pl-ranks{display:grid;gap:0;border-top:2px solid var(--pl-rule)}
body.fbth-player .pl-rank{flex:none;padding:10px 0;border:0;border-bottom:1px solid var(--line,#d3dcd4);border-radius:0;background:none;gap:12px}
body.fbth-player .pl-rank b{font:italic 800 30px/1 var(--f-display,inherit);color:var(--turf,#13703f);min-width:52px}
body.fbth-player .pl-rank span{color:var(--ink,#0d1a12);font-size:14px}
body.fbth-player .pl-rank small{color:var(--muted,#56685c)}
body.fbth-player .pl-next{padding:14px;border-radius:14px;background:var(--surface,#fff);gap:10px}
body.fbth-player .pl-next .t{grid-template-columns:28px minmax(0,1fr) 28px;grid-template-areas:"hl hn hn" "x em x2" "al an an";gap:6px 8px}
body.fbth-player .pl-next .t img{width:28px;height:28px}
body.fbth-player .pl-next .t img:first-child{grid-area:hl}body.fbth-player .pl-next .t b:nth-of-type(1){grid-area:hn}
body.fbth-player .pl-next .t em{grid-area:em;justify-self:start;font-size:12.5px}
body.fbth-player .pl-next .t b:nth-of-type(2){grid-area:an;text-align:left}body.fbth-player .pl-next .t img:last-child{grid-area:al}
/* sections: open, ruled — not boxed */
body.fbth-player .pl-main>.hcard,body.fbth-player .pl-main>section.fv-sec{background:none;border:0;box-shadow:none;border-radius:0;padding:0;margin:0 0 52px;border-top:2px solid var(--pl-rule)}
body.fbth-player .pl-main>section>h2{display:flex;align-items:baseline;gap:12px;margin:14px 0 20px!important;padding:0!important;font:italic 800 clamp(22px,2.6vw,28px)/1.2 var(--f-display,inherit);letter-spacing:-.01em}
body.fbth-player .pl-main>section>h2::before{display:none!important}
body.fbth-player .pl-main .pl-cnt{font:600 13px var(--f-body,inherit);font-style:normal;color:var(--muted,#56685c);background:none;padding:0}
/* season stats: ruled columns */
body.fbth-player .pl-pills button{border-radius:8px}
body.fbth-player .pl-panel>div,body.fbth-player .pl-panel{gap:0 32px}
body.fbth-player .pl-grp{background:none;border-radius:0;padding:0 0 18px}
body.fbth-player .pl-grp h3{color:var(--ink,#0d1a12);font-size:15px;padding-bottom:8px!important;border-bottom:1px solid var(--pl-rule)}
body.fbth-player .pl-grp dl div{border-bottom:1px solid var(--line,#d3dcd4)}
body.fbth-player .pl-grp dd{font-style:italic}
/* analysis */
body.fbth-player .pl-tags{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 22px}
body.fbth-player .pl-tag{background:none;border:0;padding:0;border-radius:0;grid-template-columns:28px auto}
body.fbth-player .pl-tag b{font-size:15px}
body.fbth-player .pl-ring{background:none;border-radius:0;border-top:1px solid var(--line,#d3dcd4);padding-top:16px}
body.fbth-player .pl-proj{border-radius:16px;background:var(--pl-pitch)}
body.fbth-player .pl-proj .nums div{background:none;border-left:1px solid rgba(255,255,255,.14);border-radius:0}
body.fbth-player .pl-proj .nums div:first-child{border-left:0}
body.fbth-player .pl-proj .nums b{font-style:italic;color:var(--pl-num)}
/* lists */
body.fbth-player .pl-rms{gap:0}
body.fbth-player .pl-rm{border-radius:0;background:none;border:0;border-bottom:1px solid var(--line,#d3dcd4);padding:10px 4px}
body.fbth-player .pl-spark{border-radius:12px}
body.fbth-player .pl-mates a,body.fbth-player .pl-cmp-picks a,body.fbth-player .pl-club,body.fbth-player .pl-simc{border-radius:12px;box-shadow:none}
body.fbth-player .pl-share{padding-top:18px;border-top:2px solid var(--pl-rule);margin:0}
/* tablet / mobile */
@media (max-width:980px){
  body.fbth-player .pl-body{grid-template-columns:1fr;gap:0;margin-top:0}
  body.fbth-player .pl-side{position:static;display:contents}
  body.fbth-player .pl-nav{position:sticky;top:var(--mx-top,60px);z-index:20;display:flex;gap:4px;overflow-x:auto;margin:14px -4px 22px;padding:6px;border:1px solid var(--line,#d3dcd4);border-radius:12px;background:var(--surface,#fff);box-shadow:0 8px 20px -14px rgba(10,30,18,.4)}
  body.fbth-player .pl-nav-h{display:none}
  body.fbth-player .pl-nav a{flex:none;margin:0;padding:7px 12px;border:0;border-radius:8px;font-size:13.5px}
  body.fbth-player .pl-nav a.on{background:var(--turf,#13703f);color:#fff!important}
  body.fbth-player .pl-extra{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:0 0 30px}
  body.fbth-player .pl-body{display:flex;flex-direction:column}
  body.fbth-player .pl-side{order:0}body.fbth-player .pl-main{order:1}
}
@media (max-width:640px){
  body.fbth-player .pl-hero{grid-template-columns:1fr;grid-template-areas:"ph" "id" "tl";justify-items:center;text-align:center;padding:26px 16px 0;gap:18px;border-radius:18px}
  body.fbth-player .pl-ghost{right:50%;transform:translateX(50%);top:-.08em;font-size:260px}
  body.fbth-player .pl-ph{width:140px;height:140px}
  body.fbth-player .pl-facts{justify-content:center}
  body.fbth-player .pl-facts div{padding:10px 12px 0;margin:0;border-right:0}
  body.fbth-player .pl-acts{justify-content:center}
  body.fbth-player .pl-tiles{width:auto;align-self:stretch;margin:0 -16px;padding:0 10px;grid-template-columns:repeat(5,1fr)}
  body.fbth-player .pl-tiles .cap{text-align:center}
  body.fbth-player .pl-tiles div{justify-items:center;padding:4px 2px 14px;border-left:0}
  body.fbth-player .pl-tiles b{font-size:24px}body.fbth-player .pl-tiles small{font-size:11px}
  body.fbth-player .pl-main>section.fv-sec{margin-bottom:40px}
}
/* v6: lists as ruled rows */
body.fbth-player .pl-tros{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 32px}
body.fbth-player .pl-tro,body.fbth-player .pl-tro.won{background:none;border:0;border-bottom:1px solid var(--line,#d3dcd4);border-radius:0;padding:14px 0;grid-template-columns:34px 1fr}
body.fbth-player .pl-tro .cup{font-size:22px;filter:grayscale(1);opacity:.45}
body.fbth-player .pl-tro.won .cup{filter:none;opacity:1}
body.fbth-player .pl-tro p{color:var(--ink,#0d1a12);font-weight:600}
body.fbth-player .pl-tro.won p:not(.ru){color:#9a6a00}
body.fbth-player .pl-inj{gap:0;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));column-gap:32px}
body.fbth-player .pl-inj li{background:none;border-radius:0;border-bottom:1px solid var(--line,#d3dcd4);padding:11px 0}
body.fbth-player .pl-career .tscroll,body.fbth-player .pl-career table{border:0;box-shadow:none;border-radius:0;background:none}
body.fbth-player .pl-career thead th{background:none;border-bottom:1px solid var(--pl-rule);font-weight:700}
body.fbth-player .pl-career td.yr{font:italic 800 16px var(--f-display,inherit)}
body.fbth-player .pl-clubs{gap:0 24px}
body.fbth-player .pl-club{background:none;border:0;border-bottom:1px solid var(--line,#d3dcd4);border-radius:0;padding:12px 0}
body.fbth-player .pl-tl li{border-bottom:1px solid var(--line,#d3dcd4)}
body.fbth-player .pl-mates-g>div{gap:0 24px}
body.fbth-player .pl-mates a{border:0;border-bottom:1px solid var(--line,#d3dcd4);border-radius:0;background:none;padding:9px 0}
body.fbth-player .pl-mates a.same b{color:var(--turf,#13703f)}
body.fbth-player .pl-cmp-picks{gap:0 24px}
body.fbth-player .pl-cmp-picks a{border:0;border-bottom:1px solid var(--line,#d3dcd4);border-radius:0;padding:10px 0}
body.fbth-player .pl-cmp-picks a:hover{transform:none}
body.fbth-player .pl-cmp-picks a:hover b{color:var(--turf,#13703f)}
/* compare page in the same programme style */
body.fbth-compare .fv-main>section.fv-sec{background:none;border:0;box-shadow:none;border-radius:0;padding:0;margin:0 0 48px;border-top:2px solid var(--ink,#0d1a12)}
body.fbth-compare .fv-main>section>h2{margin:14px 0 20px!important;padding:0!important;font:italic 800 clamp(22px,2.6vw,28px)/1.2 var(--f-display,inherit)}
body.fbth-compare .fv-main>section>h2::before{display:none!important}
body.fbth-compare .cp-hero{background:#0b2a18}
body.fbth-compare .cp-h1{font-style:italic;font-size:clamp(24px,3.4vw,38px);letter-spacing:-.01em}
body.fbth-compare .cp-vs .score{font-style:italic;font-size:46px}
body.fbth-compare .cp-row:nth-child(odd){background:none}
body.fbth-compare .cp-row{border-bottom:1px solid var(--line,#d3dcd4);border-radius:0}
body.fbth-compare .cp-row .v{font-style:italic}
body.fbth-compare .cp-verdict li{background:none;border-radius:0;padding:10px 0 10px 14px}
body.fbth-compare .cp-cols li{background:none;border-radius:0;border-bottom:1px solid var(--line,#d3dcd4);padding:9px 0}
body.fbth-compare .pl-share{padding-top:18px;border-top:2px solid var(--ink,#0d1a12)}
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)}}
@media (max-width:640px){
  body.fbth-player .pl-hero{grid-template-columns:minmax(0,1fr)}
  body.fbth-player .pl-id{width:100%}
  body.fbth-player .pl-id h1{font-size:clamp(30px,9vw,40px);overflow-wrap:anywhere}
  body.fbth-player .pl-main,body.fbth-player .pl-main>section{min-width:0;max-width:100%}
  body.fbth-player .pl-an-grid{grid-template-columns:minmax(0,1fr)}
}
body.fbth-player .pl-body,body.fbth-player .pl-hero{min-width:0;max-width:100%}body.fbth-player .fv-main{min-width:0}
/* ===== v5.5 polish ===== */
/* sparkline v2 (html labels, no squashed text) */
.pl-spark{grid-template-columns:auto minmax(0,1fr);gap:16px;padding:18px 20px 22px}
.pl-spark>span{display:grid;gap:2px;align-self:start}
.pl-spark>span small{font:500 11.5px var(--f-body,inherit)}
.pl-spark .plot{position:relative;height:96px;margin:6px 26px 0 8px}
.pl-spark .plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pl-spark .plot polyline{stroke-width:3}
.pl-spark .plot i{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--surface,#fff);border:3px solid var(--turf,#13703f);box-sizing:border-box;font-style:normal}
.pl-spark .plot i b{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);font:italic 800 13px/1 var(--f-display,inherit);color:var(--ink,#0d1a12);padding:2px 5px;border-radius:6px;background:var(--surface,#fff);white-space:nowrap}
.pl-spark .plot i.rg-a,.pl-spark .plot i.rg-b{border-color:#16a34a}.pl-spark .plot i.rg-c{border-color:#ca8a04}.pl-spark .plot i.rg-d{border-color:#ea580c}.pl-spark .plot i.rg-e{border-color:#dc2626}
.pl-spark .plot em{position:absolute;right:-30px;transform:translateY(-50%);font:600 11px var(--f-body,inherit);font-style:normal;color:var(--muted,#56685c)}
.pl-spark .plot i{opacity:0;transform:scale(.4);transition:opacity .3s,transform .3s}
.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}
@media (prefers-reduced-motion:reduce){.pl-spark .plot i{opacity:1;transform:none}}
@media (max-width:640px){.pl-spark{grid-template-columns:1fr;gap:6px;padding:14px 14px 16px}.pl-spark .plot{margin:18px 26px 0 8px}}
/* hero: recent team form */
body.fbth-player .pl-hero{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ph id fm" "tl tl tl"}
body.fbth-player .pl-hform{grid-area:fm;position:relative;z-index:1;align-self:end;display:grid;gap:8px;justify-items:end}
body.fbth-player .pl-hform .h{font-size:12.5px;opacity:.65}
body.fbth-player .pl-hform>div{display:flex;gap:6px}
body.fbth-player .pl-hform a{display:grid;justify-items:center;gap:3px;width:50px;padding:8px 0 7px;border-radius:12px;background:rgba(255,255,255,.07);border-top:3px solid #9ca3af;color:#fff!important;text-decoration:none;transition:background .15s}
body.fbth-player .pl-hform a:hover{background:rgba(255,255,255,.14)}
body.fbth-player .pl-hform a.f-W{border-top-color:#22c55e}body.fbth-player .pl-hform a.f-L{border-top-color:#ef4444}body.fbth-player .pl-hform a.f-D{border-top-color:#eab308}
body.fbth-player .pl-hform a.np{opacity:.6}
body.fbth-player .pl-hform img{width:22px;height:22px;object-fit:contain;background:#fff;border-radius:50%;padding:2px}
body.fbth-player .pl-hform b{font-size:11.5px;font-weight:700}
body.fbth-player .pl-hform small{font:italic 800 13px/1 var(--f-display,inherit);color:var(--pl-num)}
@media (max-width:980px){body.fbth-player .pl-hero{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ph id" "fm fm" "tl tl"}body.fbth-player .pl-hform{justify-items:start;align-self:auto}}
@media (max-width:640px){body.fbth-player .pl-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"ph" "id" "fm" "tl"}body.fbth-player .pl-hform{justify-items:center}body.fbth-player .pl-hform a{width:52px}}
/* next match: countdown + tidy layout */
.pl-next .k{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pl-next .k .cd{font:700 11.5px var(--f-body,inherit);padding:3px 8px;border-radius:999px;background:var(--turf,#13703f);color:#fff;white-space:nowrap}
body.fbth-player .pl-next .t em{background:none;padding:0;color:var(--muted,#56685c);font-weight:700}
/* trophies: runner-up lines muted */
body.fbth-player .pl-tro p.ru{color:var(--muted,#56685c);font-weight:500}
/* team-mates: no colour code */
body.fbth-player .pl-mates a.same b{color:inherit}
/* share bar */
body.fbth-player .mx-share .cp,body.fbth-compare .mx-share .cp{background:none;border:1.5px solid var(--line,#d3dcd4)}
/* keyboard focus */
body.fbth-player a:focus-visible,body.fbth-player button:focus-visible,body.fbth-compare a:focus-visible,body.fbth-compare button:focus-visible,.cp-find input:focus-visible{outline:3px solid var(--pl-num,#f2b230);outline-offset:2px;border-radius:6px}
/* section headings: anchor offset for the sticky header */
body.fbth-player .pl-main>section{scroll-margin-top:calc(var(--mx-top,90px) + 12px)}
@media (max-width:980px){body.fbth-player .pl-main>section{scroll-margin-top:calc(var(--mx-top,60px) + 70px)}}
@media (min-width:981px){body.fbth-player .pl-facts div{padding-right:16px;margin-right:16px}}
body.fbth-player .pl-main .mx-intro{margin:0 0 40px}
body.fbth-player .pl-main .fv-intro{background:none;border:0;box-shadow:none;padding:0 0 0 18px;border-left:3px solid var(--pl-num,#f2b230);border-radius:0;font-size:16.5px;line-height:1.75;color:var(--ink,#0d1a12)}
body.fbth-player .pl-main .fv-intro p{margin:0 0 .6em}body.fbth-player .pl-main .fv-intro p:last-child{margin:0}
body.fbth-player .pl-main .mx-intro:empty{display:none}
body.fbth-player .pl-main .mx-intro{display:block}
/* ===== v5.6 deep dive ===== */
.pl-deep .dp-h{margin:30px 0 12px!important;padding:0!important;font:800 16px var(--f-display,inherit);color:var(--ink,#0d1a12)}
.pl-deep .dp-h::before{display:none!important}
.pl-deep .dp-h small{font:500 12.5px var(--f-body,inherit);color:var(--muted,#56685c);margin-left:6px}
.dp-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;border-bottom:1px solid var(--line,#d3dcd4)}
.dp-head div{display:grid;gap:4px;align-content:start;padding:4px 18px 16px;border-left:1px solid var(--line,#d3dcd4)}
.dp-head div:first-child{border-left:0;padding-left:0}
.dp-head small{font-size:12.5px;color:var(--muted,#56685c)}
.dp-head b{font:italic 800 clamp(26px,3vw,34px)/1.05 var(--f-display,inherit);letter-spacing:-.01em;color:var(--ink,#0d1a12)}
.dp-head .up b{color:#15803d}.dp-head .dn b{color:#b91c1c}
.dp-head span{font-size:12.5px;line-height:1.45;color:var(--muted,#56685c)}
.dp-split th{text-align:left;font-weight:600;white-space:nowrap}
.dp-split td{text-align:center;font-variant-numeric:tabular-nums}
.dp-split thead th{text-align:center;font-size:12.5px;color:var(--muted,#56685c);font-weight:600}
.dp-split tr.tot th,.dp-split tr.tot td{font-weight:800;border-bottom:1px solid var(--ink,#0d1a12)}
.dp-goals{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:start}
.dp-time{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;height:170px;padding-top:6px;border-bottom:1px solid var(--ink,#0d1a12)}
.dp-bk{display:grid;grid-template-rows:1fr auto auto;height:100%;justify-items:center;gap:4px}
.dp-bk .col{align-self:end;width:min(42px,100%);height:var(--h);min-height:2px;display:flex;flex-direction:column-reverse;border-radius:6px 6px 0 0;overflow:hidden;background:color-mix(in srgb,var(--muted,#56685c) 14%,transparent);transform-origin:bottom;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.dp-bk .col i{display:block;min-height:0}
.dp-bk .col i.g{background:var(--turf,#13703f)}.dp-bk .col i.a{background:#f2b230}
.dp-bk b{font:italic 800 14px var(--f-display,inherit);min-height:16px}
.dp-bk small{font-size:11px;color:var(--muted,#56685c);white-space:nowrap;padding-bottom:6px}
.pl-deep .lg{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 4px 0 8px;vertical-align:middle}.pl-deep .lg.g{background:var(--turf,#13703f)}.pl-deep .lg.a{background:#f2b230}
.dp-kind{list-style:none;margin:0;padding:0!important;display:grid}
.dp-kind li{display:flex;align-items:baseline;gap:14px;padding:9px 0;border-bottom:1px solid var(--line,#d3dcd4);margin:0;font-weight:600}
.dp-kind b{min-width:36px;font:italic 800 24px/1 var(--f-display,inherit);color:var(--turf,#13703f)}
.dp-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.dp-mates{display:grid}
.dp-mates a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line,#d3dcd4);color:var(--ink,#0d1a12)!important;text-decoration:none}
.dp-mates a:hover span{color:var(--turf,#13703f)}
.dp-mates img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--chalk,#eef2ec)}
.dp-mates span{font-weight:600;font-size:14.5px}
.dp-mates b{font:italic 800 20px var(--f-display,inherit);color:var(--turf,#13703f)}
.dp-cons{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;border-top:1px solid var(--line,#d3dcd4);border-bottom:1px solid var(--line,#d3dcd4)}
.dp-cons>div{display:grid;gap:4px;align-content:start;padding:14px 16px;border-left:1px solid var(--line,#d3dcd4)}
.dp-cons>div:first-child{border-left:0;padding-left:0}
.dp-cons small{font-size:12.5px;color:var(--muted,#56685c)}
.dp-cons b{justify-self:start;font:italic 800 26px/1.1 var(--f-display,inherit)}
.dp-cons b.mx-rt{font-size:20px;padding:3px 10px}
.dp-cons span{font-size:12.5px;color:var(--muted,#56685c);line-height:1.45}
.dp-cons span a{color:var(--ink,#0d1a12)!important;font-weight:600}
.dp-log td,.dp-log th{white-space:nowrap}
.dp-log td.d{line-height:1.25}.dp-log td.d small{display:block;font-size:11.5px;color:var(--muted,#56685c);max-width:130px;overflow:hidden;text-overflow:ellipsis}
.dp-log td.o a{display:inline-flex;align-items:center;gap:7px;color:var(--ink,#0d1a12)!important;font-weight:600;text-decoration:none}
.dp-log td.o a span{font-size:12px;color:var(--muted,#56685c);font-weight:500;min-width:24px}
.dp-log td.o img{width:20px;height:20px;object-fit:contain}
.dp-log .res{display:inline-block;min-width:42px;text-align:center;padding:3px 6px;border-radius:7px;font:800 13px var(--f-display,inherit);color:#fff}
.dp-log .res.f-W{background:#16a34a}.dp-log .res.f-D{background:#a3a3a3}.dp-log .res.f-L{background:#dc2626}
.dp-log td.mn em{font-style:normal;font-size:11px;color:var(--muted,#56685c)}
.dp-log tr.np td{color:var(--muted,#56685c)}.dp-log tr.np td.o a{color:var(--muted,#56685c)!important}
.dp-log.clip tr.more{display:none}
.dp-more{display:block;margin:12px auto 0;font:700 14px var(--f-body,inherit);padding:9px 20px;border-radius:999px;border:1.5px solid var(--line,#d3dcd4);background:var(--surface,#fff);color:var(--ink,#0d1a12);cursor:pointer}
.dp-more:hover{border-color:var(--turf,#13703f)}
@media (max-width:760px){
  .dp-goals,.dp-pair{grid-template-columns:1fr;gap:8px}
  .dp-head{grid-template-columns:1fr 1fr}.dp-head div{padding:12px 12px 14px;border-left:0;border-top:1px solid var(--line,#d3dcd4)}.dp-head div:nth-child(odd){padding-left:0}.dp-head div:nth-child(even){border-left:1px solid var(--line,#d3dcd4)}.dp-head div:nth-child(-n+2){border-top:0}
  .dp-cons{grid-template-columns:1fr 1fr}.dp-cons>div{padding:12px 10px;border-left:0;border-bottom:1px solid var(--line,#d3dcd4)}.dp-cons>div:nth-child(odd){padding-left:0}
  .dp-time{height:140px;gap:4px}.dp-bk small{font-size:10px}
}
body.fbth-player .pl-main .tscroll{border:0;background:none;box-shadow:none;border-radius:0}
body.fbth-player .pl-main .fv-t thead th{background:none;border-bottom:1px solid var(--pl-rule)}
body.fbth-player .pl-main .fv-t{background:none}
body.fbth-player .dp-split tbody th{background:var(--bg,#eef2ec)}
@media (max-width:640px){
  .dp-log:not(.gk) th:nth-child(7),.dp-log:not(.gk) td:nth-child(7),.dp-log:not(.gk) th:nth-child(8),.dp-log:not(.gk) td:nth-child(8){display:none}
  .dp-log td,.dp-log th{padding-left:6px!important;padding-right:6px!important}
  .dp-log td.o a{max-width:130px;overflow:hidden;text-overflow:ellipsis}
  .dp-split th:first-child{position:sticky;left:0;z-index:1;max-width:120px;white-space:normal;line-height:1.3}
  .dp-split td,.dp-split th{padding-left:6px!important;padding-right:6px!important}
}
/* v5.6.2: ranks + next match back on top, under the hero */
body.fbth-player .pl-extra.pl-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:16px 0 0}
body.fbth-player .pl-extra.pl-top.one{grid-template-columns:1fr}
body.fbth-player .pl-top .pl-ranks{display:flex;flex-wrap:wrap;gap:10px;border:0;align-content:stretch}
body.fbth-player .pl-top .pl-rank{flex:1 1 200px;display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--line,#d3dcd4);border-left:4px solid var(--pl-num,#f2b230);border-radius:14px;background:var(--surface,#fff);text-decoration:none;transition:border-color .15s}
body.fbth-player .pl-top .pl-rank:hover{border-color:var(--turf,#13703f)}
body.fbth-player .pl-top .pl-rank b{font:italic 800 34px/1 var(--f-display,inherit);color:var(--turf,#13703f);min-width:0}
body.fbth-player .pl-top .pl-rank span{display:grid;font-weight:700;font-size:15px;color:var(--ink,#0d1a12)}
body.fbth-player .pl-top .pl-rank small{font-weight:500;font-size:12.5px;color:var(--muted,#56685c)}
body.fbth-player .pl-top .pl-next{padding:14px 18px;border-radius:14px}
body.fbth-player .pl-top .pl-next .t{grid-template-columns:32px minmax(0,1fr) auto minmax(0,1fr) 32px;grid-template-areas:none;gap:10px}
body.fbth-player .pl-top .pl-next .t>*{grid-area:auto!important}
body.fbth-player .pl-top .pl-next .t img{width:32px;height:32px}
body.fbth-player .pl-top .pl-next .t b:nth-of-type(2){text-align:right}
body.fbth-player .pl-top .pl-next .t em{justify-self:center;padding:5px 10px;border-radius:9px;background:var(--chalk,#f4f7f2);color:var(--ink,#0d1a12);font-size:13px}
@media (max-width:980px){body.fbth-player .pl-extra.pl-top{grid-template-columns:1fr;margin:14px 0 0}}
@media (max-width:640px){body.fbth-player .pl-top .pl-next .t{grid-template-columns:28px minmax(0,1fr) auto minmax(0,1fr) 28px;gap:6px}body.fbth-player .pl-top .pl-next .t b{font-size:13px}body.fbth-player .pl-top .pl-next .t em{font-size:11.5px;padding:4px 6px;white-space:normal;text-align:center}}
/* ===================== v7 player page: colour-coded chapters, carded sections ===================== */
body.fbth-player{--c1:#13703f;--c1-t:#e3f1e8;--c2:#a16207;--c2-t:#fbf0d6;--c3:#1d4ed8;--c3-t:#e3eafb}
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)}}
body.fbth-player .pl-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;align-items:start}
body.fbth-player .pl-main>*{grid-column:1/-1;min-width:0}
/* chapter header */
body.fbth-player .pl-chap{--cc:var(--c1);--ct:var(--c1-t);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 16px;margin:26px 0 16px;padding:0}
body.fbth-player .pl-chap.c2{--cc:var(--c2);--ct:var(--c2-t)}body.fbth-player .pl-chap.c3{--cc:var(--c3);--ct:var(--c3-t)}
body.fbth-player .pl-main>.pl-chap:first-child,body.fbth-player .pl-main>.mx-intro+.pl-chap,body.fbth-player .pl-main>.mx-intro:empty+.pl-chap{margin-top:0}
body.fbth-player .pl-chap h2{grid-row:span 2;margin:0!important;padding:10px 18px!important;border-radius:12px;background:var(--cc);color:#fff!important;font:italic 800 clamp(20px,2.4vw,26px)/1.1 var(--f-display,inherit);letter-spacing:-.01em}
html[data-theme=dark] body.fbth-player .pl-chap h2{color:#0b1a12!important}
body.fbth-player .pl-chap h2::before{display:none!important}
body.fbth-player .pl-chap p{margin:0;font-size:14px;color:var(--muted,#56685c);align-self:end}
body.fbth-player .pl-chap::after{content:"";grid-column:2;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--cc),transparent);align-self:start}
/* section cards */
body.fbth-player .pl-main>section.fv-sec{--cc:var(--c1);--ct:var(--c1-t);margin:0 0 18px;padding:0 0 22px;border:1px solid var(--line,#d3dcd4);border-top:0;border-radius:18px;background:var(--surface,#fff);box-shadow:0 1px 2px rgba(10,30,18,.04);overflow:hidden}
body.fbth-player .pl-main>section.fv-sec.c2{--cc:var(--c2);--ct:var(--c2-t)}body.fbth-player .pl-main>section.fv-sec.c3{--cc:var(--c3);--ct:var(--c3-t)}
body.fbth-player .pl-main>section.fv-sec>h2{display:flex;align-items:center;gap:12px;margin:0 0 20px!important;padding:15px 22px!important;background:var(--ct);border-top:4px solid var(--cc);border-bottom:1px solid color-mix(in srgb,var(--cc) 22%,transparent);font:800 clamp(18px,2vw,21px)/1.25 var(--f-display,inherit);font-style:normal;color:var(--ink,#0d1a12)}
body.fbth-player .pl-main>section.fv-sec>h2::before{content:""!important;display:block!important;width:10px;height:10px;border-radius:3px;background:var(--cc);flex:none;position:static!important;margin:0!important}
body.fbth-player .pl-main>section.fv-sec>:not(h2){margin-left:22px;margin-right:22px}
body.fbth-player .pl-main>section.fv-sec>:last-child{margin-bottom:0}
body.fbth-player .pl-main .pl-cnt{margin-left:auto;font-weight:700;color:var(--cc)}
/* half-width pairs when both exist */
body.fbth-player .pl-main:has(#similar):has(#compare) #similar,body.fbth-player .pl-main:has(#similar):has(#compare) #compare{grid-column:auto;align-self:stretch}
body.fbth-player .pl-main:has(#similar):has(#compare) .pl-cmp-picks{grid-template-columns:1fr}
body.fbth-player .pl-main:has(#similar):has(#compare) .pl-sims{grid-template-columns:1fr 1fr}
/* inside-section accents follow the chapter colour */
body.fbth-player .pl-grp h3{border-bottom-color:var(--cc,var(--c1))}
body.fbth-player .pl-main .pl-deep .dp-h,body.fbth-player .pl-main .pl-cmp-h{display:flex;align-items:center;gap:8px;color:var(--ink,#0d1a12)}
body.fbth-player .pl-main .pl-deep .dp-h::after{content:"";flex:1;height:1px;background:var(--line,#d3dcd4)}
body.fbth-player .pl-pills button.is-on{background:var(--c1);border-color:var(--c1)}
body.fbth-player .dp-split tbody th{background:var(--surface,#fff)}
body.fbth-player .dp-split tr.tot th,body.fbth-player .dp-split tr.tot td{background:var(--c1-t);border-bottom:0}
body.fbth-player .pl-deep .dp-head{background:var(--c1-t);border-radius:14px;border:0;padding:16px 4px 4px 18px}
body.fbth-player .pl-deep .dp-head div{border-left-color:color-mix(in srgb,var(--c1) 20%,transparent)}
body.fbth-player .pl-tro.won .cup{filter:none}
body.fbth-player .pl-career td.yr{color:var(--c2)}
body.fbth-player .pl-cnt{background:var(--ct)!important}
/* sidebar nav grouped by chapter */
body.fbth-player .pl-nav{border-left:0;gap:2px}
body.fbth-player .pl-nav-h{display:none}
body.fbth-player .pl-nav-g{display:flex;align-items:center;gap:8px;margin:14px 0 4px;font:800 13px var(--f-display,inherit);color:var(--ink,#0d1a12)}
body.fbth-player .pl-nav-g:first-child{margin-top:0}
body.fbth-player .pl-nav-g::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--c1)}
body.fbth-player .pl-nav-g.c2::before{background:var(--c2)}body.fbth-player .pl-nav-g.c3::before{background:var(--c3)}
body.fbth-player .pl-nav a{margin-left:4px;padding:6px 0 6px 14px;border-left:2px solid var(--line,#d3dcd4)}
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}
/* page rhythm */
body.fbth-player .pl-body{margin-top:30px;gap:32px;grid-template-columns:210px minmax(0,1fr)}
body.fbth-player .pl-main .mx-intro{margin:0 0 22px}
body.fbth-player .pl-share{grid-column:1/-1;margin-top:8px;padding:16px 20px;border:1px solid var(--line,#d3dcd4);border-radius:16px;background:var(--surface,#fff)}
@media (max-width:980px){
  body.fbth-player .pl-main{grid-template-columns:minmax(0,1fr)}
  body.fbth-player .pl-main #transfers,body.fbth-player .pl-main #injuries,body.fbth-player .pl-main #similar,body.fbth-player .pl-main #compare{grid-column:1/-1!important}
  body.fbth-player .pl-nav-g{display:none}
  body.fbth-player .pl-nav a{margin:0;border-left:0}
  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)}
}
@media (max-width:640px){
  body.fbth-player .pl-main>section.fv-sec{border-radius:14px;padding-bottom:16px}
  body.fbth-player .pl-main>section.fv-sec>h2{padding:12px 14px!important;margin-bottom:14px!important}
  body.fbth-player .pl-main>section.fv-sec>:not(h2){margin-left:14px;margin-right:14px}
  body.fbth-player .pl-chap{grid-template-columns:1fr;margin:22px 0 12px}
  body.fbth-player .pl-chap h2{grid-row:auto;justify-self:start}
  body.fbth-player .pl-chap::after{display:none}
  body.fbth-player .pl-deep .dp-head{padding:6px 12px}
}
body.fbth-player .pl-main>section.fv-sec>.dp-h{margin:28px 22px 12px!important}
@media (max-width:640px){body.fbth-player .pl-main>section.fv-sec>.dp-h{margin:22px 14px 10px!important}}
/* v5.7.2: mobile overflow fix — sidebar items must stretch, not size to content */
@media (max-width:980px){
  body.fbth-player .pl-body{align-items:stretch}
  body.fbth-player .pl-body>*,body.fbth-player .pl-nav,body.fbth-player .pl-main{min-width:0;max-width:100%}
  body.fbth-player .pl-nav{box-sizing:border-box;width:auto}
}
/* v5.7.5: sticky section nav sits exactly under the site header */
@media (max-width:980px){
  body.fbth-player .pl-nav{top:calc(var(--mx-top,64px) + 6px)}
}
body.fbth-player .pl-side{top:calc(var(--mx-top,64px) + 16px)}
@media (max-width:980px){body.fbth-player .pl-nav{box-shadow:0 -7px 0 0 var(--bg,#eef2ec),0 8px 20px -14px rgba(10,30,18,.45)}}
/* v5.7.7: section tab bar — breathing room and soft edges */
@media (max-width:980px){
  body.fbth-player .pl-nav{padding:6px 12px;gap:6px;scroll-padding-inline:16px}
  body.fbth-player .pl-nav a{padding:8px 15px;border-radius:9px;line-height:1.35}
  body.fbth-player .pl-nav::after{content:"";flex:0 0 4px}
}
/* ===== v5.8 extras ===== */
/* percentiles */
.pc-lead{margin:0 0 14px;padding:10px 14px;border-radius:12px;background:var(--c1-t,#e3f1e8);font-size:14.5px}
.pc-head{display:grid;grid-template-columns:minmax(0,1.4fr) 70px minmax(0,1.6fr) 44px;gap:12px;padding:0 0 8px;font-size:12px;color:var(--muted,#56685c);border-bottom:1px solid var(--line,#d3dcd4)}
.pc-head span:nth-child(2),.pc-head span:last-child{text-align:right}
.pc-row{display:grid;grid-template-columns:minmax(0,1.4fr) 70px minmax(0,1.6fr) 44px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line,#d3dcd4)}
.pc-row .lb{font-size:14px;font-weight:600}
.pc-row .v{text-align:right;font:italic 800 15px var(--f-display,inherit);font-variant-numeric:tabular-nums}
.pc-row .bar{position:relative;height:12px;border-radius:99px;background:color-mix(in srgb,var(--muted,#56685c) 13%,transparent);overflow:hidden}
.pc-row .bar::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--muted,#56685c) 45%,transparent)}
.pc-row .bar i{display:block;height:100%;width:0;border-radius:99px;transition:width 1s cubic-bezier(.2,.8,.2,1)}
.pl-pct.on .pc-row .bar i,.pc-row .bar i{width:var(--w)}
.pc-row b{justify-self:end;min-width:38px;text-align:center;padding:3px 0;border-radius:8px;font:800 14px var(--f-display,inherit);color:#fff}
.pc-row.t-a .bar i,.pc-row.t-a b{background:#15803d}.pc-row.t-b .bar i,.pc-row.t-b b{background:#65a30d}.pc-row.t-c .bar i,.pc-row.t-c b{background:#ca8a04}.pc-row.t-d .bar i,.pc-row.t-d b{background:#ea580c}.pc-row.t-e .bar i,.pc-row.t-e b{background:#dc2626}
@media (max-width:640px){.pc-head{display:none}.pc-row{grid-template-columns:minmax(0,1fr) auto 40px;grid-template-areas:"lb v b" "bar bar bar";row-gap:6px}.pc-row .lb{grid-area:lb;font-size:13.5px}.pc-row .v{grid-area:v}.pc-row .bar{grid-area:bar}.pc-row b{grid-area:b}}
/* season trend */
.pl-trend{margin:0 0 18px}
.tr-chart{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px;align-items:end;height:220px;padding:0 4px;border-bottom:1px solid var(--ink,#0d1a12)}
.tr-col{display:grid;grid-template-rows:auto 1fr auto auto auto;justify-items:center;height:100%;gap:3px}
.tr-col .rt .mx-rt{font-size:11.5px;padding:2px 6px}
.tr-col .stk{align-self:end;width:min(46px,90%);height:var(--h);min-height:3px;display:flex;flex-direction:column;border-radius:7px 7px 0 0;overflow:hidden;background:color-mix(in srgb,var(--muted,#56685c) 15%,transparent)}
.tr-col .stk i.g{background:var(--c1,#13703f)}.tr-col .stk i.a{background:#f2b230}
.tr-col .n{font:italic 800 15px var(--f-display,inherit)}.tr-col .n small{font-size:11.5px;color:#b07d00;margin-left:2px}
.tr-col .yr{font-weight:700;font-size:12px}.tr-col .ap{font-size:11px;color:var(--muted,#56685c);padding-bottom:6px}
/* fees */
.pl-fees{margin:0 0 18px}
.fe-sum,.ij-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;margin:0 0 14px;border-radius:14px;background:var(--c2-t,#fbf0d6);padding:14px 4px 14px 18px}
.fe-sum>div,.ij-sum>div{display:grid;gap:3px;align-content:start;padding:0 16px;border-left:1px solid color-mix(in srgb,var(--c2,#a16207) 25%,transparent)}
.fe-sum>div:first-child,.ij-sum>div:first-child{border-left:0;padding-left:0}
.fe-sum small,.ij-sum small{font-size:12.5px;color:var(--muted,#56685c)}
.fe-sum b,.ij-sum b{font:italic 800 clamp(22px,2.6vw,30px)/1.1 var(--f-display,inherit);color:var(--ink,#0d1a12)}
.ij-sum b.sm{font-size:18px;font-style:normal}
.fe-sum span,.ij-sum span{font-size:12.5px;color:var(--muted,#56685c);line-height:1.45}
.ij-sum .out b{color:#b91c1c}.ij-sum .ok b{color:#15803d}
.fe-chart,.ij-chart{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;align-items:end;height:170px;border-bottom:1px solid var(--ink,#0d1a12);margin-bottom:6px}
.fe-col,.ij-col{display:grid;grid-template-rows:auto 1fr auto auto;justify-items:center;height:100%;gap:3px}
.fe-col .v,.ij-col span{font:italic 800 12.5px var(--f-display,inherit)}
.fe-col .b,.ij-col .b{align-self:end;width:min(40px,85%);height:var(--h);min-height:3px;border-radius:6px 6px 0 0;background:color-mix(in srgb,var(--c2,#a16207) 45%,transparent)}
.fe-col.top .b{background:var(--c2,#a16207)}
.ij-col .b{background:color-mix(in srgb,#dc2626 55%,transparent)}
.fe-col img{width:22px;height:22px;object-fit:contain}
.fe-col small,.ij-col small{font-size:11px;color:var(--muted,#56685c);padding-bottom:6px}
.pl-ijs{margin:0 0 18px}
/* next five */
.nx-list{display:grid}
.nx-row{display:grid;grid-template-columns:70px minmax(0,1fr) auto 84px;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line,#d3dcd4);color:var(--ink,#0d1a12)!important;text-decoration:none}
.nx-row:hover b{color:var(--c1,#13703f)}
.nx-row .d{font-weight:700;font-size:14px;line-height:1.25}.nx-row .d small{display:block;font-weight:500;font-size:12px;color:var(--muted,#56685c)}
.nx-row .o{display:grid;grid-template-columns:auto 26px minmax(0,1fr);grid-template-areas:"em im b" "em im s";column-gap:10px;align-items:center}
.nx-row .o em{grid-area:em;font-style:normal;font-size:11.5px;font-weight:700;padding:3px 7px;border-radius:6px;background:var(--chalk,#f4f7f2);color:var(--muted,#56685c)}
.nx-row .o img{grid-area:im;width:26px;height:26px;object-fit:contain}.nx-row .o b{grid-area:b;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nx-row .o small{grid-area:s;font-size:12px;color:var(--muted,#56685c)}
.nx-row .rk{font-size:12.5px;color:var(--muted,#56685c);white-space:nowrap}
.nx-row .lv{justify-self:end;font:800 12.5px var(--f-display,inherit);padding:5px 10px;border-radius:999px;white-space:nowrap}
.nx-row.hard .lv{background:#fee2e2;color:#b91c1c}.nx-row.mid .lv{background:#fef3c7;color:#92400e}.nx-row.easy .lv{background:#dcfce7;color:#166534}.nx-row.na .lv{background:var(--chalk,#f4f7f2);color:var(--muted,#56685c)}
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}
@media (max-width:640px){.nx-row{grid-template-columns:56px minmax(0,1fr) auto;gap:8px}.nx-row .rk{display:none}.nx-row .o{grid-template-columns:26px minmax(0,1fr);grid-template-areas:"im b" "im s"}.nx-row .o em{display:none}}
/* workload + opponents (deep) */
.dp-load{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;border-top:1px solid var(--line,#d3dcd4);border-bottom:1px solid var(--line,#d3dcd4)}
.dp-load>div{display:grid;gap:4px;align-content:start;padding:14px 16px;border-left:1px solid var(--line,#d3dcd4)}
.dp-load>div:first-child{border-left:0;padding-left:0}
.dp-load small{font-size:12.5px;color:var(--muted,#56685c)}.dp-load b{font:italic 800 24px/1.1 var(--f-display,inherit)}.dp-load span{font-size:12.5px;color:var(--muted,#56685c)}
.dp-load span i{display:block;height:6px;margin-top:6px;border-radius:99px;background:linear-gradient(90deg,var(--c1,#13703f) var(--w),color-mix(in srgb,var(--muted,#56685c) 15%,transparent) var(--w))}
.dp-load .hi b{color:#b91c1c}.dp-load .hi span i{background:linear-gradient(90deg,#dc2626 var(--w),color-mix(in srgb,var(--muted,#56685c) 15%,transparent) var(--w))}
.dp-load .mid span i{background:linear-gradient(90deg,#ca8a04 var(--w),color-mix(in srgb,var(--muted,#56685c) 15%,transparent) var(--w))}
.dp-vs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 24px}
.dp-vs a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line,#d3dcd4);color:var(--ink,#0d1a12)!important;text-decoration:none}
.dp-vs img{width:30px;height:30px;object-fit:contain}.dp-vs span{display:grid;font-weight:600;font-size:14px}.dp-vs span small{font-weight:500;font-size:12px;color:var(--muted,#56685c)}
.dp-vs b{font:italic 800 13.5px var(--f-display,inherit);color:var(--c1,#13703f);white-space:nowrap}
@media (max-width:760px){.dp-load{grid-template-columns:1fr 1fr}.dp-load>div{border-left:0;border-bottom:1px solid var(--line,#d3dcd4);padding:12px 10px}.dp-load>div:nth-child(odd){padding-left:0}}
/* coach + national team */
.pl-coach{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:12px 16px;border-radius:14px;background:var(--c3-t,#e3eafb)}
.pl-coach img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#fff}
.pl-coach span{display:grid;gap:1px}.pl-coach small{font-size:12px;color:var(--muted,#56685c)}.pl-coach b{font-size:17px}.pl-coach em{font-style:normal;font-size:13px;color:var(--muted,#56685c)}
.pl-nat{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 14px;padding:10px 14px;border-radius:12px;background:var(--c1-t,#e3f1e8);font-size:14px}
.pl-nat img{width:26px;height:26px;object-fit:contain}.pl-nat em{font-style:normal;font-weight:700}
@media (max-width:640px){.fe-sum,.ij-sum{grid-template-columns:1fr;padding:12px 14px}.fe-sum>div,.ij-sum>div{border-left:0;padding:8px 0;border-top:1px solid color-mix(in srgb,var(--c2,#a16207) 20%,transparent)}.fe-sum>div:first-child,.ij-sum>div:first-child{border-top:0}.tr-chart{height:190px;gap:4px}.tr-col .n{font-size:13px}.fe-chart,.ij-chart{gap:4px}}
.pc-warn{margin:-6px 0 14px;font-size:13px;color:#b45309}
/* ===================== v5.9 team page (programme design) ===================== */
body.fbth-team .tm-crest{background:#fff;display:grid;place-items:center;border-radius:24px}
body.fbth-team .tm-crest img{width:78%!important;height:78%!important;object-fit:contain;border-radius:0;background:none}
body.fbth-team .pl-tiles div:nth-child(2) b{color:var(--pl-num,#f2b230)}
body.fbth-team .pl-tiles div:nth-child(3) b,body.fbth-team .pl-tiles div:nth-child(4) b{color:#fff}
body.fbth-team .pl-hform small{color:#fff;font-style:normal;font-size:12px}
/* top row: mini table */
.tm-mini{display:grid;gap:8px;padding:14px 18px;border:1px solid var(--line,#d3dcd4);border-left:4px solid var(--c1,#13703f);border-radius:14px;background:var(--surface,#fff)}
.tm-mini .k{display:flex;justify-content:space-between;font:800 13px var(--f-display,inherit);color:var(--c1,#13703f)}
.tm-mini .k a{font-weight:600;color:var(--muted,#56685c)!important}
.tm-mini table{width:100%;border-collapse:collapse;font-size:13.5px}
.tm-mini th{font-size:11.5px;font-weight:600;color:var(--muted,#56685c);text-align:center;padding:2px 4px}
.tm-mini td{text-align:center;padding:5px 4px;border-top:1px solid var(--line,#d3dcd4);font-variant-numeric:tabular-nums}
.tm-mini td.t{text-align:left}.tm-mini td.t a{display:flex;align-items:center;gap:8px;color:var(--ink,#0d1a12)!important;text-decoration:none;font-weight:600}
.tm-mini td.t img{width:20px;height:20px;object-fit:contain}
.tm-mini tr.me td{background:var(--c1-t,#e3f1e8);font-weight:800}
.tm-mini th:nth-child(2){text-align:left}
/* season stats */
.tm-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 0}
.tm-form small{font-size:12.5px;color:var(--muted,#56685c)}
.tm-form .form{display:flex;gap:4px}.tm-form .form i{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;font:800 12px var(--f-display,inherit);font-style:normal;color:#fff}
.tm-form .f-W{background:#16a34a}.tm-form .f-D{background:#a3a3a3}.tm-form .f-L{background:#dc2626}
.tm-minutes{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;height:170px;align-items:end;border-bottom:1px solid var(--ink,#0d1a12)}
.tm-mcol{display:grid;grid-template-rows:1fr auto;height:100%;justify-items:center;gap:4px}
.tm-mcol .pair{display:flex;gap:3px;align-items:end;height:100%;width:min(52px,100%)}
.tm-mcol .pair i{position:relative;flex:1;height:var(--h);min-height:2px;border-radius:5px 5px 0 0}
.tm-mcol .pair i.f{background:var(--c1,#13703f)}.tm-mcol .pair i.a{background:#ef4444}
.tm-mcol .pair b{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font:italic 800 11.5px var(--f-display,inherit);padding-bottom:2px}
.tm-mcol small{font-size:11px;color:var(--muted,#56685c);padding-bottom:6px;white-space:nowrap}
.pl-deep .lg.r,.lg.r{background:#ef4444}
.tm-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px}
.tm-fms{display:flex;flex-wrap:wrap;gap:8px}
.tm-fm{display:grid;justify-items:center;gap:2px;padding:10px 16px;border-radius:12px;background:var(--c1-t,#e3f1e8);font-size:12px;color:var(--muted,#56685c)}
.tm-fm b{font:italic 800 20px var(--f-display,inherit);color:var(--ink,#0d1a12)}
.tm-big li{justify-content:space-between}.tm-big li span{font-weight:500;color:var(--muted,#56685c)}.tm-big li b{min-width:0;font-size:16px;color:var(--ink,#0d1a12)}
/* fixtures */
.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}
/* leaders */
.tm-boards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px 28px}
.tm-board h3{margin:0 0 6px!important;padding:0 0 6px!important;font:800 14px var(--f-display,inherit);border-bottom:2px solid var(--c2,#a16207)}
.tm-board h3::before{display:none!important}
.tm-board a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line,#d3dcd4);color:var(--ink,#0d1a12)!important;text-decoration:none}
.tm-board a.first{grid-template-columns:52px minmax(0,1fr) auto;padding:10px 0}
.tm-board img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--chalk,#eef2ec)}
.tm-board a.first img{width:52px;height:52px}
.tm-board span{display:grid;font-weight:600;font-size:14px;min-width:0}.tm-board span small{font-weight:500;font-size:12px;color:var(--muted,#56685c)}
.tm-board b{font:italic 800 18px var(--f-display,inherit);color:var(--c2,#a16207)}
.tm-board a.first b{font-size:26px}
.tm-board b .mx-rt{font-size:13px}
/* squad */
.tm-sqinfo{margin:0 0 6px;font-size:13.5px;color:var(--muted,#56685c)}
body.fbth-team .pl-mates-g h3 small{font-weight:500;color:var(--muted,#56685c);font-size:12px}
/* coach */
.tm-car{list-style:none;margin:0;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 24px}
.tm-car li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line,#d3dcd4);margin:0}
.tm-car img{width:22px;height:22px;object-fit:contain}.tm-car span{font-weight:600;font-size:14px}.tm-car small{font-size:12px;color:var(--muted,#56685c);white-space:nowrap}
/* injuries */
.tm-injs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0 24px}
.tm-inj{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line,#d3dcd4);color:var(--ink,#0d1a12)!important;text-decoration:none}
.tm-inj img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--chalk,#eef2ec)}
.tm-inj span{display:grid;min-width:0}.tm-inj b{font-size:14px}.tm-inj span small{font-size:12px;color:var(--muted,#56685c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-inj em{font-style:normal;font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:999px}.tm-inj em.out{background:#fee2e2;color:#b91c1c}.tm-inj em.maybe{background:#fef3c7;color:#92400e}
.tm-inj .d{font-size:11.5px;color:var(--muted,#56685c)}
/* transfers */
.tm-trs{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.tm-trc h3{margin:0 0 6px!important;padding:0 0 6px!important;font:800 15px var(--f-display,inherit);border-bottom:2px solid #16a34a}
.tm-trc.out h3{border-bottom-color:#dc2626}.tm-trc h3::before{display:none!important}.tm-trc h3 small{font-weight:500;color:var(--muted,#56685c);font-size:12.5px}
.tm-tr{display:grid;grid-template-columns:62px minmax(0,1fr) auto;grid-template-areas:"d b em" "d o em";column-gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line,#d3dcd4);color:var(--ink,#0d1a12)!important;text-decoration:none}
.tm-tr .d{grid-area:d;font-size:12px;color:var(--muted,#56685c)}.tm-tr b{grid-area:b;font-size:14px}.tm-tr .o{grid-area:o;display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted,#56685c);min-width:0}
.tm-tr .o img{width:18px;height:18px;object-fit:contain}.tm-tr em{grid-area:em;font-style:normal;font:800 12.5px var(--f-display,inherit);color:var(--c3,#1d4ed8)}
.tm-trc .none{color:var(--muted,#56685c);font-size:14px}
/* comps + venue */
.tm-cups{display:flex;flex-wrap:wrap;gap:8px}
.tm-cup{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line,#d3dcd4);font-weight:600;font-size:14px}
.tm-cup img{width:22px;height:22px;object-fit:contain}.tm-cup.main{background:var(--c3,#1d4ed8);border-color:var(--c3,#1d4ed8);color:#fff}
.tm-venue{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}
.tm-venue>img{width:100%;border-radius:14px;aspect-ratio:16/10;object-fit:cover}
.tm-map{display:inline-block;margin-top:12px;font-weight:700;color:var(--c3,#1d4ed8)!important}
@media (max-width:760px){.tm-two,.tm-trs,.tm-venue{grid-template-columns:1fr}.tm-minutes{height:140px;gap:4px}.tm-mcol small{font-size:9.5px}}
body.fbth-player .pl-main section .dp-h{margin:24px 22px 12px!important;padding:0!important;font:800 16px var(--f-display,inherit);color:var(--ink,#0d1a12);display:flex;align-items:center;gap:8px}
body.fbth-player .pl-main section .dp-h::before{display:none!important}
body.fbth-player .pl-main section .dp-h::after{content:"";flex:1;height:1px;background:var(--line,#d3dcd4)}
body.fbth-player .pl-main section>.dp-h:nth-child(2){margin-top:0!important}
@media (max-width:640px){body.fbth-player .pl-main section .dp-h{margin:20px 14px 10px!important}}
body.fbth-player .tm-two .dp-h,body.fbth-player .tm-two .dp-h:first-child{margin:20px 0 12px!important}
body.fbth-player .pl-top .pl-next{align-content:start}
/* ===== v5.10 coach page ===== */
body.fbth-coach .pl-id .club .ck{font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--pl-num,#f2b230);color:#2a1d00}
body.fbth-coach .pl-tiles div:nth-child(5) b{color:var(--pl-num,#f2b230)}
body.fbth-coach .pl-tiles div:nth-child(3) b{color:#fff}
.ch-list{display:grid}
.ch-row{display:grid;grid-template-columns:30px minmax(0,1.3fr) 110px minmax(0,1.6fr);align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line,#d3dcd4);color:var(--ink,#0d1a12)!important;text-decoration:none}
.ch-row img{width:30px;height:30px;object-fit:contain}
.ch-row .n{display:grid;min-width:0}.ch-row .n b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-row .n small{font-size:12px;color:var(--muted,#56685c)}
.ch-row .len{font:italic 800 13px var(--f-display,inherit);color:var(--c2,#a16207);white-space:nowrap}
.ch-row .bar{position:relative;height:10px;border-radius:99px;background:color-mix(in srgb,var(--muted,#56685c) 12%,transparent)}
.ch-row .bar i{position:absolute;top:0;bottom:0;border-radius:99px;background:color-mix(in srgb,var(--c2,#a16207) 55%,transparent)}
.ch-row.now .bar i{background:var(--c1,#13703f)}
.ch-row.now .n b{color:var(--c1,#13703f)}
.ch-row:hover .n b{text-decoration:underline}
.ch-axis{position:relative;height:18px;margin:6px 0 0 calc(30px + 12px + 1.3fr);font-size:11px;color:var(--muted,#56685c)}
.ch-axis{margin-left:0;display:none}
@media (min-width:761px){.ch-axis{display:block;margin-left:calc(42px + (100% - 42px - 110px - 24px) * 1.3 / 2.9 + 122px)}}
.ch-axis span{position:absolute;transform:translateX(-50%)}
@media (max-width:760px){.ch-row{grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"im n len" "bar bar bar";row-gap:6px}.ch-row img{grid-area:im}.ch-row .n{grid-area:n}.ch-row .len{grid-area:len}.ch-row .bar{grid-area:bar}}

/* 5.10.2: desktop has no horizontal swipe — let the pill/tab rows wrap instead of scrolling with a hidden scrollbar */
@media (min-width:641px), (hover:hover) and (pointer:fine){.pl-pills,.fbth-tablist{flex-wrap:wrap;overflow-x:visible}}

/* 5.10.1.3: transfers timeline inset like the other player sections; trophies show the competition logo */
body.fbth-player .pl-tl{margin:0 14px!important}
body.fbth-player .pl-tl li:last-child{border-bottom:0}
body.fbth-player .pl-tl em{justify-self:end}
.pl-tro .cup i{font-style:normal}
body.fbth-player .pl-tro{grid-template-columns:44px 1fr}
.pl-tro .cup.has-logo{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--line,#e2e7ee)}
.pl-tro .cup.has-logo img{width:32px;height:32px;object-fit:contain}
.pl-tro .cup.has-logo i{position:absolute;right:-7px;bottom:-7px;font-size:15px;line-height:1}
body.fbth-player .pl-tro .cup.has-logo{font-size:15px}

body.fbth-player .pl-tro{column-gap:16px;align-items:start}

/* 5.10.1.5 share card: share / copy image / social links */
.fb-cardm .act{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.fb-cardm .act .cp{display:inline-flex;align-items:center;gap:6px;padding:12px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;font:700 15px inherit;cursor:pointer}
.fb-cardm .soc{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 0}
.fb-cardm .soc a,.fb-cardm .soc button{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;border:0;font:700 14px inherit;color:#fff!important;text-decoration:none;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fb-cardm .soc .ln{background:#06c755}.fb-cardm .soc .fb{background:#1877f2}.fb-cardm .soc .xx{background:#111}.fb-cardm .soc .lk{background:rgba(255,255,255,.18)}
/* 5.10.1.5 layout: no horizontal overflow */
.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}
@media (max-width:420px){.fbth-live .facts{min-width:0;flex-basis:100%}}

@media (max-width:980px){body.fbth-player .pl-extra{grid-template-columns:minmax(0,1fr)!important}}
.tm-mini{min-width:0;overflow-x:auto}
@media (max-width:420px){.tm-mini{padding-left:12px!important;padding-right:12px!important}.tm-mini th,.tm-mini td{padding-left:4px!important;padding-right:4px!important}}

.fb-cardm .act .cp{color:#fff!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.4)!important}

/* 5.10.1.8 share card sheet: image + actions in one card */
.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{display:grid;gap:14px;padding:14px 16px 18px;background:#0b1f15;border-top:1px solid rgba(255,255,255,.08)}
.fb-cardm .shr [hidden]{display:none!important}
.fb-cardm .shr .sh{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 16px;border:0;border-radius:14px;background:#f5b301;color:#1a1300;font:700 16px/1.2 var(--f-display,inherit);cursor:pointer}
.fb-cardm .shr .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:4px}
.fb-cardm .shr .grid>a,.fb-cardm .shr .grid>button{display:grid;justify-items:center;align-content:start;gap:7px;padding:4px 0;margin:0;border:0;background:none;color:#dfeae3!important;text-decoration:none!important;font:600 12px/1.25 var(--f-display,inherit);cursor:pointer;text-align:center}
.fb-cardm .shr .grid i{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-style:normal;transition:transform .15s,filter .15s}
.fb-cardm .shr .grid>*:hover i{transform:translateY(-2px);filter:brightness(1.1)}
.fb-cardm .shr .grid>*:focus-visible i{outline:2px solid #f5b301;outline-offset:2px}
.fb-cardm .shr .dl i{background:#f5b301;color:#1a1300}
.fb-cardm .shr .ln i{background:#06c755}.fb-cardm .shr .fb i{background:#1877f2}.fb-cardm .shr .xx i{background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.fb-cardm .shr small{font-size:12px;color:inherit;white-space:nowrap}

.fb-cardm .in>.x{position:fixed!important;top:16px!important;right:16px!important;width:44px;height:44px}

@media (max-width:480px){.fb-cardm .shr .grid{grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:2px}.fb-cardm .shr .grid i{width:44px;height:44px}.fb-cardm .shr small{font-size:10.5px}}

/* 5.10.2.1 design pass */
.pl-extra{align-items:start}
img[src*="api-sports.io/football/teams/"],img[src*="api-sports.io/football/leagues/"]{object-fit:contain}
.tm-mcol small{font-size:11px}
body.fbth-match b.ty{font-size:11.5px}
.fb-cardm .shr .ln i{background:#05a649}
@media (max-width:640px){body.home span.t>b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}}
@media (max-width:480px){.h2-kicker{flex-wrap:wrap;row-gap:2px;font-size:12.5px}.h2-kicker>span{white-space:nowrap}}

/* 5.10.2.2 design pass: news thumbnails, match sim board */
.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}
.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}}

/* 5.11 player page extras */
body.fbth-player .pl-plus[hidden],body.fbth-player .pl-nav a[hidden]{display:none!important}
body.fbth-player .pl-plus{padding-bottom:16px}
body.fbth-player .pl-plus>*:not(h2):not(script){margin-left:14px;margin-right:14px}
.pl-hero .pl-thn{margin:4px 0 0;color:rgba(255,255,255,.88);font:600 clamp(16px,2vw,20px)/1.3 var(--f-display,inherit)}
.pl-hero .pl-hrank{display:inline-flex;align-items:center;gap:6px;margin:10px 0 2px;padding:6px 14px;border-radius:999px;background:rgba(245,179,1,.16);border:1px solid rgba(245,179,1,.35);color:#f5b301!important;font:700 14px/1.2 var(--f-display,inherit);text-decoration:none!important}
.pl-hero .pl-hrank:hover{background:rgba(245,179,1,.26)}
body.fbth-player .pl-hform .h{font-size:13.5px;opacity:1;color:rgba(255,255,255,.85)}
body.fbth-player .pl-hform a{min-width:54px;font-size:12.5px}
body.fbth-player .pl-hform a img{width:28px;height:28px}
.pl-nav .pl-me{display:none}
@media (max-width:980px){.pl-nav.me-on .pl-me{display:inline-flex;align-items:center;gap:6px;flex:none;padding:6px 12px 6px 6px!important;border-radius:999px;background:var(--turf,#0c8a4f)!important;color:#fff!important}.pl-nav .pl-me img{width:24px;height:24px;border-radius:50%;object-fit:cover;background:#fff}.pl-nav .pl-me b{font-size:13px}}
.pl-deep.dp-folded .dp-x{display:none!important}
.pl-deep .dp-toggle{display:block;width:calc(100% - 28px);margin:14px 14px 4px;padding:12px 16px;border:1px dashed var(--c1,#13703f);border-radius:12px;background:transparent;color:var(--c1,#13703f);font:700 15px var(--f-display,inherit);cursor:pointer}
.pl-deep .dp-toggle:hover{background:rgba(19,112,63,.06)}
.pg-sum{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.pg-sum>div{display:grid;gap:2px;min-width:92px;padding:10px 14px;border-radius:12px;background:var(--chalk,#f1f4f8)}
.pg-sum b{font:800 24px/1.1 var(--f-display,inherit);color:var(--ink,#0f172a)}.pg-sum span{font-size:12.5px;color:var(--muted,#64748b)}
.pg-list{display:grid}
.pg-row{display:grid;grid-template-columns:58px 118px minmax(0,1fr) auto;grid-template-areas:"mn rl vs sc" "mn rl dt sc";align-items:center;column-gap:12px;row-gap:2px;padding:10px 4px;border-bottom:1px solid var(--line,#e2e7ee);color:inherit!important;text-decoration:none!important}
.pg-row:hover{background:rgba(19,112,63,.05)}
.pg-min{grid-area:mn;font:800 18px var(--f-display,inherit);color:var(--ink,#0f172a)}
.pg-r{grid-area:rl;justify-self:start;padding:3px 10px;border-radius:999px;font:700 12.5px var(--f-display,inherit);white-space:nowrap}
.pg-r.g{background:#dcfce7;color:#166534}.pg-r.a{background:#fef3c7;color:#92400e}.pg-r.og{background:#fee2e2;color:#991b1b}
.pg-vs{grid-area:vs;display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap;font-size:14px;color:var(--ink,#0f172a)}
.pg-vs img{width:20px;height:20px;object-fit:contain}.pg-vs small{color:var(--muted,#64748b);font-size:12.5px}
.pg-sc{grid-area:sc;display:grid;justify-items:end;gap:2px;font-size:12.5px;white-space:nowrap}.pg-sc em{font-style:normal;font-weight:700;color:var(--ink,#0f172a)}.pg-sc i{font-style:normal;color:var(--muted,#64748b)}
.pg-dt{grid-area:dt;font-size:12px;color:var(--muted,#64748b)}
@media (max-width:640px){.pg-row{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"mn rl sc" "mn vs sc" "mn dt sc"}.pg-min{font-size:16px}}
.pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.pc-card{display:grid;gap:6px;color:inherit!important;text-decoration:none!important}
.pc-th{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}
.pc-th img{width:100%;height:100%;object-fit:cover}
.pc-th i{position:absolute;inset:0;margin:auto;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.6);color:#fff;font-style:normal}
.pc-card b{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink,#0f172a)}.pc-card small{font-size:12px;color:var(--muted,#64748b)}
.pn-list{list-style:none;padding:0}.pn-list li{display:grid;gap:3px;padding:11px 0;border-bottom:1px solid var(--line,#e2e7ee)}
.pn-list a{font-weight:600;color:var(--ink,#0f172a)}.pn-list small{font-size:12px;color:var(--muted,#64748b)}
.pf-list details{border-bottom:1px solid var(--line,#e2e7ee)}
.pf-list summary{cursor:pointer;list-style:none;padding:13px 30px 13px 0;position:relative;font:700 15.5px/1.4 var(--f-display,inherit);color:var(--ink,#0f172a)}
.pf-list summary::-webkit-details-marker{display:none}
.pf-list summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:20px;line-height:1;color:var(--c3,#1d4ed8)}
.pf-list details[open] summary::after{content:"−"}
.pf-list p{margin:0 0 14px;color:var(--ink,#0f172a);line-height:1.65}
.pb-soc{display:flex;flex-wrap:wrap;gap:8px}.pb-soc a{padding:4px 12px;border-radius:999px;background:var(--chalk,#f1f4f8);font-weight:600;font-size:13px}
.pb-wiki{margin-top:16px;margin-bottom:16px;padding:14px 18px;border-left:3px solid var(--c2,#a16207);border-radius:0 12px 12px 0;background:rgba(161,98,7,.06)}
.pb-wiki p{margin:0 0 8px;line-height:1.7}.pb-wiki footer{font-size:12px;color:var(--muted,#64748b)}
.pb-h{margin-top:18px;margin-bottom:8px;font-size:16px}

/* 5.11.1 next-match card (.pl-next) — ticket layout: stacked crests, time in the middle */
body.fbth-player .pl-top{align-items:stretch}
body.fbth-player .pl-top>.pl-ranks{display:grid;grid-auto-rows:1fr;gap:10px}
body.fbth-player .pl-top .pl-rank{height:100%;box-sizing:border-box;display:flex;align-items:center;gap:16px;padding:16px 22px;background-image:linear-gradient(120deg,rgba(242,178,48,.16),rgba(242,178,48,0) 55%)}
body.fbth-player .pl-top .pl-rank>b{font-size:44px;line-height:1}
body.fbth-player .pl-top .pl-ranks:has(.pl-rank+.pl-rank) .pl-rank>b{font-size:32px}
body.fbth-player .pl-top .pl-rank>span{font-size:17px;font-weight:700;line-height:1.35}
body.fbth-player .pl-top .pl-rank>span small{display:block;font-size:13px;font-weight:400}
body.fbth-player .pl-top a.pl-next{display:flex;flex-direction:column;gap:12px;padding:16px 18px 0;text-decoration:none;overflow:hidden}
body.fbth-player .pl-top a.pl-next .k{display:flex;align-items:center;justify-content:space-between;gap:10px}
body.fbth-player .pl-top a.pl-next .t{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;justify-items:center;column-gap:14px;row-gap:8px;width:100%;max-width:560px;margin:2px auto 0;text-align:center}
body.fbth-player .pl-top a.pl-next .t>img{grid-row:1!important;width:52px;height:52px;object-fit:contain;margin:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12))}
body.fbth-player .pl-top a.pl-next .t>img:nth-of-type(1){grid-column:1!important}
body.fbth-player .pl-top a.pl-next .t>img:nth-of-type(2){grid-column:3!important}
body.fbth-player .pl-top a.pl-next .t>b{grid-row:2!important;align-self:start;font-size:14.5px;line-height:1.3;font-weight:700;text-align:center;max-width:100%;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.fbth-player .pl-top a.pl-next .t>b:nth-of-type(1){grid-column:1!important}
body.fbth-player .pl-top a.pl-next .t>b:nth-of-type(2){grid-column:3!important}
body.fbth-player .pl-top a.pl-next .t>em{grid-column:2!important;grid-row:1/3!important;align-self:center;font-style:normal;font-weight:700;font-size:14px;line-height:1.35;text-align:center;white-space:nowrap;padding:8px 14px;border-radius:12px}
body.fbth-player .pl-top a.pl-next .t>em::before{content:"VS";display:block;font-size:11px;letter-spacing:.12em;opacity:.5;margin-bottom:2px}
body.fbth-player .pl-top a.pl-next small{display:block;margin:4px -18px 0;padding:10px 18px;text-align:center;font-size:13px;border-top:1px dashed color-mix(in srgb,currentColor 22%,transparent);transition:background .15s}
body.fbth-player .pl-top a.pl-next:hover small{background:color-mix(in srgb,currentColor 5%,transparent)}
@media (max-width:420px){
 body.fbth-player .pl-top a.pl-next .t>img{width:44px;height:44px}
 body.fbth-player .pl-top a.pl-next .t>b{font-size:13.5px}
 body.fbth-player .pl-top a.pl-next .t>em{font-size:12.5px;padding:7px 9px}
}

/* 5.11.3 team page — own look (stadium-night hero, centred club crest, scoreboard tiles, top tab bar) */
body.fbth-team .tm-hero{--tm-ac:#38bdf8;--tm-gold:#f5b301;background-color:#081733!important;background-image:radial-gradient(60% 90% at 12% -20%,rgba(186,230,253,.30),rgba(186,230,253,0) 60%),radial-gradient(60% 90% at 88% -20%,rgba(186,230,253,.26),rgba(186,230,253,0) 60%),radial-gradient(80% 60% at 50% 120%,rgba(56,189,248,.22),rgba(56,189,248,0) 70%),linear-gradient(180deg,#0e2452 0%,#0a1a3d 55%,#07132c 100%)!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"ph" "id" "fm" "tl"!important;justify-items:center;text-align:center;padding:34px 40px 0!important;row-gap:14px;border:1px solid rgba(148,197,255,.18)}
body.fbth-team .tm-hero::after{background:radial-gradient(circle at 50% 100%,transparent 0 179px,rgba(255,255,255,.07) 180px 182px,transparent 183px),linear-gradient(90deg,transparent calc(50% - 1px),rgba(255,255,255,.06) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px))!important}
body.fbth-team .tm-hero .pl-ghost{display:none!important}
body.fbth-team .tm-hero .tm-crest{width:132px!important;height:132px!important;border-radius:50%!important;background:#fff!important;padding:18px!important;box-sizing:border-box;box-shadow:0 0 0 6px rgba(56,189,248,.22),0 0 0 7px rgba(255,255,255,.35),0 18px 48px rgba(0,0,0,.45),0 0 70px rgba(56,189,248,.35)!important;display:flex;align-items:center;justify-content:center}
body.fbth-team .tm-hero .tm-crest img{width:100%!important;height:100%!important;object-fit:contain}
body.fbth-team .tm-hero .pl-id{display:flex;flex-direction:column;align-items:center;max-width:820px}
body.fbth-team .tm-hero .pl-id h1{font-size:clamp(34px,5vw,56px)!important;line-height:1.05;letter-spacing:-.01em;text-shadow:0 4px 24px rgba(0,0,0,.35)}
body.fbth-team .tm-hero .pl-id .full{color:var(--tm-ac)!important;letter-spacing:.32em;font-weight:700;font-size:13px;margin:6px 0 0}
body.fbth-team .tm-hero .pl-facts{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px!important;margin-top:16px;border:0!important;padding:0!important}
body.fbth-team .tm-hero .pl-facts>div{display:flex;align-items:baseline;gap:6px;padding:7px 14px!important;border:1px solid rgba(148,197,255,.22)!important;border-radius:999px;background:rgba(255,255,255,.06);margin:0!important}
body.fbth-team .tm-hero .pl-facts>div small{font-size:12px;opacity:.7;margin:0}
body.fbth-team .tm-hero .pl-facts>div b{font-size:14px}
body.fbth-team .tm-hero .pl-hform{display:flex;flex-direction:column;align-items:center;gap:8px;margin:2px 0 6px}
body.fbth-team .tm-hero .pl-hform .h{font-size:12px;letter-spacing:.08em;opacity:.75}
body.fbth-team .tm-hero .pl-tiles{width:calc(100% + 80px);margin:8px -40px 0;border-radius:0!important;background:rgba(3,10,26,.55)!important;border-top:1px solid rgba(148,197,255,.18);box-sizing:border-box}
body.fbth-team .tm-hero .pl-tiles .cap{color:var(--tm-ac)!important}
body.fbth-team .tm-hero .pl-tiles>div b{color:#fff!important;font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(56,189,248,.45)}
body.fbth-team .tm-hero .pl-tiles>div:first-of-type b{color:var(--tm-gold)!important;text-shadow:0 0 18px rgba(245,179,1,.45)}
body.fbth-team .pl-top{align-items:start!important}
body.fbth-team .pl-top a.pl-next{height:auto}
@media (min-width:981px){
 body.fbth-team .pl-body{grid-template-columns:minmax(0,1fr)!important}
 body.fbth-team .pl-side{position:sticky;top:var(--tm-navtop,76px);z-index:20;margin-bottom:6px}
 body.admin-bar.fbth-team .pl-side{--tm-navtop:108px}
 body.fbth-team .pl-nav{display:flex!important;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;padding:6px!important;border-radius:999px;background:var(--surface,#fff);border:1px solid var(--line,#e5e7eb);box-shadow:0 8px 24px rgba(15,23,42,.08)}
 body.fbth-team .pl-nav::-webkit-scrollbar{display:none}
 body.fbth-team .pl-nav .pl-nav-g{flex:none;width:8px;height:8px;padding:0!important;margin:0 4px 0 10px!important;border-radius:50%;font-size:0!important;overflow:hidden}
 body.fbth-team .pl-nav .pl-nav-g:first-child{margin-left:8px!important}
 body.fbth-team .pl-nav .pl-nav-g::before{display:none}
 body.fbth-team .pl-nav .pl-nav-g.c1{background:#16a34a}
 body.fbth-team .pl-nav .pl-nav-g.c2{background:#d97706}
 body.fbth-team .pl-nav .pl-nav-g.c3{background:#2563eb}
 body.fbth-team .pl-nav a{flex:none;white-space:nowrap;padding:8px 14px!important;border-radius:999px;border:0!important;margin:0!important;font-size:14px}
 body.fbth-team .pl-nav a.on{background:#0e2452;color:#fff!important}
 body.fbth-team .pl-main .fv-sec[id]{scroll-margin-top:170px}
}
@media (max-width:640px){
 body.fbth-team .tm-hero{padding:24px 16px 0!important}
 body.fbth-team .tm-hero .tm-crest{width:104px!important;height:104px!important;padding:14px!important}
 body.fbth-team .tm-hero .pl-tiles{width:calc(100% + 32px);margin:6px -16px 0}
 body.fbth-team .tm-hero .pl-facts>div{padding:6px 11px!important}
}

/* 5.11.4 team hero full-bleed (edge to edge) */
body.fbth-team .tm-hero{width:calc(100vw - var(--sbw,0px))!important;max-width:none!important;margin-left:calc(50% - 50vw + var(--sbw,0px) / 2)!important;margin-right:calc(50% - 50vw + var(--sbw,0px) / 2)!important;border-radius:0!important;border-left:0!important;border-right:0!important;--tm-pad:max(40px,calc(50vw - var(--sbw,0px) / 2 - 576px));padding:56px var(--tm-pad) 0!important;min-height:min(calc(100svh - 150px),680px);align-content:center;box-sizing:border-box}
body.fbth-team .tm-hero .pl-tiles{width:calc(100vw - var(--sbw,0px))!important;margin:22px 0 0!important;justify-self:center;padding-left:var(--tm-pad)!important;padding-right:var(--tm-pad)!important}
body.fbth-team .tm-hero .tm-crest{width:150px!important;height:150px!important}
@media (max-width:640px){
 body.fbth-team .tm-hero{--tm-pad:16px;padding-top:30px!important;min-height:0}
 body.fbth-team .tm-hero .pl-tiles{margin-top:12px!important}
 body.fbth-team .tm-hero .tm-crest{width:108px!important;height:108px!important}
}

/* 5.11.6 team page — one palette (navy / sky / gold) to match the stadium hero */
body.fbth-team.fbth-player{--c1:#12306b;--c1-t:#e8eef9;--c2:#0369a1;--c2-t:#e0f2fe;--c3:#a16207;--c3-t:#fbf0d6}
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 .pl-nav-g.c1{background:var(--c1)}
 body.fbth-team .pl-nav .pl-nav-g.c2{background:var(--c2)}
 body.fbth-team .pl-nav .pl-nav-g.c3{background:var(--c3)}
 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}
}
body.fbth-team .pl-top a.pl-next .k{color:var(--c1)!important}
body.fbth-team .pl-top a.pl-next .k .cd{background:var(--c1)!important;color:var(--surface,#fff)!important}
body.fbth-team .pl-top .tm-mini{border-left-color:var(--c1)!important}
body.fbth-team .pl-top .tm-mini .k,body.fbth-team .pl-top .tm-mini .k a{color:var(--c1)!important}
body.fbth-team .pl-top .tm-mini tr.me td{background:var(--c1-t)!important}
body.fbth-team .pl-top{align-items:stretch!important}
body.fbth-team .pl-top a.pl-next{justify-content:space-between}
body.fbth-team .pl-top a.pl-next .t{margin:auto!important}
body.fbth-team .pl-top a.pl-next .t>img{width:64px;height:64px}
body.fbth-team .pl-top a.pl-next .t>b{font-size:15.5px}

/* 5.11.7 next-match names: break between words only */
body.fbth-player .pl-top a.pl-next .t>b{overflow-wrap:break-word!important;word-break:normal!important}
@media (max-width:640px){body.fbth-team .pl-top a.pl-next .t>img{width:48px;height:48px}body.fbth-team .pl-top a.pl-next .t>b{font-size:13.5px}}

/* 5.11.8 team tab bar follows the page: side + main in one block so the sticky bar has room (theme body overflow-x:hidden already stops sideways scroll) */
@media (min-width:981px){body.fbth-team .pl-body{display:block!important}body.fbth-team .pl-side{margin-bottom:18px!important}}

/* 5.12 team history section (#history) + Thai club name in the hero */
body.fbth-team .tm-hero .tm-thn{margin:8px 0 0;font-size:18px;font-weight:600;color:rgba(255,255,255,.82);letter-spacing:.01em}
#history .pb-h{margin-top:26px;margin-bottom:12px}
.th-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0 0 12px}
.th-sum>div{background:var(--c3-t,#fbf0d6);border-radius:14px;padding:12px 14px}
.th-sum b{display:block;font-size:28px;line-height:1.1;font-weight:800;font-style:italic;color:var(--c3,#a16207)}
.th-sum span{font-size:12.5px;opacity:.8}
.th-titles{margin:0 0 12px;font-weight:700;color:var(--c3,#a16207)}
.th-chartw{overflow-x:auto;margin:6px 0 14px;-webkit-overflow-scrolling:touch}
.th-chart{display:block;min-width:100%;height:auto;max-height:280px}
.th-chart .gl{stroke:currentColor;stroke-opacity:.1;stroke-dasharray:3 4}
.th-chart .ax{fill:currentColor;fill-opacity:.55;font-size:12px}
.th-chart .ln{fill:none;stroke:var(--c1,#12306b);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.th-chart .pt circle{fill:var(--surface,#fff);stroke:var(--c1,#12306b);stroke-width:2.5}
.th-chart .pt text{font-size:11px;font-weight:700;fill:var(--c1,#12306b)}
.th-chart .pt.w circle{fill:#f5b301;stroke:#b7860b}
.th-chart .pt.w text{fill:#3b2a00}
.th-chart .pt.r circle{stroke:#dc2626}
.th-chart .pt.r text{fill:#dc2626}
.th-chart .pt.o circle{stroke:#94a3b8;stroke-dasharray:3 2}
.th-chart .pt.o text{fill:#64748b}
.th-chart .pt.now circle{stroke-dasharray:4 3}
.th-tbl td{white-space:nowrap}
.th-tbl .th-lg img{width:18px;height:18px;object-fit:contain;vertical-align:-4px;margin-right:6px}
.th-tbl tr.is-w td{background:rgba(245,179,1,.12)!important}
.th-tbl small{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700}
.th-w{background:#f5b301;color:#3b2a00}
.th-r{background:rgba(220,38,38,.12);color:#dc2626}
.th-p{background:rgba(22,163,74,.12);color:#16a34a}
.th-now{background:var(--c1-t,#e8eef9);color:var(--c1,#12306b)}
.th-coaches{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.th-c{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line,#e2e7ee);border-radius:14px;text-decoration:none;color:inherit;transition:border-color .15s,background .15s}
.th-c:hover{border-color:var(--c1,#12306b)}
.th-c img,.th-c .ph{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;background:var(--c1-t,#e8eef9)}
.th-c b{display:block;font-size:14.5px;line-height:1.3}
.th-c small{display:block;font-size:12px;opacity:.7;line-height:1.4}
.th-c.now{border-color:var(--c1,#12306b);background:var(--c1-t,#e8eef9)}
.th-chart .tb{stroke:currentColor;stroke-opacity:.18;stroke-dasharray:6 5}
.th-chart .tl{fill:currentColor;fill-opacity:.6;font-size:11.5px;font-weight:700}
.th-chartw{position:relative}
.th-chart .pt{cursor:pointer;outline:none}
.th-chart g.pt circle.hit{fill:transparent!important;stroke:none!important}
.th-chart .pt:hover circle:not(.hit),.th-chart .pt:focus circle:not(.hit){stroke-width:4}
.th-tip{position:absolute;z-index:6;pointer-events:none;transform:translate(-50%,calc(-100% - 16px));background:#0b1b3a;color:#fff;border-radius:12px;padding:9px 13px;font-size:12.5px;line-height:1.55;white-space:nowrap;box-shadow:0 10px 28px rgba(2,8,23,.35);opacity:0;transition:opacity .12s}
.th-tip.on{opacity:1}
.th-tip.below{transform:translate(-50%,40px)}
.th-tip b{display:block;font-size:13.5px;margin-bottom:2px;color:#f5b301}
.th-tip span{display:block;color:rgba(255,255,255,.88)}

/* 5.13 team match archive (#results) */
#results .tr-intro{margin:-4px 0 12px;font-size:13.5px;opacity:.75}
.tr-seas{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;margin:0 0 10px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.tr-seas button,.tr-chips button{flex:none;font:inherit;font-size:13px;font-weight:600;border:1px solid var(--line,#e2e7ee);background:var(--surface,#fff);color:inherit;border-radius:999px;padding:6px 12px;cursor:pointer;line-height:1.2;transition:background .15s,border-color .15s,color .15s}
.tr-seas button:hover,.tr-chips button:hover{border-color:var(--c1,#12306b)}
.tr-seas button.on{background:var(--c1,#12306b);border-color:var(--c1,#12306b);color:#fff}
.tr-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.tr-chips button{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:5px 10px}
.tr-chips button img{width:16px;height:16px;object-fit:contain}
.tr-chips button i{font-style:normal;font-size:11px;opacity:.65}
.tr-chips button.on{background:var(--c2-t,#e0f2fe);border-color:var(--c2,#0369a1);color:var(--c2,#0369a1)}
.tr-sum{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:0 0 12px}
.tr-sum>div{background:var(--c1-t,#e8eef9);border-radius:12px;padding:9px 10px;text-align:center}
.tr-sum b{display:block;font-size:22px;line-height:1.15;font-weight:800;color:var(--c1,#12306b)}
.tr-sum span{font-size:12px;opacity:.75}
.tr-sum .k1 b{color:#16a34a}.tr-sum .k2 b{color:#64748b}.tr-sum .k3 b{color:#dc2626}
.tr-bar{grid-column:1/-1;display:flex;height:6px;border-radius:99px;overflow:hidden;gap:2px}
.tr-bar i{display:block;flex-basis:0}
.tr-bar .w{background:#16a34a}.tr-bar .d{background:#94a3b8}.tr-bar .l{background:#dc2626}
.tr-list{display:flex;flex-direction:column}
.tr-mon{font-size:12px;font-weight:700;letter-spacing:.02em;opacity:.6;padding:12px 4px 6px;border-bottom:1px solid var(--line,#e2e7ee)}
.tr-row{display:grid;grid-template-columns:42px 26px minmax(0,1fr) auto 30px;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--line,#e2e7ee);text-decoration:none;color:inherit;transition:background .15s}
.tr-row:hover{background:var(--c1-t,#e8eef9)}
.tr-row[hidden],.tr-mon[hidden]{display:none}
.tr-dt{text-align:center;line-height:1.1}
.tr-dt b{display:block;font-size:17px;font-weight:800}
.tr-dt small{font-size:11px;opacity:.65}
.tr-cp img{width:22px;height:22px;object-fit:contain;display:block}
.tr-op{display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:7px;align-items:center;min-width:0}
.tr-op .tr-ha{grid-row:1/3;font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:6px;background:var(--line,#e2e7ee);white-space:nowrap}
.tr-op img{grid-row:1/3;grid-column:2;width:22px;height:22px;object-fit:contain}
.tr-op b{grid-column:3;font-size:14.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tr-op .tr-rd{grid-column:3;font-size:11.5px;opacity:.65;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tr-sc{text-align:right;line-height:1.15}
.tr-sc b{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.tr-sc small{display:block;font-size:10.5px;opacity:.7;white-space:nowrap}
.tr-res{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff}
.r-w .tr-res{background:#16a34a}.r-d .tr-res{background:#94a3b8}.r-l .tr-res{background:#dc2626}
.tr-none,.tr-load{padding:18px 4px;opacity:.7}
@media (max-width:640px){
 .tr-sum{grid-template-columns:repeat(3,1fr)}
 .tr-row{grid-template-columns:36px minmax(0,1fr) auto 26px;gap:8px}
 .tr-cp{display:none}
 .tr-op .tr-ha{display:none}
 .tr-res{width:24px;height:24px;font-size:12px}
}
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}}
#results .tr-intro{margin:-4px 22px 12px}
.tr-sum>.tr-bar{padding:0;background:none;border-radius:99px}

/* 5.14 player extras rebuilt (x8-*) */
.x8-nat{display:flex;align-items:center;gap:10px;margin:-2px 22px 14px;padding:10px 14px;border-radius:12px;background:var(--c1-t,#e7f3ec);font-size:14px}
.x8-nat img{width:22px;height:22px;object-fit:contain;flex:none}
.x8-lead{margin:-4px 22px 10px;font-size:13.5px;opacity:.8}
.x8-warn{margin:0 22px 10px;font-size:12.5px;color:#b45309}
.x8-wait{margin:0 22px;padding:18px 0;opacity:.7}
.x8-pct-h,.x8-pr{display:grid;grid-template-columns:minmax(120px,1.3fr) minmax(80px,2fr) 54px 44px;gap:12px;align-items:center}
.x8-pct-h{margin:0 22px;padding:0 0 6px;font-size:11.5px;font-weight:700;opacity:.55;border-bottom:1px solid var(--line,#e2e7ee)}
.x8-pct-h span:nth-child(n+3){text-align:right}
.x8-prs{margin:0 22px}
.x8-pr{padding:8px 0;border-bottom:1px solid var(--line,#e2e7ee);font-size:14px}
.x8-pr .br{height:10px;border-radius:99px;background:var(--line,#e2e7ee);overflow:hidden}
.x8-pr .br i{display:block;height:100%;border-radius:99px;background:currentColor}
.x8-pr .v{text-align:right;font-variant-numeric:tabular-nums}
.x8-pr em{justify-self:end;min-width:36px;text-align:center;font-style:normal;font-weight:800;font-size:13px;border-radius:8px;padding:3px 0}
.x8-pr.t-a{--pc:#15803d}.x8-pr.t-b{--pc:#4d9e3a}.x8-pr.t-c{--pc:#ca8a04}.x8-pr.t-d{--pc:#ea580c}.x8-pr.t-e{--pc:#dc2626}
.x8-pr .br i{background:var(--pc)}
.x8-pr em{background:var(--pc);color:#fff}
.x8-nxs{margin:0 22px;display:flex;flex-direction:column}
.x8-nx{display:grid;grid-template-columns:48px minmax(0,1fr) auto 64px;gap:12px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line,#e2e7ee);color:inherit;text-decoration:none}
.x8-nx:hover{background:var(--c1-t,#e7f3ec)}
.x8-nx .d{text-align:center;line-height:1.1}.x8-nx .d b{display:block;font-size:18px;font-weight:800}.x8-nx .d small{display:block;font-size:11px;opacity:.65}
.x8-nx .o{display:grid;grid-template-columns:auto auto minmax(0,1fr);column-gap:8px;align-items:center;min-width:0}
.x8-nx .o>small:first-child{grid-row:1/3;font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:6px;background:var(--line,#e2e7ee)}
.x8-nx .o img{grid-row:1/3;grid-column:2;width:24px;height:24px;object-fit:contain}
.x8-nx .o b{grid-column:3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.x8-nx .o .lg{grid-column:3;font-size:11.5px;opacity:.65}
.x8-nx .rk{font-size:12.5px;opacity:.75;white-space:nowrap}
.x8-nx em{font-style:normal;font-size:12px;font-weight:800;text-align:center;border-radius:8px;padding:4px 0;color:#fff;background:#94a3b8}
.x8-nx.hard em{background:#dc2626}.x8-nx.mid em{background:#ca8a04}.x8-nx.easy em{background:#16a34a}
.x8-trw{margin:12px 22px 6px}
.x8-leg{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;margin:0 0 6px}
.x8-leg span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:#16a34a}
.x8-leg .a::before{background:#f5b301}.x8-leg .rt::before{background:var(--c2,#a16207);border-radius:50%}
.x8-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.x8-tr{display:block;min-width:100%;height:auto;max-height:260px}
.x8-tr .gl{stroke:currentColor;stroke-opacity:.15}
.x8-tr rect.g{fill:#16a34a}.x8-tr rect.a{fill:#f5b301}
.x8-tr text{fill:currentColor;font-size:11.5px}.x8-tr .n{font-weight:700}.x8-tr .yr{font-weight:700;fill-opacity:.75}.x8-tr .ap{fill-opacity:.5;font-size:10.5px}
.x8-tr path.rt{fill:none;stroke:var(--c2,#a16207);stroke-width:2.5;stroke-linejoin:round}
.x8-tr circle.rt{fill:var(--surface,#fff);stroke:var(--c2,#a16207);stroke-width:2.5}
.x8-tr .rv{font-size:11px;font-weight:700;fill:var(--c2,#a16207)}
.x8-h{margin:18px 22px 10px;font-size:15px}
.x8-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 22px 12px}
.x8-sum>div{background:var(--c2-t,#fbf0d6);border-radius:12px;padding:10px 12px}
.x8-sum b{display:block;font-size:22px;font-weight:800;line-height:1.15;color:var(--c2,#a16207)}
.x8-sum span{font-size:12px;opacity:.8}
.x8-bars{margin:0 22px 8px}
.x8-bar{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(80px,2fr) 70px;gap:10px;align-items:center;padding:6px 0;font-size:13.5px}
.x8-bar .t{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.x8-bar .t img{width:18px;height:18px;object-fit:contain;flex:none}
.x8-bar .b{height:10px;border-radius:99px;background:var(--line,#e2e7ee);overflow:hidden}
.x8-bar .b i{display:block;height:100%;background:var(--c2,#a16207);border-radius:99px}
.x8-bar>b{text-align:right;font-variant-numeric:tabular-nums}
.x8-cols{display:flex;align-items:flex-end;gap:10px;height:150px;margin:6px 22px 4px;padding-top:4px}
.x8-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;min-width:0}
.x8-col b{font-size:12px}
.x8-col .c{flex:1;width:100%;max-width:44px;display:flex;align-items:flex-end}
.x8-col .c i{display:block;width:100%;background:#dc2626;opacity:.8;border-radius:6px 6px 0 0}
.x8-col small{font-size:11px;opacity:.65;margin-top:4px}
.x8-note{margin:0 22px 12px;font-size:12px;opacity:.65}
.x8-coach{display:flex;align-items:center;gap:12px;margin:0 22px 14px;padding:10px 14px;border:1px solid var(--line,#e2e7ee);border-radius:14px;color:inherit;text-decoration:none}
a.x8-coach:hover{border-color:var(--c3,#1d4ed8)}
.x8-coach img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
.x8-coach span{display:flex;flex-direction:column;line-height:1.3}
.x8-coach small{font-size:11.5px;opacity:.65}.x8-coach em{font-style:normal;font-size:12.5px;opacity:.75}
@media (max-width:640px){
 .x8-pct-h,.x8-pr{grid-template-columns:minmax(0,1fr) 46px 40px;gap:8px}
 .x8-pct-h span:nth-child(2),.x8-pr .br{grid-column:1/-1;order:3}
 .x8-pct-h span:nth-child(2){display:none}
 .x8-nx{grid-template-columns:42px minmax(0,1fr) 56px}
 .x8-nx .rk,.x8-nx .o>small:first-child{display:none}
 .x8-bar{grid-template-columns:minmax(0,1fr) 64px}
 .x8-bar .b{grid-column:1/-1;order:3}
}
.x8-tr .rv{paint-order:stroke;stroke:var(--surface,#fff);stroke-width:3px;stroke-linejoin:round}
.x8-pct-h,.x8-pr{grid-template-columns:minmax(120px,1.3fr) minmax(80px,2fr) 54px 76px}
@media (max-width:640px){.x8-pct-h,.x8-pr{grid-template-columns:minmax(0,1fr) 46px 40px}.x8-pct-h span:nth-child(4){font-size:0}.x8-pct-h span:nth-child(4)::after{content:"%ile";font-size:11px}}

/* 5.15 record vs every opponent */
.tr-h2h{margin:22px 22px 6px;padding-top:16px;border-top:1px solid var(--line,#e2e7ee)}
.tr-h3{margin:0 0 4px;font-size:16px}
.tr-intro2{margin:0 0 10px;font-size:13px;opacity:.75}
.tr-h2h-go,.tr-h2h-all{font:inherit;font-size:13.5px;font-weight:700;border:1px solid var(--c1,#12306b);background:var(--c1-t,#e8eef9);color:var(--c1,#12306b);border-radius:999px;padding:8px 16px;cursor:pointer}
.tr-h2h-go[disabled]{opacity:.7;cursor:progress}
.tr-h2h-all{margin:10px 0 0;background:transparent}
.tr-h2h-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 8px;font-size:13px}
.tr-h2h-top span{opacity:.7}
.tr-h2h-q{font:inherit;font-size:14px;padding:7px 12px;border:1px solid var(--line,#e2e7ee);border-radius:10px;background:var(--surface,#fff);color:inherit;min-width:200px}
.tr-h2h-t td,.tr-h2h-t th{white-space:nowrap;text-align:center}
.tr-h2h-t td:first-child,.tr-h2h-t th:first-child{text-align:left}
.tr-h2h-n a{color:inherit;text-decoration:none;font-weight:600}
.tr-h2h-n img{width:20px;height:20px;object-fit:contain;vertical-align:-5px;margin-right:8px}
.tr-h2h-t td.w{color:#16a34a;font-weight:700}.tr-h2h-t td.l{color:#dc2626;font-weight:700}
.tr-h2h-last a{text-decoration:none;color:inherit;font-size:12.5px}
.tr-h2h-last a b{display:inline-block;min-width:38px;padding:2px 6px;border-radius:6px;color:#fff;font-size:12px}
.tr-h2h-last a.r-w b{background:#16a34a}.tr-h2h-last a.r-d b{background:#94a3b8}.tr-h2h-last a.r-l b{background:#dc2626}
.tr-h2h-t tr[hidden]{display:none}
@media (max-width:640px){.tr-h2h{margin:18px 16px 6px}.tr-h2h-q{min-width:0;flex:1}}

/* 5.15.1 dark mode: keep the selected season / competition filled */
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)}}

/* 5.15.3 standings: the "ฟอร์ม" cell stays a real table cell (theme .form{display:inline-flex} broke row height + divider) · bigger result chips */
table.fbth-table td.form{display:table-cell;vertical-align:middle;white-space:nowrap;text-align:left}
table.fbth-table td.form i{display:inline-grid;place-items:center;width:22px;height:22px;margin:0 3px 0 0;border-radius:6px;font-size:11.5px;font-weight:800;font-style:normal;line-height:1;vertical-align:middle}
table.fbth-table td.form i:last-child{margin-right:0}

/* 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-ftposter-5c4db2865a0e.css */

/* no flash of the old hero while the script builds the poster; shows again after 2.5 s if the script never runs */
html body.sbm-ft .mx-hero:not(.ftp-on)>*{visibility:hidden;animation:ftShow 0s linear 2.5s forwards}
html body.sbm-ft .mx-hero:not(.ftp-on){min-height:620px}
@keyframes ftShow{to{visibility:visible}}
html body.sbm-ft .mx-hero.ftp-on:not(#f1):not(#f2){display:block!important;padding:0 0 22px!important;background:#060a14!important;min-height:0!important;overflow:hidden}
html body.sbm-ft .mx-hero.ftp-on:not(#f1):not(#f2)>*:not(.ftp):not(.sbx-sharebar):not(.mx-tl):not(.mx-h1):not(.mx-crumbs){display:none!important}
html body.sbm-ft .mx-hero.ftp-on:not(#f1):not(#f2)>.mx-crumbs{position:absolute!important;left:50%;top:14px;transform:translateX(-50%);z-index:3;margin:0!important;max-width:calc(100% - 24px)}
html body.sbm-ft .mx-hero.ftp-on:not(#f1):not(#f2)>.sbx-sharebar{position:relative;z-index:2;display:flex!important;justify-content:center;margin:18px auto 0!important;max-width:1224px;padding:0 16px}
html body.sbm-ft .mx-hero.ftp-on:not(#f1):not(#f2)>.mx-tl{position:relative;z-index:2;margin:14px auto 0!important;max-width:1192px;width:calc(100% - 32px)!important}
html body.sbm-ft .mx-hero.ftp-on:not(#f1):not(#f2)>.ftp{max-width:none!important;width:auto!important;margin:0!important;padding:0!important}
.ftp{position:relative;overflow:hidden;color:#fff;isolation:isolate;--fw:#fbbf24;--fh:#e2e8f0;--fa:#64748b}
.ftp-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ftp-bg .ph{position:absolute;inset:-24px;background-size:cover;background-position:center 40%;filter:blur(6px) brightness(.33) saturate(1.1);opacity:0;transition:opacity .8s}
.ftp-bg .ph.on{opacity:1}
.ftp-bg .glow{position:absolute;inset:0;background:radial-gradient(55% 65% at 50% 30%,color-mix(in srgb,var(--fw) 32%,transparent),transparent 70%),radial-gradient(35% 50% at 14% 32%,color-mix(in srgb,var(--fh) 20%,transparent),transparent 70%),radial-gradient(35% 50% at 86% 32%,color-mix(in srgb,var(--fa) 20%,transparent),transparent 70%),linear-gradient(180deg,rgba(6,10,20,0) 40%,#060a14 98%)}
.ftp-bg .rays{position:absolute;left:50%;top:28%;width:1800px;height:1800px;margin:-900px 0 0 -900px;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.055) 0 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(circle,#000 0,transparent 42%);mask:radial-gradient(circle,#000 0,transparent 42%);animation:ftRays 80s linear infinite}
@keyframes ftRays{to{transform:rotate(360deg)}}
.ftp-bg .cf i{position:absolute;top:-24px;width:8px;height:14px;border-radius:2px;opacity:.9;animation:ftFall linear infinite}
@keyframes ftFall{0%{transform:translate3d(0,-24px,0) rotate(0)}100%{transform:translate3d(30px,760px,0) rotate(600deg)}}
.ftp-in{position:relative;max-width:1224px;margin:0 auto;padding:68px 16px 10px;display:flex;flex-direction:column;gap:20px}
.ftp-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:#cbd5e1}
.ftp-top .lg{display:flex;align-items:center;gap:8px;color:#fff!important;font-weight:700;text-decoration:none}
.ftp-top .lg img{width:28px;height:28px;object-fit:contain;background:#fff;border-radius:50%;padding:2px}
.ftp-top .ft{padding:4px 12px;border-radius:999px;background:linear-gradient(180deg,#fde047,#f59e0b);color:#111827;font:800 12px/1.3 Prompt,sans-serif;letter-spacing:.04em}
.ftp-top .meta{margin-left:auto;color:#94a3b8;font-size:13px;text-align:right}
.ftp-main{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:24px}
.ftp-t{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;min-width:0}
.ftp-t .rb{padding:3px 14px;border-radius:999px;font:700 12.5px/1.4 Prompt,sans-serif;background:rgba(255,255,255,.12);color:#cbd5e1}
.ftp-t.win .rb{background:linear-gradient(180deg,#fde047,#f59e0b);color:#111827}
.ftp-t .cr{display:grid;place-items:center;width:150px;height:150px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.08),0 20px 50px rgba(0,0,0,.5)}
.ftp-t.win .cr{box-shadow:0 0 0 5px var(--fw),0 0 60px 10px color-mix(in srgb,var(--fw) 50%,transparent),0 20px 50px rgba(0,0,0,.5);animation:ftPulse 2.4s ease-in-out infinite alternate}
@keyframes ftPulse{to{box-shadow:0 0 0 5px var(--fw),0 0 90px 20px color-mix(in srgb,var(--fw) 62%,transparent),0 20px 50px rgba(0,0,0,.5)}}
.ftp-t.lose .cr{width:120px;height:120px;margin-top:15px;filter:saturate(.55);opacity:.88}
.ftp-t .cr img{width:72%;height:72%;object-fit:contain}
.ftp-t .nm{font:800 27px/1.2 Prompt,sans-serif;color:#fff;max-width:100%;overflow-wrap:anywhere}
.ftp-t.lose .nm{color:#cbd5e1;font-size:22px}
.ftp-t .scs{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;color:#e2e8f0;font-size:14.5px}
.ftp-t .scs li{display:flex;gap:7px;align-items:center;justify-content:center}
.ftp-t .scs li::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 35%,#cbd5e1 36% 100%)}
.ftp-t .scs em{font-style:normal;color:#fbbf24;font-weight:700}
.ftp-mid{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:36px}
.ftp-mid .sc{display:flex;align-items:center;gap:20px;font:900 118px/1 Rubik,Prompt,sans-serif;letter-spacing:-.02em;text-shadow:0 10px 40px rgba(0,0,0,.6)}
.ftp-mid .sc b.w{color:#fde047;text-shadow:0 0 44px rgba(251,191,36,.55)}
.ftp-mid .sc i{font-style:normal;color:#475569;font-size:.5em}
.ftp-mid .ht{color:#94a3b8;font-size:14px}
.ftp-hl{margin:4px 0 0;text-align:center;font:800 30px/1.4 Prompt,sans-serif;color:#fff;text-wrap:balance}
.ftp-foot{display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:16px;align-items:stretch}
.ftp-mvp{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(15,23,42,.88) 55%);border:1px solid rgba(251,191,36,.45);color:#fff!important;text-decoration:none}
.ftp-mvp .ph{flex:none;width:74px;height:74px;border-radius:50%;overflow:hidden;background:#334155;box-shadow:0 0 0 3px #fbbf24}
.ftp-mvp .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.ftp-mvp .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ftp-mvp small{color:#fbbf24;font-weight:700;font-size:12.5px}
.ftp-mvp b{font:800 20px/1.25 Prompt,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ftp-mvp em{font-style:normal;color:#cbd5e1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ftp-mvp .rt{flex:none;padding:9px 12px;border-radius:12px;background:#fbbf24;color:#111827;font:900 24px/1 Rubik,sans-serif}
.ftp-st{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ftp-st .ch{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 8px;padding:11px 12px;border-radius:14px;background:rgba(15,23,42,.74);border:1px solid rgba(255,255,255,.08)}
.ftp-st .ch span{text-align:center;color:#94a3b8;font-size:12.5px;white-space:nowrap}
.ftp-st .ch b{font:800 18px/1 Rubik,sans-serif;color:#fff}
.ftp-st .ch .bar{grid-column:1/-1;display:block;height:5px;border-radius:3px;background:var(--fa);overflow:hidden}
.ftp-st .ch .bar u{display:block;height:100%;background:var(--fh)}
@media (max-width:860px){
html body.sbm-ft .mx-hero:not(.ftp-on){min-height:560px}
.ftp-in{padding:60px 12px 6px;gap:14px}
.ftp-top{gap:8px;font-size:13px}.ftp-top .meta{margin-left:0;width:100%;text-align:left;font-size:12px}
.ftp-main{gap:8px}
.ftp-t{gap:6px}.ftp-t .cr{width:84px;height:84px}.ftp-t.lose .cr{width:70px;height:70px;margin-top:7px}
.ftp-t .nm{font-size:15px}.ftp-t.lose .nm{font-size:14px}.ftp-t .rb{font-size:11px;padding:2px 10px}
.ftp-t .scs{font-size:11.5px}.ftp-t .scs li{flex-wrap:wrap;gap:3px 5px}.ftp-t .scs li::before{width:8px;height:8px}
.ftp-mid{padding-top:26px}.ftp-mid .sc{font-size:56px;gap:8px}.ftp-mid .ht{font-size:12px}
.ftp-hl{font-size:19px}
.ftp-foot{grid-template-columns:1fr;gap:10px}
.ftp-mvp{padding:10px 12px;gap:10px}.ftp-mvp .ph{width:56px;height:56px}.ftp-mvp b{font-size:16px}.ftp-mvp .rt{font-size:19px;padding:7px 10px}
.ftp-st{grid-template-columns:1fr 1fr;gap:8px}.ftp-st .ch{padding:9px 10px}.ftp-st .ch b{font-size:15px}.ftp-st .ch span{font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){.ftp-bg .rays,.ftp-bg .cf i,.ftp-t.win .cr{animation:none}.ftp-bg .cf{display:none}}
/* the separate results strip under the hero repeats the poster */
html body.sbm-ft.ftp-body .sbf-sum{display:none!important}
/* post-match content: same card system as the live page */
html body.sbm-ft .mx-tabs:not(#f1){margin-top:18px!important;background:#0f172a!important;border:0!important;border-radius:14px!important;padding:5px!important;box-shadow:0 6px 18px rgba(15,23,42,.18)!important}
html body.sbm-ft .mx-tabs:not(#f1) a{color:#cbd5e1!important;background:transparent!important;border:0!important;border-radius:10px!important;font-weight:600!important;box-shadow:none!important}
html body.sbm-ft .mx-tabs:not(#f1) a::after{display:none!important}
html body.sbm-ft .mx-tabs:not(#f1) a[aria-selected="true"]{background:#dc2626!important;color:#fff!important}
html body.sbm-ft .ftx:not(#f1){display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start;margin:18px 0 0}
html body.sbm-ft .ftx:not(#f1) .ftx-col{display:flex;flex-direction:column;gap:22px;min-width:0}
html body.sbm-ft .ftx:not(#f1) .mx-card{margin:0!important;padding:18px 20px!important;border-radius:16px!important;border:1px solid #e3e6ec!important;box-shadow:0 1px 0 rgba(15,23,42,.04),0 8px 22px rgba(15,23,42,.05)!important;overflow:hidden;opacity:1!important;transform:none!important}
html body.sbm-ft .ftx:not(#f1) .mx-card>h2:first-child,html body.sbm-ft .ftx:not(#f1) .mx-card>h3:first-child{display:flex!important;align-items:center;gap:10px;margin:-18px -20px 16px!important;padding:12px 20px!important;background:#0f172a!important;color:#fff!important;font:700 16px/1.35 Prompt,sans-serif!important;letter-spacing:.01em;border-bottom:3px solid #dc2626!important;border-radius:0!important}
html body.sbm-ft .ftx:not(#f1) .mx-card>h2:first-child::before,html body.sbm-ft .ftx:not(#f1) .mx-card>h3:first-child::before{content:""!important;display:block!important;flex:none;width:8px!important;height:8px!important;border-radius:2px!important;background:#ef4444!important;margin:0!important;position:static!important}
html body.sbm-ft .ftx:not(#f1) .mx-card>h2:first-child::after,html body.sbm-ft .ftx:not(#f1) .mx-card>h3:first-child::after{display:none!important}
@media (max-width:860px){
html body.sbm-ft .mx-tabs:not(#f1){margin-top:12px!important}
html body.sbm-ft .ftx:not(#f1){grid-template-columns:minmax(0,1fr);gap:14px;margin-top:12px}
html body.sbm-ft .ftx:not(#f1) .ftx-col{display:contents}
html body.sbm-ft .ftx:not(#f1) .mx-card{padding:16px 14px!important}
html body.sbm-ft .ftx:not(#f1) .mx-card>h2:first-child,html body.sbm-ft .ftx:not(#f1) .mx-card>h3:first-child{margin:-16px -14px 14px!important;padding:11px 14px!important;font-size:15px!important}
}

/* 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-ftsplit-ed911cb9dbfe.css */
@media (min-width:1080px){html body section.ftp .ftp-in{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);grid-template-areas:"top top" "main side" "hl side";column-gap:26px;row-gap:14px;align-items:start}html body section.ftp .ftp-top{grid-area:top}html body section.ftp .ftp-main{grid-area:main;margin:0!important;padding:26px 12px 22px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.28));border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px rgba(0,0,0,.35);gap:6px!important}html body section.ftp .ftp-main .ftp-t{flex:1 1 0;min-width:0}html body section.ftp .ftp-main .ftp-t.win .cr{width:118px!important;height:118px!important}html body section.ftp .ftp-main .ftp-t.lose .cr,html body section.ftp .ftp-main .ftp-t:not(.win):not(.lose) .cr{width:100px!important;height:100px!important}html body section.ftp .ftp-main .ftp-t .nm{font-size:22px!important}html body section.ftp .ftp-main .ftp-mid{flex:0 0 auto;min-width:220px}html body section.ftp .ftp-main .ftp-mid .sc{font-size:96px!important}html body section.ftp .ftp-hl{grid-area:hl;margin:0!important;font-size:22px!important;text-align:center}html body section.ftp .ftp-foot{grid-area:side;display:flex!important;flex-direction:column;gap:12px;margin:0!important;align-self:stretch}html body section.ftp .ftp-foot .ftp-mvp{width:100%!important;max-width:none!important;flex:0 0 auto}html body section.ftp .ftp-foot .ftp-st{width:100%!important;flex:1 1 auto;display:grid!important;grid-template-columns:1fr 1fr;gap:10px;align-content:start}html body section.ftp .ftp-foot .ftp-st::before{content:"สถิติสำคัญของเกม";grid-column:1/-1;font-size:12px;font-weight:700;letter-spacing:.04em;color:#e8b923;margin:2px 2px -2px}html body section.ftp .ftp-foot .ftp-st .ch{min-width:0}html body section.ftp .ftp-foot .ftp-st{grid-template-rows:auto;grid-auto-rows:1fr}html body section.ftp .ftp-foot .ftp-mvp{padding:16px 18px}html body section.ftp .ftp-foot .ftp-mvp .ph{width:88px!important;height:88px!important;flex:0 0 88px}html body section.ftp .ftp-foot .ftp-mvp .ph img{width:100%!important;height:100%!important}html body section.ftp .ftp-foot .ftp-mvp .tx b{font-size:20px}html body section.ftp .ftp-main .ftp-t .scs{font-size:13px}html body section.ftp .ftp-foot .ftp-st .ch{align-content:center}}
/* 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-ftlight-9a9511966722.css */
html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3){background:#eef1ec!important;background-image:none!important;color:#0d1912}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3)::before,html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3)::after{display:none!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) section.ftp{background:transparent!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) section.ftp .ftp-bg{display:none!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .mx-crumbs{background:#fff!important;border:1px solid #e3e6ec!important;box-shadow:none!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .mx-crumbs a,html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .mx-crumbs i{color:#5b6670!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .mx-crumbs span{color:#0d1912!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-top a.lg{color:#0d1912!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-top .rd,html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-top .meta{color:#5b6670!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-main,html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-mvp,html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-st{background:#fff!important;border:1px solid #e3e6ec!important;border-radius:16px!important;box-shadow:0 1px 0 rgba(15,23,42,.04),0 10px 26px rgba(15,23,42,.07)!important;backdrop-filter:none!important;position:relative;overflow:hidden}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-main{padding-top:62px!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-main::before,html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-mvp::before,html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-st::before{position:absolute;left:0;right:0;top:0;height:44px;background:#0f3a26;color:#fff!important;font:700 16px/44px Prompt,sans-serif!important;letter-spacing:0!important;padding:0 0 0 36px;text-align:left;margin:0!important;z-index:1}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-main::before{content:"ผลการแข่งขัน"}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-mvp::before{content:"ผู้เล่นยอดเยี่ยมของเกม"}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-st::before{content:"สถิติสำคัญของเกม"!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-main::after,html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-mvp::after,html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-st::after{content:"";position:absolute;left:20px;top:18px;width:8px;height:8px;border-radius:2px;background:#f5b301;z-index:2}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-mvp{padding-top:60px!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-mvp .tx small{display:none!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-mvp .tx b{color:#0d1912!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-mvp .tx em{color:#5b6670!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-st{padding:58px 16px 16px!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-st .ch{background:#f6f8f5!important;border:1px solid #e9ece7!important;border-radius:12px!important;box-shadow:none!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-st .ch b{color:#0d1912!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-st .ch span{color:#5b6670!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-t .nm{color:#0d1912!important;text-shadow:none!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-t .scs li{color:#3b4650!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-t .scs li em{color:#b7791f!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-mid .sc b{color:#0d1912!important;text-shadow:none!important;-webkit-text-fill-color:#0d1912!important;background:none!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-main:has(.ftp-t.h.win) .sc b.h,html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-main:has(.ftp-t.a.win) .sc b.a{color:#d49a00!important;-webkit-text-fill-color:#d49a00!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-mid .ht{color:#3b4650!important;background:#f1f3f0!important;border-color:#e3e6ec!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-hl{color:#0d1912!important;text-shadow:none!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .sbv-seek{color:#3b4650!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-st::before{grid-column:auto!important;grid-row:auto!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-mid .ht,html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-mid .ht *{color:#3b4650!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .sbx-sharebar .gh{background:#fff!important;color:#0d1912!important;border:1px solid #d9ded6!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-t.lose .rb,html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-t:not(.win):not(.lose) .rb{background:#eef1ec!important;color:#5b6670!important;border:1px solid #e3e6ec!important}html body.sbm-ft main header.mx-hero.mx-hero.ftp-on:not(#z1):not(#z2):not(#z3) .ftp-mid{background:#f6f8f5!important;border:1px solid #e9ece7!important;box-shadow:none!important;backdrop-filter:none!important}
/* sb-ftf-css-4b2d3136c08c.css */

html body.sbm-ft main header.mx-hero.mx-hero:not(#z1):not(#z2):not(#z3):not(#z4),html body.sbm-ft main .sbf-sum.sbf-sum:not(#z1):not(#z2):not(#z3):not(#z4),html body.sbm-ft main nav.mx-tabs.mx-tabs:not(#z1):not(#z2):not(#z3):not(#z4){display:none!important}
html body.sbm-ft main #ov.mx-panel:not(#z1):not(#z2):not(#z3):not(#z4){display:block!important;position:fixed!important;left:-10000px!important;top:0!important;width:900px!important;height:auto!important;overflow:hidden!important;pointer-events:none!important}
.ftf{--ink:#111814;--mut:#56605a;--ln:#e6e9e4;--soft:#f3f5f2;--g:#0b6b3a;--au:#e8b923;--rd:#c62828;color:var(--ink);background:#fff;border:1px solid var(--ln);border-radius:12px;padding:6px 22px 10px;margin:0 0 18px;width:100%;max-width:none;font-variant-numeric:tabular-nums;font-size:14px;line-height:1.45}
.ftf,.ftf *{box-sizing:border-box}
.ftf [hidden],.ftf[hidden]{display:none!important}
.ftf h2{margin:0 0 16px;font-size:17px;font-weight:700;line-height:1.3;color:var(--ink);background:none;padding:0 0 0 11px;border:0;border-left:4px solid var(--g);border-radius:0}
.ftf h2::before,.ftf h2::after{display:none!important;content:none!important}
.ftf a{color:inherit}
.ftf .sec{padding:20px 0;border-top:1px solid var(--ln)}
.ftf-sh{padding:18px 0 20px}
.ftf-sh .mt{display:flex;justify-content:center}
.ftf-sh .lgp{display:inline-flex;align-items:center;gap:11px;max-width:100%;text-align:left;color:var(--ink)}
.ftf-sh .lgp img{width:34px;height:34px;object-fit:contain;flex:none}
.ftf-sh .lgp>span{display:flex;flex-direction:column;min-width:0}
.ftf-sh .lgp b{font-size:17px;font-weight:700;line-height:1.25}
.ftf-sh .lgp i{font-style:normal;font-size:12.5px;color:var(--mut);line-height:1.35;margin-top:1px}
.ftf-sh .mt2{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 44px;max-width:680px;margin:22px auto 0;padding:0;list-style:none}
.ftf-sh .mt2 li{display:flex;align-items:center;gap:9px;min-width:0;margin:0;text-align:left}
.ftf-sh .mt2 i{flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#e9f3ed;color:var(--g)}
.ftf-sh .mt2 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ftf-sh .mt2 span{display:flex;flex-direction:column;min-width:0}
.ftf-sh .mt2 small{font-size:11.5px;color:var(--mut);line-height:1.3}
.ftf-sh .mt2 b{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.35}
.ftf-sh .row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:28px;max-width:640px;margin:34px auto 0}
.ftf-sh .tm{display:flex;flex-direction:column;align-items:center;gap:0;min-width:0;text-decoration:none;text-align:center}
.ftf-sh .tm img{width:64px;height:64px;object-fit:contain;flex:none;margin-bottom:14px}
.ftf-sh .tm b{font-size:18px;font-weight:700;line-height:1.25;max-width:100%}
.ftf-sh .tm small.fo{display:inline-block;margin-top:12px;padding:2px 8px;border-radius:6px;background:var(--soft);font-size:12px;font-weight:600;color:var(--ink);line-height:1.4;letter-spacing:.3px}
.ftf-sh .tm small.co{display:block;max-width:100%;margin-top:8px;font-size:12px;color:var(--mut);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ftf-sh .sc{text-align:center;padding-top:4px}
.ftf-sh .sc b{display:block;font-size:52px;font-weight:800;line-height:1;letter-spacing:1px;white-space:nowrap}
.ftf-sh .sc span{display:inline-block;font-size:12px;color:var(--mut);margin-top:16px;padding:4px 12px;border-radius:99px;background:var(--soft);white-space:nowrap}
.ftf-ev{position:relative;list-style:none;max-width:640px;margin:30px auto 0!important;padding:24px 0 4px!important;border-top:1px solid var(--ln)}
.ftf-ev::before{content:"";position:absolute;left:50%;top:24px;bottom:4px;width:1px;background:var(--ln)}
.ftf-ev li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);align-items:center;margin:0 0 14px;font-size:14px;line-height:1.35}
.ftf-ev li>b{grid-column:2;grid-row:1;justify-self:center;min-width:38px;padding:2px 6px;border:1px solid var(--ln);border-radius:99px;background:#fff;font-size:12px;font-weight:600;color:var(--mut);text-align:center}
.ftf-ev li>span{grid-row:1;display:flex;align-items:center;gap:7px;min-width:0}
.ftf-ev li.h>span{grid-column:1;justify-content:flex-start;flex-direction:row-reverse;text-align:right;padding-right:10px}
.ftf-ev li.a>span{grid-column:3;padding-left:10px}
.ftf-ev li i{flex:none;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23111814%27 stroke-width=%271.6%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279.5%27/%3E%3Cpath d=%27M12 7.2l4.2 3-1.6 4.9H9.4L7.8 10.2z%27 fill=%27%23111814%27/%3E%3Cpath d=%27M12 2.5v4.7M16.2 10.2l4.4-1.5M14.6 15.1l2.8 3.8M9.4 15.1l-2.8 3.8M7.8 10.2L3.4 8.7%27/%3E%3C/svg%3E") center/contain no-repeat}
.ftf-ev li.tr i{width:9px;height:12px;border-radius:2px;background:var(--rd)}
.ftf-ev li.tog i{opacity:.55}
.ftf-ev li em{flex:none;font-style:normal;font-size:11.5px;font-weight:600;color:var(--mut);padding:0 5px;border-radius:4px;background:var(--soft)}
.ftf-ev li.tg>span,.ftf-ev li.tog>span{font-weight:600}
.ftf-btns{display:flex;flex-wrap:wrap;align-items:stretch;max-width:470px;margin:30px auto 0;padding:0;background:none;border:1px solid var(--ln);border-radius:12px;overflow:hidden}
.ftf-btns .sbv-hero,.ftf-btns .sbx-sharebar{display:contents!important}
html body #ftf .ftf-btns button.sbv{all:unset;box-sizing:border-box!important;position:relative;overflow:hidden;flex:1 1 auto;min-width:0;display:flex!important;align-items:center;gap:9px;min-height:44px!important;width:auto!important;margin:0!important;padding:0 14px 0 8px!important;background:none!important;background-image:none!important;color:var(--ink)!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;text-align:left;font-family:inherit!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body #ftf .ftf-btns button.sbv .ic{all:unset;flex:none;display:flex!important;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--g);color:#fff}
html body #ftf .ftf-btns button.sbv .ic svg{width:14px!important;height:14px!important}
html body #ftf .ftf-btns button.sbv>.pl,html body #ftf .ftf-btns button.sbv>.st,html body #ftf .ftf-btns button.sbv>.ldt{margin:0!important;padding:0!important;font-size:14px!important;font-weight:600!important;line-height:1.3!important;color:var(--ink)!important;background:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
html body #ftf .ftf-btns button.sbv>.dur{flex:none;margin:0!important;padding:0!important;font-size:12.5px!important;font-weight:400!important;line-height:1.3!important;color:var(--mut)!important;opacity:1!important;background:none!important}
html body #ftf .ftf-btns .sbx-sharebar button{all:unset;box-sizing:border-box!important;flex:none;display:flex!important;align-items:center;justify-content:center;gap:6px;min-height:44px!important;width:auto!important;margin:0!important;padding:0 14px!important;background:none!important;background-image:none!important;color:var(--mut)!important;border:0!important;border-left:1px solid var(--ln)!important;border-radius:0!important;box-shadow:none!important;transform:none!important;font-family:inherit!important;font-size:13.5px!important;font-weight:500!important;line-height:1.2!important;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body #ftf .ftf-btns button.sbv:hover,html body #ftf .ftf-btns .sbx-sharebar button:hover{background:var(--soft)!important;color:var(--ink)!important}
html body #ftf .ftf-btns .sbx-sharebar button svg{width:16px!important;height:16px!important;flex:none}
.ftf-btns .sbv-seek{flex-basis:100%;max-width:none;margin:0!important;padding:6px 12px!important;border-top:1px solid var(--ln);color:var(--mut)!important}
html body #ftf .ftf-btns .sbx-sharebar button{order:2}
html body #ftf .ftf-btns .sbv-wait{order:3;flex:1 1 100%;grid-column:1/-1;display:block;margin:0!important;padding:10px 14px!important;border-top:1px solid var(--ln);background:#fbf8ec;font-size:12.5px!important;line-height:1.55!important;color:#6b5a1e!important;text-align:left}
html body #ftf .ftf-btns .sbv-seek{order:4}
.ftf-hero{position:relative;width:var(--ftfvw,100vw);margin-left:calc(50% - var(--ftfvw,100vw) / 2);padding:0 max(16px,calc((var(--ftfvw,100vw) - 1180px) / 2)) 8px;color:var(--ink);background:#fff;border-bottom:1px solid var(--ln);display:flow-root}
.ftf-hero::after{content:"";position:absolute;left:50%;bottom:-1px;width:120px;height:3px;margin-left:-60px;border-radius:3px;background:linear-gradient(90deg,var(--g),var(--au))}
html body #ftf .ftf-hero .ftf-sh .lgp img{width:38px;height:38px}
html body #ftf .ftf-hero .ftf-sh .mt2 i{background:#eef6f1;color:var(--g)}
html body #ftf .ftf-hero .ftf-sh .tm img{width:92px;height:92px;padding:12px;background:#fff;border-radius:50%;box-shadow:0 4px 18px rgba(17,24,20,.10);margin-bottom:16px}
html body #ftf .ftf-hero .ftf-sh .tm b{font-size:20px}
html body #ftf .ftf-hero .ftf-sh .sc{padding-top:12px}
html body #ftf .ftf-hero .ftf-sh .sc b{font-size:72px;letter-spacing:2px;color:var(--ink)}
html body #ftf .ftf-hero .ftf-sh .sc span{background:#fff;border:1px solid var(--ln);color:var(--mut)}
html body #ftf .ftf-hero .ftf-btns{background:#fff}
html body.sbm-ft #ftf.ftf{padding-top:0;border-top:0;border-top-left-radius:0;border-top-right-radius:0}
.ftf-hero .ftf-hd{padding:20px 0 34px}
.ftf-hero .ftf-sh{max-width:none;margin:0}
html body #ftf .ftf-hero .ftf-key{box-shadow:0 6px 24px rgba(17,24,20,.07)}
html body #ftf .ftf-hero .ftf-sh .sc b{font-size:80px}
html body #ftf .ftf-kr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;margin:24px 0 6px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
html body #ftf .ftf-kr .kb{padding:16px 18px;border:1px solid var(--ln);border-radius:14px;background:#fff;box-shadow:0 2px 10px rgba(17,24,20,.04)}
html body #ftf .ftf-kr .kb[hidden]{display:none}
html body #ftf .ftf-kr .kb{padding:18px 22px}
@media (max-width:600px){html body #ftf .ftf-kr{grid-template-columns:1fr;gap:12px;margin-top:16px}html body #ftf .ftf-hero .ftf-sh .sc b{font-size:52px}.ftf-hero .ftf-hd{padding:14px 0 24px}}
.ftf-key .kin{list-style:none!important;margin:0!important;padding:0!important}
.ftf-key .kin li{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.ftf-key .kin li:last-child{margin:0}
.ftf-key .kin i{flex:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#eef6f1;color:var(--g)}
.ftf-key .kin svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ftf-key .kin span{display:flex;flex-direction:column;min-width:0}
.ftf-key .kin small{font-size:12px;color:var(--mut);line-height:1.3}
.ftf-key .kin b{font-size:14px;font-weight:600;color:var(--ink);line-height:1.35}
html body #ftf .ftf-hero .ftf-sh .mt2{display:none!important}
/* 22:10 owner (iPhone): date/venue/referee moved out of the scoreboard; on phones/tablets they sit at the end of the key-facts panel */
@media (max-width:1000px){html body #ftf .ftf-key{display:flex;flex-direction:column}html body #ftf .ftf-key .kinfo{order:9;border-top:1px solid var(--ln)}html body #ftf .ftf-key .kinfo+.kb{border-top:0}}
.ftf-cr{display:flex;align-items:center;gap:0;width:fit-content;max-width:100%;margin:16px 0 0;padding:6px 14px 6px 6px;border:1px solid var(--ln);border-radius:99px;background:#f7f9f7;font-size:13px;line-height:1.4;color:var(--mut);white-space:nowrap;overflow:hidden;margin-top:24px}
.ftf-cr a{display:inline-flex;align-items:center;flex:none;color:var(--mut)!important;text-decoration:none!important;transition:color .15s}
.ftf-cr a:hover{color:var(--g)!important}
.ftf-cr a.home{gap:6px;padding:4px 10px 4px 6px;border-radius:99px;background:#fff;border:1px solid var(--ln);color:var(--ink)!important;font-weight:600}
.ftf-cr a.home::after{content:"หน้าแรก"}
.ftf-cr a.home svg{width:15px;height:15px;fill:var(--g)}
.ftf-cr i{display:none}
.ftf-cr>a:not(.home)::before,.ftf-cr>span::before{content:"";display:inline-block;flex:none;width:6px;height:6px;margin:0 11px 0 9px;border-top:1.6px solid #9aa39c;border-right:1.6px solid #9aa39c;transform:rotate(45deg)}
.ftf-cr span[aria-current]{display:inline-flex;align-items:center;min-width:0;color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis}
.ftf-cr svg{display:block}
.ftf-hd{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:36px;align-items:start;padding:22px 0 28px}
.ftf-hd>.ftf-sh{padding:6px 0 0;min-width:0;align-self:start}
.ftf-key{border:1px solid var(--ln);border-radius:14px;padding:2px 18px;background:#fff;min-width:0}
.ftf-key .kb{padding:16px 0;border-top:1px solid var(--ln)}
.ftf-kl{max-width:620px;margin:22px auto 0;text-align:left}
.ftf-key .kb:first-child{border-top:0}
.ftf-key h3{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 13px;padding:0 0 0 10px;border:0;border-left:3px solid var(--g);background:none;font-size:15px;font-weight:700;color:var(--ink);line-height:1.25}
.ftf-key h3::before,.ftf-key h3::after{display:none!important;content:none!important}
.ftf-key .mvp{display:flex;align-items:center;gap:12px;text-decoration:none}
.ftf-key .mvp img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--soft);flex:none}
.ftf-key .mvp div{flex:1 1 auto;min-width:0}
.ftf-key .mvp div b{display:block;font-size:15.5px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ftf-key .mvp div span{display:block;font-size:13px;color:var(--mut);line-height:1.4}
.ftf-key .mvp>em{font-style:normal;font-size:17px;font-weight:800;padding:5px 9px;border-radius:8px;flex:none}
.ftf-key .kn{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;margin:0 0 8px;font-size:14px}
.ftf-key .kn:last-child{margin:0}
.ftf-key .kn>b{font-weight:600;color:var(--mut)}.ftf-key .kn>b.w{color:var(--ink);font-weight:800}
.ftf-key .kn>b:last-child{text-align:right}
.ftf-key .kn div{text-align:center;font-size:12px;color:var(--mut);line-height:1.2}
.ftf-key .kn em{display:flex;gap:2px;height:5px;margin-top:4px}
.ftf-key .kn em i{display:block;height:5px;border-radius:3px}
.ftf-key .hd3{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin:-2px 0 8px}
.ftf-key ul{list-style:none;margin:0;padding:0}
.ftf-key .ins li{display:flex;gap:10px;align-items:flex-start;margin:0 0 9px;font-size:14px;line-height:1.4}
.ftf-key .ins li:last-child{margin:0}
.ftf-key .ins li>span{flex:none;min-width:54px;text-align:center;font-size:12px;font-weight:700;padding:3px 7px;border-radius:6px;line-height:1.3}
.ftf-key .ins .g{background:#e3f1e8;color:var(--g)}.ftf-key .ins .y{background:#fbf1d0;color:#6b5200}.ftf-key .ins .r{background:#fbe3e3;color:var(--rd)}
.ftf-key .ins li small{display:block;color:var(--mut);font-size:12.5px;margin-top:1px}
.ftf-key .tbl li{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:5px 0;font-size:14px}
.ftf-key .tbl img{width:20px;height:20px;object-fit:contain}
.ftf-key .tbl li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ftf-key .tbl li em{font-style:normal;color:var(--mut);font-size:13px}
.ftf-key .tbl li b{font-weight:800;min-width:44px;text-align:right}
.ftf-key .fm{display:inline-flex;gap:2px}
.ftf-key .fm i{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;font-size:9.5px;font-style:normal;font-weight:700;color:#fff;line-height:1}
.ftf-key .fm .fW{background:var(--g)}.ftf-key .fm .fD{background:#9aa39c}.ftf-key .fm .fL{background:var(--rd)}
.ftf-key .nx a{display:flex;align-items:center;gap:10px;padding:6px 0;text-decoration:none;color:inherit}
.ftf-key .nx a,.ftf-key .nx a b{color:var(--ink)!important;text-decoration:none!important}.ftf-key .nx a:hover b{color:var(--g)!important}
.ftf-key .nx img{width:26px;height:26px;object-fit:contain;flex:none}
.ftf-key .nx a span{flex:1 1 auto;min-width:0}
.ftf-key .nx b{display:block;font-size:14px;font-weight:600;line-height:1.35}
.ftf-key .nx small{display:block;font-size:12.5px;color:var(--mut);line-height:1.35}
.ftf-key .nx .sus{display:flex;gap:6px;align-items:flex-start;margin:0 0 6px 36px;font-size:12.5px;line-height:1.4;color:var(--rd)}
.ftf-key .nx .sus::before{content:"";flex:none;width:8px;height:11px;margin-top:3px;border-radius:1px;background:var(--rd)}
.ftf-key .lk2{all:unset;cursor:pointer;flex:none;font-size:12.5px;font-weight:600;color:var(--g);white-space:nowrap}
.ftf-key .lk2:hover{text-decoration:underline}
@media (max-width:1000px){.ftf-hd{grid-template-columns:minmax(0,1fr);gap:16px}.ftf-key{max-width:600px;width:100%;margin:0 auto}}
@media (max-width:600px){.ftf-hd{padding:14px 0 16px}.ftf-key{padding:2px 12px}}
.ftf-body{display:flex;gap:28px;align-items:flex-start}
.ftf-main{flex:1 1 0;min-width:0}
.ftf-side{flex:none;width:340px}
.ftf-st .hd2{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:6px}
.ftf-s{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:end;gap:12px;padding:9px 0}
.ftf-s>b{font-weight:400;font-size:15px;line-height:1}.ftf-s>b:last-child{text-align:right}.ftf-s>b.w{font-weight:700}
.ftf-s div{display:flex;flex-direction:column;gap:6px}
.ftf-s div span{font-size:13px;color:var(--mut);text-align:center}
.ftf-s em{display:flex;gap:3px;height:6px}
.ftf-s em i{display:block;border-radius:3px}
.ftf-tv .th{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;padding:0 0 14px;margin:0 0 6px;border-bottom:1px solid var(--ln)}
.ftf-tv .th .t{display:flex;align-items:center;gap:10px;min-width:0;font-size:14.5px;font-weight:700;color:var(--ink)}
.ftf-tv .th .t.h{justify-content:flex-end;text-align:right}
.ftf-tv .th .t b{font-weight:700;min-width:0}
.ftf-tv .th img{width:26px;height:26px;object-fit:contain;flex:none}
.ftf-tv .th .mm{text-align:center;font-size:12px;color:var(--mut)}
.ftf-tv ol{position:relative;list-style:none!important;margin:0!important;padding:10px 0!important}
.ftf-tv ol::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--ln)}
.ftf-tv li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;margin:0 0 8px;padding:0;border:0;font-size:13.5px;color:var(--mut)}
.ftf-tv li:last-child{margin:0}
.ftf-tv li .m{display:flex;justify-content:center;position:relative;z-index:1}
.ftf-tv li .m b{display:inline-block;min-width:40px;padding:3px 8px;border:1px solid var(--ln);border-radius:999px;background:#fff;font-size:12px;font-weight:600;color:var(--ink);text-align:center;line-height:1.4}
.ftf-tv li.k .m b{background:var(--ink);border-color:var(--ink);color:#fff}
.ftf-tv .ec{display:flex;align-items:center;gap:11px;min-width:0;padding:8px 12px;border-radius:12px}
.ftf-tv .ec.h{flex-direction:row-reverse;text-align:right;margin-left:auto}
.ftf-tv .ec.a{margin-right:auto}
.ftf-tv li>.ec{width:max-content;max-width:100%}
.ftf-tv .tx{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.ftf-tv .tx b{font-weight:600;color:var(--ink);font-size:13.5px}
.ftf-tv .tx small{font-size:12px;color:var(--mut);margin-top:1px}
.ftf-tv .tx em{font-style:normal;font-size:10.5px;font-weight:700;border-radius:4px;padding:0 5px;margin:0 6px 0 0;vertical-align:1px}
.ftf-tv .ec.h .tx em{margin:0 0 0 6px;float:none}
.ftf-tv .tx em.in{background:#e3f3ea;color:#0b6b3a}
.ftf-tv .tx em.out{background:#fbe5e3;color:#c0392b}
.ftf-tv .ic{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--mut)}
.ftf-tv .ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ftf-tv .ic u{display:block;width:11px;height:15px;border-radius:2px;transform:rotate(8deg)}
.ftf-tv .ic-yel{background:#fdf6dc}.ftf-tv .ic-yel u{background:#f2c230}
.ftf-tv .ic-red{background:#fde8e6}.ftf-tv .ic-red u{background:#d93025}
.ftf-tv .ic-miss{background:#fde8e6;color:#d93025}
.ftf-tv .ic-var{background:#e9edf5;color:#41506e}
.ftf-tv .ic-sub{background:#eef6f1;color:var(--g)}
.ftf-tv li.e-goal .ec{padding:10px 14px}
.ftf-tv li.e-goal .ec.h{background:#eef6f1}
.ftf-tv li.e-goal .ec.a{background:#fbf4dd}
.ftf-tv li.e-goal .ic{width:34px;height:34px;color:#fff}
.ftf-tv li.e-goal .ec.h .ic{background:var(--g)}
.ftf-tv li.e-goal .ec.a .ic{background:#d9a514}
.ftf-tv li.e-goal .tx b{font-size:15px;font-weight:700}
.ftf-tv .ec .sc{flex:none;font-style:normal;font-size:13px;font-weight:800;color:var(--ink);background:#fff;border-radius:7px;padding:3px 8px;box-shadow:0 1px 3px rgba(17,24,20,.12)}
.ftf-tv li.ht{display:flex;justify-content:center;margin:14px 0}
.ftf-tv li.ht span{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:#f2f5f2;border:1px solid var(--ln);font-size:12.5px;font-weight:600;color:var(--mut)}
.ftf-tv li.ht b{font-size:14px;font-weight:800;color:var(--ink)}
.ftf-tv li.ft{margin:14px 0 0}
.ftf-tv li.ft span{background:var(--ink);border-color:var(--ink);color:#d7e4dc}
.ftf-tv li.ft b{color:#fff}
.ftf-side>.sec+.sec{border-top:0;padding-top:4px}
.ftf-ks .hd{display:flex;justify-content:space-between;gap:10px;padding:12px 0 10px;border-bottom:1px solid var(--ln);margin-bottom:4px}
.ftf-ks .hd span{display:flex;align-items:center;gap:7px;min-width:0;font-size:13px}
.ftf-ks .hd b{font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ftf-ks .hd img{width:22px;height:22px;object-fit:contain;flex:none}
.ftf-ks .r{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:8px;padding:8px 0}
.ftf-ks .r>b{font-size:14px;font-weight:500;color:#3c4741}
.ftf-ks .r>b:last-child{text-align:right}
.ftf-ks .r>b.w{font-weight:800;color:var(--ink)}
.ftf-ks .m{display:flex;flex-direction:column;gap:5px}
.ftf-ks .m span{font-size:12px;color:var(--mut);text-align:center}
.ftf-ks .m em{display:block;height:6px;border-radius:3px;background:#e8b923;overflow:hidden}
.ftf-ks .m em i{display:block;height:100%;background:var(--g);border-right:2px solid #f7f9f7}
.ftf-fx .more,.ftf-ks .more,.ftf-tp .more{all:unset;box-sizing:border-box;display:block;width:100%;margin:6px 0 12px;padding:9px 0;border-top:1px solid var(--ln);text-align:center;font-size:13px;font-weight:600;color:var(--g);cursor:pointer}
.ftf-ks .more:hover,.ftf-tp .more:hover{text-decoration:underline}
html body #ftf .ftf-tp a.tp{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--ln);color:var(--ink)!important;text-decoration:none!important}
.ftf-tp .ph{position:relative;flex:none;width:44px;height:44px;border-radius:50%;background:#e9eee9}
.ftf-tp .ph img:first-child{width:44px;height:44px;border-radius:50%;object-fit:cover}
.ftf-tp .ph img.lg{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;padding:2px;border-radius:50%;background:#fff;object-fit:contain;box-shadow:0 1px 3px rgba(17,24,20,.15)}
.ftf-tp .nm{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.ftf-tp .nm b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ftf-tp .nm small{font-size:12px;color:var(--mut);margin-top:1px}
.ftf-tp em{flex:none;font-style:normal;font-size:13.5px;font-weight:800;padding:4px 8px;border-radius:7px}
html body #ftf .ftf-tp a.tp:last-of-type{border-bottom:0}
.ftf-fx .fxc,.ftf-ks .fxc,.ftf-tp .fxc{background:#f7f9f7;border:1px solid var(--ln);border-radius:14px;padding:6px 18px}
.ftf-fx .fk{padding:14px 0;border-top:1px solid var(--ln)}
.ftf-fx .fk:first-child{border-top:0}
.ftf-fx h4{display:flex;align-items:center;gap:9px;margin:0 0 8px;font-size:14px;font-weight:700;color:var(--ink)}
.ftf-fx h4 i{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e3f0e8;color:var(--g)}
.ftf-fx h4 svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ftf-fx .fk ul{list-style:none!important;margin:0!important;padding:0!important}
html body #ftf .ftf-fx .fk li{position:relative;padding:5px 0 5px 16px;border:0;font-size:13.5px;line-height:1.55;color:#3c4741}
.ftf-fx .fk li::before{content:"";position:absolute;left:2px;top:13px;width:6px;height:6px;border-radius:50%;background:var(--au)}
.ftf-fx .fk p{margin:0;font-size:13.5px;line-height:1.55;color:#3c4741}
.ftf-rl .tms{display:flex;flex-wrap:wrap;gap:24px}
.ftf-rl .tms>div{flex:1 1 260px;min-width:0}
.ftf-rl .tt{display:flex;justify-content:space-between;font-size:13px;color:var(--mut);padding-bottom:4px}
.ftf-rl .tt b{color:var(--ink);font-weight:600}
.ftf-rl .rr{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--soft)}
.ftf-rl .rr b{width:40px;flex:none;text-align:center;font-size:13px;font-weight:700;border-radius:5px;padding:2px 0}
.ftf-rl .rr span{flex:1 1 auto;min-width:0;font-size:13px;line-height:1.3}
.ftf-rl .rr small{color:var(--mut);font-size:12px}
.ftf-rl .rr i{font-style:normal;flex:none;font-size:12px;color:var(--mut)}
.ftf .r8{background:var(--au);color:var(--ink)}.ftf .r7{background:var(--g);color:#fff}.ftf .r6{background:#eceeeb;color:var(--ink)}.ftf .r5{background:#f6d2c2;color:var(--ink)}.ftf .r0{background:#eceeeb;color:var(--mut)}
.ftf-fx ul{list-style:none;margin:0;padding:0}
.ftf-fx li{padding:12px 0;border-top:1px solid var(--soft);font-size:14px;line-height:1.5}
.ftf-fx li:first-child{border-top:0;padding-top:0}
.ftf-fx li b{font-weight:600}
.ftf-fx li span{color:var(--mut)}
.ftf-tb .x{display:flex;flex-direction:column;gap:12px}
.ftf .lk{font-size:13px;font-weight:600;min-height:40px;display:inline-flex;align-items:center;color:var(--g);background:none;border:0;padding:0;cursor:pointer;font-family:inherit}
.ftf-pw{overflow-x:auto}
.ftf-p{position:relative;min-width:640px;height:400px;border-radius:10px;background:#2f7d4b;overflow:hidden}
.ftf-p .ln{position:absolute;border:2px solid rgba(255,255,255,.45)}
.ftf-p .pl{position:absolute;transform:translate(-50%,-50%);width:100px;display:flex;flex-direction:column;align-items:center;gap:3px}
.ftf-p .pl b{font-size:13px;font-weight:700;border-radius:6px;padding:2px 7px}
.ftf-p .pl span{font-size:12px;color:#fff;text-align:center;line-height:1.25;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.ftf-p .pl small{font-size:10px;color:#ffe8a3;line-height:1.2;text-align:center}
.ftf-acc details{border-top:1px solid var(--soft)}
.ftf-acc details:first-of-type{border-top:0}
.ftf-acc summary{list-style:none;cursor:pointer;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:500}
.ftf-acc summary::-webkit-details-marker{display:none}
.ftf-acc summary svg{transition:transform .2s;flex:none}
.ftf-acc details[open] summary svg{transform:rotate(180deg)}
.ftf-acc .bx{padding:0 0 12px}
.ftf-acc .bx details>summary{display:none}
html body.sbm-ft main #ftf .mx-panel.mx-panel:not(#z1):not(#z2):not(#z3):not(#z4){display:block!important;margin:0!important;padding:0!important;position:static!important;left:auto!important;width:auto!important}
html body.sbm-ft main #ftf .mx-card:not(#z1):not(#z2):not(#z3):not(#z4){border:0!important;box-shadow:none!important;background:none!important;padding:0!important;margin:0!important;border-radius:0!important;overflow-x:auto}
html body.sbm-ft main #ftf .ftf-acc .mx-card:not(#z1):not(#z2):not(#z3):not(#z4)>h2,html body.sbm-ft main #ftf .ftf-acc .mx-card:not(#z1):not(#z2):not(#z3):not(#z4)>h3{display:none!important}
html body.sbm-ft main #ftf .ftf-mv .mx-card:not(#z1):not(#z2):not(#z3):not(#z4)+.mx-card{border-top:1px solid #f3f5f2!important;padding-top:12px!important}
html body.sbm-ft main #ftf .ftf-mv .mx-card:not(#z1):not(#z2):not(#z3):not(#z4)>h2,html body.sbm-ft main #ftf .ftf-mv .mx-card:not(#z1):not(#z2):not(#z3):not(#z4)>h3{background:none!important;color:#111814!important;padding:0!important;margin:0 0 8px!important;font-weight:600!important;font-size:14px!important;line-height:1.35!important;font-family:inherit!important;border:0!important;box-shadow:none!important;text-transform:none!important}
html body.sbm-ft main #ftf .mx-card:not(#z1):not(#z2):not(#z3):not(#z4)>h2::before,html body.sbm-ft main #ftf .mx-card:not(#z1):not(#z2):not(#z3):not(#z4)>h2::after,html body.sbm-ft main #ftf .mx-card:not(#z1):not(#z2):not(#z3):not(#z4)>h3::before,html body.sbm-ft main #ftf .mx-card:not(#z1):not(#z2):not(#z3):not(#z4)>h3::after{display:none!important;content:none!important}
.ftf-mv{display:flex;flex-direction:column;gap:12px}
.ftf-tabs{position:sticky;top:0;z-index:20;background:#fff;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);margin:0 -22px;padding:0 16px}
.ftf-tabs::-webkit-scrollbar{display:none}
.ftf-tabs button{flex:none;min-height:46px;padding:0 14px;background:none;border:0;border-bottom:3px solid transparent;font:inherit;font-size:15px;color:var(--mut);cursor:pointer;white-space:nowrap}
.ftf-tabs button[aria-selected="true"]{color:var(--ink);font-weight:600;border-bottom-color:var(--g)}
.ftf-pn>.sec:first-child,.ftf-pn>.ftf-body>.ftf-main>.sec:first-child,.ftf-pn>.ftf-body>.ftf-side>.sec:first-child{border-top:0}
.ftf-two{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:24px}
.ftf-two>*{flex:1 1 280px;min-width:0}
.ftf-two[hidden]{display:none!important}
html body.sbm-ft main #ftf .ftf-two .mx-card:not(#z1):not(#z2):not(#z3):not(#z4){border-top:0!important;padding-top:0!important}
@media (max-width:600px){.ftf-tabs{margin:0 -14px;padding:0 6px}.ftf-tabs button{padding:0 11px;font-size:14px}}
@media (max-width:900px){
.ftf-body{flex-direction:column;align-items:stretch;gap:0}
.ftf-main,.ftf-side{display:contents}
.ftf-body>*>*{order:9}
.ftf-body .o1{order:1}.ftf-body .o2{order:2}.ftf-body .o3{order:3}.ftf-body .o4{order:4}.ftf-body .o5{order:5}.ftf-body .o6{order:6}
.ftf-side{width:auto}
}
@media (max-width:600px){
.ftf{padding:4px 14px 8px;border-radius:10px}
.ftf-hero{padding:0 14px 8px}
html body #ftf .ftf-hero .ftf-sh .tm img{width:62px;height:62px;padding:9px;margin-bottom:10px}
html body #ftf .ftf-hero .ftf-sh .tm b{font-size:15px}
html body #ftf .ftf-hero .ftf-sh .sc b{font-size:48px;letter-spacing:1px}
html body #ftf .ftf-hero .ftf-sh .sc{padding-top:8px}
.ftf-sh .row{gap:10px;margin-top:24px}
.ftf-ev{margin-top:24px;padding-top:18px}.ftf-ev::before{top:18px}
.ftf-ev li{margin-bottom:11px}
.ftf-btns{margin-top:24px}
html body #ftf .ftf-hero .ftf-sh{display:flex;flex-direction:column}
html body #ftf .ftf-hero .ftf-sh .mt{order:1}
html body #ftf .ftf-hero .ftf-sh .row{order:2;margin-top:20px}
html body #ftf .ftf-hero .ftf-sh .mt2{order:3;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:none;margin:20px 0 0}
html body #ftf .ftf-hero .ftf-sh .mt2 li{gap:6px;padding:5px 11px 5px 9px;border-radius:99px;background:var(--soft)}
html body #ftf .ftf-hero .ftf-sh .mt2 i{width:auto;height:auto;background:none;box-shadow:none}
html body #ftf .ftf-hero .ftf-sh .mt2 svg{width:14px;height:14px}
html body #ftf .ftf-hero .ftf-sh .mt2 span{flex-direction:row;align-items:baseline;gap:4px}
html body #ftf .ftf-hero .ftf-sh .mt2 small{display:none}
html body #ftf .ftf-hero .ftf-sh .mt2 li:nth-child(3) small{display:inline;font-size:12px}
html body #ftf .ftf-hero .ftf-sh .mt2 b{font-size:12.5px;font-weight:600;line-height:1.3}
html body #ftf .ftf-hero .ftf-ev{order:4}
html body #ftf .ftf-hero .ftf-btns{order:5}
html body #ftf .ftf-hero .ftf-cr{font-size:12.5px;margin-top:18px;padding:4px 12px 4px 4px}
html body #ftf .ftf-hero .ftf-cr a.home::after{content:none}
html body #ftf .ftf-hero .ftf-cr a.home{padding:5px 7px}
html body #ftf .ftf-hero .ftf-cr>span[aria-current]{display:none}
.ftf-sh .tm img{width:48px;height:48px;margin-bottom:8px}
.ftf-sh .tm b{font-size:15px}
.ftf-sh .tm small.co{display:none}
.ftf-sh .sc b{font-size:42px}
.ftf-sh .sc span{font-size:11px;padding:3px 8px}
.ftf-ev li{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);font-size:13px}
.ftf-ev li.h>span{padding-right:6px}.ftf-ev li.a>span{padding-left:6px}
.ftf-ev li>span{gap:5px}
.ftf-ev li em{display:none}
.ftf-btns{display:grid;grid-template-columns:minmax(0,1fr) auto auto;max-width:none}
html body #ftf .ftf-btns button.sbv{padding:0 10px 0 7px!important;gap:8px}
html body #ftf .ftf-btns button.sbv>.dur{display:none!important}
html body #ftf .ftf-btns .sbx-sharebar button{padding:0 9px!important;font-size:12.5px!important;gap:4px}
html body #ftf .ftf-btns .sbx-sharebar button svg{width:15px!important;height:15px!important}
html body #ftf .ftf-btns button.sbv>.pl,html body #ftf .ftf-btns button.sbv>.st,html body #ftf .ftf-btns button.sbv>.ldt{font-size:13.5px!important}
.ftf-btns .sbv-seek{border-top:1px solid var(--ln)}
.ftf-btns .sbv-seek{grid-column:1/-1}
.ftf-s{grid-template-columns:44px minmax(0,1fr) 44px;gap:10px}
.ftf-rl .rr small{display:block;margin-top:2px}
.ftf-tv .th{display:flex;flex-wrap:wrap;gap:8px 16px;padding:0 0 12px}
.ftf-tv .th .mm{display:none}
.ftf-tv .th .t{font-size:13px;gap:7px}.ftf-tv .th .t.h{flex-direction:row-reverse}.ftf-tv .th img{width:22px;height:22px}
.ftf-tv .th .t::after{content:"";width:10px;height:10px;border-radius:3px;background:var(--g);flex:none}
.ftf-tv .th .t.a::after{background:#d9a514;order:-1}
.ftf-tv .th .t.h::after{order:-1}
.ftf-tv .th .t.h{flex-direction:row}
.ftf-tv ol::before{left:25px}
.ftf-tv li.e{grid-template-columns:50px minmax(0,1fr)}
.ftf-tv li.e>span:not(.m){display:none}
.ftf-tv li.e .m{order:-1}
.ftf-tv .ec.h,.ftf-tv .ec.a{flex-direction:row;text-align:left;margin:0;border-left:3px solid var(--g);border-radius:4px 12px 12px 4px}
.ftf-tv .ec.a{border-left-color:#d9a514}
.ftf-tv .ec.h .tx em{margin:0 6px 0 0}
.ftf-tv li.ht{justify-content:flex-start;margin:12px 0}
.ftf-tv li.ht span{padding:5px 12px}
.ftf-tv .ec{gap:8px;padding:6px 8px}.ftf-tv li.e-goal .ec{padding:8px 10px}
.ftf-tv .ic{width:26px;height:26px}.ftf-tv li.e-goal .ic{width:28px;height:28px}
.ftf-tv .tx b{font-size:13px}.ftf-tv li.e-goal .tx b{font-size:13.5px}.ftf-tv .tx small{font-size:11.5px}
.ftf-tv .ec .sc{font-size:12px;padding:2px 6px}
.ftf-tv li .m b{min-width:36px;padding:2px 6px;font-size:11.5px}
}
/* 19:48 owner ยังแบ่งช่วงไม่สวย: hero + tabs form one full-width white band, the tab panel is a white card on the grey page */
html body #ftf.ftf{background:transparent;border:0;border-radius:0;padding:0 0 10px}
html body #ftf .ftf-hero{border-bottom:0}
html body #ftf .ftf-hero::after{display:none}
html body #ftf .ftf-tabs{width:var(--ftfvw,100vw);max-width:none;margin:0 0 0 calc(50% - var(--ftfvw,100vw) / 2);padding:0 max(8px,calc((var(--ftfvw,100vw) - 1180px) / 2 - 14px));border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);box-shadow:0 8px 18px -14px rgba(17,24,20,.25)}
html body #ftf>.ftf-pn{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:6px 24px 16px;margin:24px 0 0;box-shadow:0 2px 12px rgba(17,24,20,.04)}
@media (max-width:600px){html body #ftf .ftf-tabs{padding:0 6px}html body #ftf>.ftf-pn{padding:4px 14px 12px;margin-top:14px;border-radius:12px}}
/* 22:25 owner (iPhone) ขยายให้เต็มหน้าจอ สวยงาม ไม่ล้น: phone header blocks use the full width, names stay on one line; the wide ผังสนาม (640px, scrolled sideways) is hidden on phones because the vertical lineup right below shows the same */
@media (max-width:600px){html body #ftf .ftf-hero .ftf-ev,html body #ftf .ftf-hero .ftf-btns{width:100%;max-width:none;margin-left:0!important;margin-right:0!important}html body #ftf .ftf-ev li>span{white-space:nowrap}html body #ftf .ftf-ev li{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}}
/* 22:45 owner: ไม่ต้องซ่อน แต่ออกแบบใหม่ - on phones ผังสนาม turns vertical (home top, away bottom) and fits the screen */
.ftf-p .lnv{display:none;position:absolute;border:2px solid rgba(255,255,255,.45)}
@media (max-width:700px){html body #ftf .ftf-pw{overflow:visible}html body #ftf .ftf-p{min-width:0;width:100%;height:auto;aspect-ratio:10/16;background:repeating-linear-gradient(180deg,#2f7d4b 0 10%,#34864f 10% 20%)}html body #ftf .ftf-p .ln{display:none}html body #ftf .ftf-p .lnv{display:block}html body #ftf .ftf-p .pl{left:var(--vx)!important;top:var(--vy)!important;width:82px;gap:2px}html body #ftf .ftf-p .pl b{font-size:12px;padding:1px 6px}html body #ftf .ftf-p .pl span{font-size:11.5px;max-width:82px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html body #ftf .ftf-p .pl small{font-size:9.5px;max-width:82px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
/* 22:42 owner: tab panels fill the phone screen edge to edge (no grey side gutters) */
@media (max-width:600px){html body #ftf>.ftf-pn{width:var(--ftfvw,100vw);max-width:none;margin:10px 0 0 calc(50% - var(--ftfvw,100vw) / 2);border-radius:0;border-left:0;border-right:0;padding:4px 16px 14px;box-shadow:none}}
/* 22:55 owner: จำลองแข่ง ใช้ตัวหนังสือบาง อ่านง่าย - lighter weights for the simulation board and stats */
html body .mx-sim .sim-board .t{font-weight:500}html body .mx-sim .sim-board .sc{font-weight:700}html body .mx-sim .sim-board .clk{font-weight:500}html body .mx-sim .sim-stats .row span{font-weight:600}html body .mx-sim .sim-names,html body .mx-sim .sim-data{font-weight:400}
/* 00:07 owner: สถิติ tab - สถิติการแข่งขัน and สถิติละเอียด side by side on desktop */
@media (min-width:901px){html body #ftf>.ftf-pn[data-p="st"]:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 40px;align-items:start}html body #ftf>.ftf-pn[data-p="st"]>.sec{border-top:0;min-width:0}html body #ftf>.ftf-pn[data-p="st"]>.sec+.sec{border-left:1px solid var(--ln);padding-left:40px;margin-left:-20px}}
/* 00:08 owner: ผู้เล่น tab order - ผังสนาม, รายชื่อผู้เล่นและตัวสำรอง, คะแนนผู้เล่น, สถิติผู้เล่นรายคน */
html body #ftf>.ftf-pn[data-p="pl"]:not([hidden]){display:flex;flex-direction:column}html body #ftf>.ftf-pn[data-p="pl"]>.ftf-pitch{order:1;border-top:0}html body #ftf>.ftf-pn[data-p="pl"]>[data-ftf="lu"]{order:2}html body #ftf>.ftf-pn[data-p="pl"]>.ftf-rl{order:3;border-top:1px solid var(--ln)}html body #ftf>.ftf-pn[data-p="pl"]>[data-ftf="pl"]{order:4}
/* 00:10 owner: ตาราง tab two columns on desktop - table left, form / next fixtures / season comparison right */
@media (min-width:901px){html body #ftf>.ftf-pn[data-p="tb"]:not([hidden]){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 40px;align-items:start}html body #ftf>.ftf-pn[data-p="tb"]>.ftf-tb{grid-column:1;grid-row:1 / span 4;border-top:0}html body #ftf>.ftf-pn[data-p="tb"]>.sec:not(.ftf-tb){grid-column:2;min-width:0}html body #ftf>.ftf-pn[data-p="tb"]>.ftf-two{border-top:0;flex-direction:column!important}html body #ftf>.ftf-pn[data-p="tb"]>.ftf-two>*{flex:none}}

/* 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}

/* sbmt3-ft-efa0d4e3f390.css */
/* full-time hero in the same night-stadium look as the pre / live hero (owner "https://saraball.com/match/1575179/ ปรับดีไซน์", 12 Oct 21:10): soft team-colour glows instead of the hard diagonal split + gold line, softer rays and confetti, score in a glass card with a gold dash, half-time as a pill, pitch fade at the bottom */
html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-bg{background:radial-gradient(55% 70% at 14% 40%,color-mix(in srgb,var(--hc,#14532d) 62%,transparent),transparent 70%),radial-gradient(55% 70% at 86% 40%,color-mix(in srgb,var(--ac,#1e3a8a) 62%,transparent),transparent 70%),radial-gradient(40% 45% at 50% -6%,rgba(255,250,225,.16),transparent 70%),linear-gradient(180deg,#050c08 0%,#0a1710 62%,#0c2416 100%)!important}
html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-bg:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 82%,rgba(22,128,61,.35) 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 96px)}
html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-bg .rays{opacity:.35!important}
html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-bg .glow{opacity:.5!important}
html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-bg .cf{display:none!important} /* 21:11 owner "เอาริ้บบิ้นออก" */
html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .mx-wm{opacity:.05!important}
html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-mid{padding:14px 26px 16px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 50px -30px rgba(0,0,0,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-mid .sc{display:flex;align-items:center;gap:18px}
html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-mid .sc i{font-size:0!important;width:26px;height:6px;border-radius:9px;background:#fcd34d!important;flex:none}
html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-mid .ht{display:inline-block;margin-top:8px;padding:4px 14px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);color:#e8efe9!important;font:500 13px Prompt,sans-serif!important}
html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-t .cr,html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-t .crest,html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-t img.cr{box-shadow:0 0 0 6px rgba(255,255,255,.08),0 0 46px -2px var(--hc,#14532d)!important}
html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-top .meta{color:#d7e5dc!important}
html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3){background:linear-gradient(180deg,#0c2416 0%,#08160e 100%)!important}
html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3):before{opacity:.25!important}
@media (max-width:600px){html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-t .scs{display:flex!important;flex-direction:column;align-items:center;gap:4px!important;margin-top:6px}html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-t .scs li{display:block!important;font-size:11.5px!important;line-height:1.3!important;text-align:center;white-space:normal}html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-t .scs li:before{display:none!important}html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-t .scs li em{display:inline!important;margin-left:4px;font-size:11.5px!important}html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-t .nm{font-size:15px!important}html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-hl{font-size:18px!important}html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-mid{padding:10px 14px 12px;border-radius:18px}html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-mid .sc{gap:10px}html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-mid .sc i{width:16px;height:4px}html body.sbm-ft main header.mx-hero.ftp-on:not(#f1):not(#f2):not(#f3) .ftp-mid .ht{font-size:11.5px!important;padding:3px 10px}}

/* sbsum-css-abd098cebb4b.css */

/* FT summary card v2 (13 Oct 02:00 owner "ทำยังไงให้เข้าใจง่ายที่สุด"): one-line verdict, the score path goal by goal, three comparison bars, star player, table after the game; the original paragraphs stay on the page under "อ่านสรุปแบบข้อความ" */
.sbsum{display:grid;gap:14px;margin:4px 0 6px;color:#0b1a12;font-family:Anuphan,sans-serif}
.sbsum .vd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border-radius:14px;background:#f3f7f4;border:1px solid #dfe8e2}
.sbsum .vd .tg{padding:4px 12px;border-radius:999px;font:700 13px Prompt,sans-serif;background:#0f5132;color:#fff}
.sbsum .vd .tg.dr{background:#c9a227;color:#0b1a12}
.sbsum .vd b{font:700 17px/1.4 Prompt,sans-serif}
.sbsum .vd small{color:#4b5a52;font-size:13.5px}
.sbsum h3{margin:0 0 8px;font:700 14px Prompt,sans-serif;color:#0b1a12;display:flex;align-items:center;gap:8px}
.sbsum h3:before{content:"";width:4px;height:14px;border-radius:2px;background:#c9a227}
.sbsum .gl{list-style:none;margin:0;padding:0!important;display:grid;gap:6px}
.sbsum .gl li{display:grid;grid-template-columns:1fr 74px 1fr;align-items:center;gap:8px;margin:0!important}
.sbsum .gl .hm{text-align:right;font-weight:600}
.sbsum .gl .aw{text-align:left;font-weight:600}
.sbsum .gl .ct{display:flex;flex-direction:column;align-items:center;line-height:1.15}
.sbsum .gl .ct i{font:normal 600 11.5px Prompt,sans-serif;color:#4b5a52}
.sbsum .gl .ct em{font:normal 700 14px Prompt,sans-serif;padding:2px 10px;border-radius:999px;background:#0f5132;color:#fff}
.sbsum .gl .nt{display:block;font:400 12px Anuphan,sans-serif;color:#4b5a52}
.sbsum .gl .hdr span{font:600 12.5px Prompt,sans-serif;color:#4b5a52}
.sbsum .br{display:grid;gap:9px}
.sbsum .br .r{display:grid;grid-template-columns:52px 1fr 52px;gap:8px;align-items:center}
.sbsum .br .r b{font:600 14px Prompt,sans-serif}.sbsum .br .r b.w{font-weight:800}
.sbsum .br .r b:last-child{text-align:right}
.sbsum .br .bar{position:relative}
.sbsum .br .bar small{display:block;text-align:center;font:500 12.5px Anuphan,sans-serif;color:#33443a;margin-bottom:3px}
.sbsum .br .bar span{display:flex;height:8px;border-radius:99px;overflow:hidden;background:#e6ece8}
.sbsum .br .bar i{display:block;height:100%}.sbsum .br .bar i.h{background:#0f5132}.sbsum .br .bar i.a{background:#c9a227}
.sbsum .br .lg{display:flex;justify-content:space-between;font:600 12.5px Prompt,sans-serif;color:#33443a}
.sbsum .br .lg span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:0}
.sbsum .br .lg span.h:before{background:#0f5132}.sbsum .br .lg span.a:before{background:#c9a227}
.sbsum .ch{display:flex;flex-wrap:wrap;gap:8px}
.sbsum .ch>div{flex:1 1 200px;padding:10px 12px;border-radius:12px;border:1px solid #dfe8e2;background:#fff}
.sbsum .ch small{display:block;font:600 12px Prompt,sans-serif;color:#4b5a52;margin-bottom:2px}
.sbsum .ch b{font:700 15px Prompt,sans-serif}
.sbsum .ch .tb{display:flex;justify-content:space-between;gap:8px;font-size:14px}
.sbsum details{border-top:1px dashed #dfe8e2;padding-top:8px}
.sbsum details summary{cursor:pointer;font:600 13.5px Prompt,sans-serif;color:#0f5132;list-style:none}
.sbsum details summary:before{content:"▸ ";}.sbsum details[open] summary:before{content:"▾ ";}
.sbsum details p{margin:8px 0 0}
.sbsum .sx{padding:4px 2px 2px}.sbsum .sx h4{margin:16px 0 6px;font:700 15px Prompt,sans-serif;color:#0f5132}.sbsum .sx h4:first-child{margin-top:10px}.sbsum .sx p{margin:0 0 10px!important;font:400 15.5px/1.85 Anuphan,sans-serif;color:#0b1a12}.sbsum .sx ul{margin:0 0 10px!important;padding-left:20px!important}.sbsum .sx li{margin:0 0 7px!important;font:400 15.5px/1.75 Anuphan,sans-serif;color:#0b1a12}.sbsum .sx li b{font-weight:700}.sbsum .sx .nt0{font-size:13px!important;color:#4b5a52!important;margin-bottom:4px!important}.sbsum .sx .nt1{padding:10px 12px;border-radius:10px;background:#fbf3d6;border:1px solid #ecd78a}
@media(max-width:600px){.sbsum .sx p,.sbsum .sx li{font-size:15px}}
@media(max-width:600px){.sbsum .vd b{font-size:15.5px}.sbsum .gl li{grid-template-columns:1fr 64px 1fr;gap:6px}.sbsum .gl .hm,.sbsum .gl .aw{font-size:14px}.sbsum .br .r{grid-template-columns:44px 1fr 44px}}

/* summary card v3 look (02:20) */
.sbsum{gap:12px}
.sbsum .vd{display:block;position:relative;overflow:hidden;padding:14px 16px 16px;border:0;border-radius:18px;color:#fff;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 46px,transparent 46px 92px),radial-gradient(120% 90% at 50% 0%,#17603d 0%,#0d3a25 55%,#082516 100%);box-shadow:0 8px 22px rgba(8,37,22,.18)}
.sbsum .vd:after{display:none;content:"";position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border:2px solid rgba(255,255,255,.06);border-radius:50%;pointer-events:none}
.sbsum .vt{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sbsum .vd .tg{background:#22c55e;color:#062814}.sbsum .vd .tg.dr{background:#e3b93a;color:#1d1503}
.sbsum .vd small{color:rgba(255,255,255,.78)!important;font:500 13px Anuphan,sans-serif}
.sbsum .vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;margin:12px 0 4px;position:relative;z-index:1}
.sbsum .vs .tm{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;min-width:0}
.sbsum .vs .tm b{font:700 15px/1.3 Prompt,sans-serif;color:#fff;word-break:break-word}
.sbsum .vs .tm small{font-size:11.5px!important;color:rgba(255,255,255,.6)!important}
.sbsum .vs .lo{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.25)}
.sbsum .vs .lo img{width:38px;height:38px;object-fit:contain}
.sbsum .vs .sc{margin-top:8px;font:800 40px/1 Prompt,sans-serif;color:#fff;letter-spacing:1px;display:flex;align-items:center;gap:8px;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.sbsum .vs .sc i{font-style:normal;color:#e3b93a;font-weight:700}
.sbsum .path{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);position:relative;z-index:1}
.sbsum .path em{flex-basis:100%;font:normal 600 12px Prompt,sans-serif;color:#e3b93a;letter-spacing:.3px}
.sbsum .path span{padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font:500 12.5px Anuphan,sans-serif;color:#fff}
.sbsum .path i{font-style:normal;color:rgba(255,255,255,.5)}
.sbsum>div:not(.vd):not(.ch),.sbsum>details{padding:14px 14px 12px;border:1px solid #e3ebe5;border-radius:16px;background:#fff;box-shadow:0 2px 8px rgba(8,37,22,.04)}
.sbsum .gl li{padding:7px 0;border-top:1px dashed #e3ebe5}.sbsum .gl li.hdr{border-top:0;padding-top:0}
.sbsum .gl .ct i{margin-bottom:2px}
.sbsum .br .r{padding:2px 0}
.sbsum .br .bar span{height:10px}
.sbsum .ch>div{border-radius:16px;padding:12px 14px;box-shadow:0 2px 8px rgba(8,37,22,.04)}
.sbsum .ch>div:first-child{background:linear-gradient(135deg,#fffaf0,#fbf3d6);border-color:#ecd78a}
.sbsum .ch .tb{padding:4px 0}.sbsum .ch .tb+.tb{border-top:1px dashed #e3ebe5}
.sbsum>details{border-top:1px solid #e3ebe5}
.sbsum>details summary{display:flex;align-items:center;gap:8px;font:700 14px Prompt,sans-serif;color:#0f5132}
.sbsum>details summary:before{content:"▸";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8f2ec;color:#0f5132;font-size:12px}
.sbsum>details[open] summary:before{content:"▾"}
@media(max-width:600px){.sbsum .vs .sc{font-size:34px}.sbsum .vs .lo{width:46px;height:46px}.sbsum .vs .lo img{width:33px;height:33px}.sbsum .vs .tm b{font-size:13.5px}}

/* 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}