:root{--forest:#0f4a3c;--forest-2:#176552;--forest-3:#0b382e;--gold:#d5a538;--gold-2:#f0cf7b;--ivory:#f7f3e8;--paper:#fffdf8;--ink:#172821;--muted:#6e7d76;--line:#d9ded8;--red:#e5484d;--green:#26a45a;--shadow:0 8px 24px rgba(27,57,46,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0,#fffdf8 0 20%,transparent 45%),var(--ivory);color:var(--ink);font-family:"IBM Plex Sans Thai",sans-serif;font-size:16px;line-height:1.5}.shell{width:min(1240px,calc(100% - 32px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:10px;z-index:99}.skip-link:focus{left:8px}.site-header{background:rgba(255,253,248,.96);border-bottom:1px solid rgba(15,74,60,.1);position:relative;z-index:20}.brandbar{min-height:110px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:36px}.brand img{display:block;width:min(310px,60vw);height:auto;object-fit:contain}.brand-message{padding-left:34px;border-left:1px solid var(--line);font-family:"Kanit",sans-serif;color:var(--forest);text-align:center;line-height:1.25}.brand-message strong,.brand-message span{display:block}.brand-message span{color:var(--gold);font-weight:700}.header-actions{display:flex;gap:10px}.icon-button,.plain-icon{position:relative;border:0;background:transparent;color:var(--forest);font:700 34px/1 "Kanit",sans-serif;cursor:pointer;width:48px;height:48px;border-radius:14px}.icon-button:hover{background:#edf4f1}.notify-dot{position:absolute;width:11px;height:11px;background:var(--red);border-radius:50%;right:6px;top:4px;border:2px solid white}.primary-nav{background:linear-gradient(100deg,var(--forest-3),var(--forest));color:white;box-shadow:0 4px 14px rgba(15,74,60,.15)}.nav-scroll{display:flex;overflow:auto;scrollbar-width:none}.nav-scroll a{min-height:66px;padding:0 24px;display:flex;gap:10px;align-items:center;justify-content:center;color:#eaf2ef;text-decoration:none;font-weight:600;white-space:nowrap;border-right:1px solid rgba(255,255,255,.12)}.nav-scroll a:hover,.nav-scroll a.active{background:linear-gradient(145deg,#b68527,var(--gold-2));color:#fff}.page{padding-block:20px 90px}.search-panel{padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:14px;margin-bottom:18px;box-shadow:var(--shadow)}.search-panel label{font-weight:700;color:var(--forest);display:block;margin-bottom:8px}.search-row{display:flex;gap:8px}.search-row input{flex:1;padding:12px 14px;border:1px solid #b9c8c1;border-radius:9px;font:inherit}.search-row button{border:0;background:var(--forest);color:white;border-radius:9px;padding-inline:20px;font:600 15px inherit}.status-strip{min-height:76px;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(90deg,#eef6f2,#f9fbf9);border:1px solid #c8d7d0;border-radius:12px}.status-strip>div{display:flex;align-items:center;gap:12px}.status-icon{font-size:27px}.status-meta{font-size:14px;color:#344b42;white-space:nowrap}.status-meta b{font-weight:600}.tip-card{margin-top:16px;min-height:88px;padding:18px 22px;background:rgba(255,255,255,.74);border:1px solid #d5ddd8;border-radius:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;box-shadow:0 5px 18px rgba(33,63,52,.04)}.tip-icon{font-size:36px;color:var(--gold)}.tip-card strong{font-family:"Kanit",sans-serif;font-size:22px;color:var(--forest)}.tip-card p{margin:2px 0 0;color:var(--muted)}.date-carousel{display:grid;grid-template-columns:42px 1fr 42px;gap:8px;align-items:center;margin-top:18px}.date-list{display:grid;grid-template-columns:repeat(7,minmax(108px,1fr));gap:10px;overflow:auto;scrollbar-width:none}.date-chip,.date-nav{border:1px solid #cbd4cf;background:rgba(255,255,255,.62);color:var(--forest);border-radius:12px;min-height:68px;font:inherit;cursor:pointer}.date-chip{padding:9px 12px}.date-chip strong,.date-chip span{display:block}.date-chip strong{font-size:15px}.date-chip span{font-size:14px;color:#5c7067}.date-chip.active{background:linear-gradient(145deg,#b98124,var(--gold-2));color:white;border-color:#d3a239;box-shadow:0 8px 18px rgba(213,165,56,.22)}.date-chip.active span{color:white}.date-nav{font-size:26px}.view-tabs{margin:18px 0;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(255,255,255,.72);border:1px solid #d1d9d5;border-radius:12px;overflow:hidden}.view-tab{position:relative;border:0;border-right:1px solid #dde2df;background:transparent;color:#314840;padding:14px 18px;font:600 19px "Kanit",sans-serif;cursor:pointer}.view-tab:last-child{border-right:0}.view-tab small{display:block;font:500 12px "IBM Plex Sans Thai",sans-serif;color:var(--muted)}.view-tab.active{background:linear-gradient(145deg,var(--forest-2),var(--forest-3));color:#fff}.view-tab.active::after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:4px;background:var(--gold)}.view-tab.active small{color:#cce0d8}.match-section{scroll-margin-top:20px}.section-heading{min-height:70px;background:linear-gradient(100deg,#bc8b29,var(--gold-2));display:flex;align-items:center;justify-content:space-between;padding:10px 22px;border-radius:13px 13px 0 0;color:white}.section-heading>div{display:flex;align-items:center;gap:12px}.section-heading h1{font:600 clamp(19px,2vw,27px) "Kanit",sans-serif;margin:0}.trophy{font-size:31px}.section-tools label{font-size:13px}.section-tools select{border:1px solid rgba(255,255,255,.7);background:#fffdf8;color:var(--forest);border-radius:8px;padding:8px 30px 8px 10px;font:600 14px inherit}.provider-status{font-size:12px;background:rgba(15,74,60,.75);padding:7px 11px;border-radius:999px}.provider-status i{display:inline-block;width:7px;height:7px;background:#89e4aa;border-radius:50%;margin-right:5px}.league-group{border:1px solid #c8d3ce;border-top:0;background:#fff}.league-group:last-child{border-radius:0 0 13px 13px;overflow:hidden}.league-heading{width:100%;min-height:56px;border:0;background:linear-gradient(90deg,var(--forest-3),var(--forest));color:white;padding:8px 18px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.league-heading>span{display:flex;gap:12px;align-items:center}.league-heading i{font-style:normal;font-size:25px;color:var(--gold-2)}.league-heading strong{font:600 19px "Kanit",sans-serif}.league-heading small{color:#cfe0da}.match-card{position:relative;display:grid;grid-template-columns:100px minmax(170px,1fr) 130px minmax(170px,1fr) 55px;grid-template-areas:"time home score away fav" "meta meta meta meta meta";align-items:center;border-bottom:1px solid #e0e4e2;background:#fff;cursor:pointer}.match-card:hover{background:#fbfcfa}.match-card:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.match-card:last-child{border-bottom:0}.match-time{grid-area:time;text-align:center;padding:16px 8px}.match-time strong{font-size:18px;display:block}.match-status{font-size:12px;color:#6d7974;background:#e8ecea;border-radius:6px;padding:3px 7px;display:inline-block}.match-status.is-live{background:var(--red);color:white}.match-status.is-finished{background:#dce3e0;color:#3e5149}.team{padding:14px 18px;display:flex;align-items:center;gap:12px}.home-team{grid-area:home;justify-content:flex-end;text-align:right}.away-team{grid-area:away}.team strong{font-size:17px}.flag{font-size:27px;filter:saturate(.95)}.score-box{grid-area:score;text-align:center}.score-box b{display:block;font:700 24px "Kanit",sans-serif;color:var(--forest)}.score-box small{color:var(--muted)}.score-box.live-score b{display:inline-block;color:var(--red);background:#fff0ee;border-radius:8px;padding:3px 16px}.favorite-button{grid-area:fav;border:0;background:transparent;color:#879690;font-size:29px;cursor:pointer}.favorite-button.active{color:var(--gold)}.match-meta{grid-area:meta;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #edf0ee;background:#fcfdfc}.match-meta>div{padding:8px 14px;text-align:center;border-right:1px solid #e1e5e3}.match-meta>div:last-child{border-right:0}.match-meta span{font-size:12px;color:#7a8983;margin-right:8px}.match-meta b{font-size:14px}.trend{font-style:normal}.trend.up{color:var(--green)}.trend.down{color:var(--red)}.empty-state,.load-error{background:white;border:1px solid #d7dedb;border-top:0;padding:48px;text-align:center;border-radius:0 0 13px 13px}.empty-state strong,.empty-state span,.load-error strong,.load-error span{display:block}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.feature-grid article{background:rgba(255,255,255,.72);border:1px solid #d7deda;border-radius:12px;padding:20px;display:flex;gap:15px}.feature-grid article>span{font-size:28px;color:var(--forest)}.feature-grid strong{font:600 18px "Kanit",sans-serif;color:var(--forest)}.feature-grid p{font-size:14px;color:var(--muted);margin:4px 0 0}.seo-copy{margin-top:18px;padding:25px;background:rgba(255,255,255,.54);border-radius:12px}.seo-copy h2{font:600 22px "Kanit",sans-serif;color:var(--forest);margin:0 0 6px}.seo-copy p{margin:0;color:#52645c}.footer{background:var(--forest-3);color:white}.footer-inner{min-height:130px;padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-inner>div strong,.footer-inner>div span{display:block}.footer-inner>div strong{font:700 26px "Kanit",sans-serif;color:var(--gold-2)}.footer nav{display:flex;gap:25px}.footer a{color:#deebe6;text-decoration:none}.mobile-nav{display:none}.match-dialog{width:min(620px,calc(100% - 24px));border:0;border-radius:18px;padding:0;color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.3)}.match-dialog::backdrop{background:rgba(7,27,21,.65);backdrop-filter:blur(3px)}.dialog-head{padding:18px 22px;background:var(--forest);color:white;display:flex;align-items:center;justify-content:space-between}.dialog-head small,.dialog-head strong{display:block}.dialog-head strong{font:600 22px "Kanit",sans-serif}.dialog-head button{border:0;background:transparent;color:white;font-size:30px}.dialog-score{display:grid;grid-template-columns:1fr auto 1fr;text-align:center;align-items:center;padding:30px 18px}.dialog-score>div span{display:block;font-size:36px}.dialog-score>div strong{display:block}.dialog-score>div:nth-child(2) b{font:700 31px "Kanit",sans-serif;color:var(--forest);display:block}.dialog-score small{color:var(--muted)}.dialog-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#f3f6f4;border-block:1px solid #dce3df}.dialog-stats div{text-align:center;padding:14px;border-right:1px solid #dce3df}.dialog-stats div:last-child{border-right:0}.dialog-stats span,.dialog-stats b{display:block}.match-dialog>p{padding:18px 22px;margin:0;color:#596a63}.mobile-nav{display:none}
@media(max-width:850px){.shell{width:min(100% - 20px,720px)}.brandbar{min-height:82px;grid-template-columns:1fr auto;gap:10px}.brand-message{display:none}.brand img{width:235px}.header-actions{gap:0}.icon-button{font-size:28px;width:42px}.primary-nav{display:none}.page{padding-top:12px;padding-bottom:110px}.status-strip{align-items:flex-start;padding:14px;display:block}.status-strip>div:first-child{align-items:flex-start}.status-meta{display:flex!important;justify-content:space-between;margin-top:8px;font-size:12px}.tip-card{padding:14px;min-height:78px;gap:12px}.tip-card strong{font-size:18px}.tip-card p{font-size:13px}.date-carousel{grid-template-columns:32px 1fr 32px}.date-list{grid-template-columns:repeat(7,96px)}.date-chip,.date-nav{min-height:62px}.view-tabs{margin-block:14px}.view-tab{font-size:16px;padding:12px 8px}.section-heading{display:block;padding:14px;border-radius:11px 11px 0 0}.section-heading>div:first-child{align-items:flex-start}.section-heading h1{font-size:19px;line-height:1.25}.section-tools{margin-top:10px;justify-content:space-between}.provider-status{display:none}.league-heading{padding:10px 14px}.league-heading>span{display:grid;grid-template-columns:auto 1fr;gap:0 10px}.league-heading i{grid-row:1/3}.league-heading strong{font-size:17px}.league-heading small{font-size:11px}.match-card{margin:10px;border:1px solid #dfe5e2;border-radius:12px;grid-template-columns:72px 1fr 82px 1fr 40px;grid-template-areas:"time home score away fav" "meta meta meta meta meta";box-shadow:0 5px 16px rgba(22,58,45,.07)}.team{display:block;padding:13px 5px;text-align:center}.team .flag{display:block}.team strong{font-size:14px;line-height:1.3;display:block}.match-time{padding-inline:5px}.match-time strong{font-size:16px}.score-box b{font-size:21px}.score-box.live-score b{padding-inline:8px}.favorite-button{font-size:25px}.match-meta{grid-template-columns:repeat(3,1fr)}.match-meta>div{padding:7px 5px}.match-meta>div:last-child{grid-column:1/-1;border-top:1px solid #e1e5e3;text-align:left;padding-inline:12px}.match-meta span{font-size:11px;display:block;margin:0}.match-meta b{font-size:13px}.feature-grid{grid-template-columns:1fr}.seo-copy{padding:18px}.footer-inner{display:block;text-align:center}.footer nav{justify-content:center;flex-wrap:wrap;gap:12px;margin-top:18px}.mobile-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;padding:8px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:rgba(255,253,248,.96);border-top:1px solid #d8dedb;box-shadow:0 -10px 28px rgba(15,74,60,.11);display:grid;grid-template-columns:repeat(5,1fr);backdrop-filter:blur(12px)}.mobile-nav a,.mobile-nav button{border:0;background:none;color:#40564d;text-decoration:none;font:600 21px/1 "IBM Plex Sans Thai",sans-serif;text-align:center}.mobile-nav span{display:block;font-size:11px;margin-top:5px}.mobile-nav .active{color:var(--gold)} }
@media(max-width:490px){.shell{width:calc(100% - 16px)}.brand img{width:195px}.header-actions .icon-button:first-child{display:none}.status-strip>div:first-child strong{font-size:14px}.status-meta span:first-child{display:none}.tip-card{grid-template-columns:auto 1fr auto}.date-list{grid-template-columns:repeat(7,86px)}.view-tab span{display:block}.match-card{grid-template-columns:62px 1fr 66px 1fr 34px;margin:8px}.team strong{font-size:13px}.flag{font-size:23px}.match-time strong{font-size:15px}.match-status{font-size:10px;padding-inline:5px}.score-box b{font-size:19px}.match-meta>div:nth-child(4){display:block}.dialog-score{padding-inline:8px}.dialog-score>div strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Team identity and table-reading guide */
.team-mark{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px}.team-logo{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(15,74,60,.12))}.logo-fallback{display:none}.provider-status.is-fallback i{background:#f0cf7b}.table-guide{scroll-margin-top:18px;margin-top:18px;border:1px solid #cad6d0;border-radius:13px;background:rgba(255,255,255,.78);box-shadow:var(--shadow);overflow:hidden}.table-guide summary{min-height:62px;padding:13px 20px;background:linear-gradient(90deg,var(--forest-3),var(--forest));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none}.table-guide summary::-webkit-details-marker{display:none}.table-guide summary span{display:flex;align-items:center;gap:10px}.table-guide summary b{color:var(--gold-2);font-size:22px}.table-guide summary strong{font:600 20px "Kanit",sans-serif}.table-guide summary small{color:#cfe0da}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.guide-grid article{min-height:104px;padding:16px;display:grid;grid-template-columns:70px 1fr;align-items:center;gap:12px;border-right:1px solid #e0e6e3;border-bottom:1px solid #e0e6e3}.guide-grid article:nth-child(4n){border-right:0}.guide-grid strong{display:block;color:var(--forest);font:600 16px "Kanit",sans-serif}.guide-grid p{margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.4}.guide-sample{display:inline-flex;min-width:58px;min-height:34px;align-items:center;justify-content:center;border-radius:8px;font-weight:700}.live-pill{background:var(--red);color:#fff}.finished-pill{background:#dce3e0;color:#30463d}.neutral-pill{border:2px solid var(--forest);color:var(--forest)}.price-pill{gap:8px;background:#f4f7f5}.price-pill i{color:var(--green);font-style:normal}.price-pill em{color:var(--red);font-style:normal}.favorite-team{color:#d62931;background:#fff1f1}.staff-pick{text-decoration:underline;background:#f4f7f5;color:var(--ink)}.cards{gap:6px;background:#f4f7f5}.cards i,.cards em{width:23px;height:29px;display:grid;place-items:center;border-radius:2px;font-style:normal;font-size:12px}.cards i{background:#ffd42a;color:#513f00}.cards em{background:#e5484d;color:#fff}.source-pill{background:#e9f4ef;color:var(--forest);border:1px solid #bcd3c8}.guide-note{margin:0;padding:13px 18px;background:#f7faf8;color:#53665d;font-size:13px}
@media(max-width:1000px){.guide-grid{grid-template-columns:repeat(2,1fr)}.guide-grid article:nth-child(4n){border-right:1px solid #e0e6e3}.guide-grid article:nth-child(2n){border-right:0}}
@media(max-width:850px){.team-mark{width:40px;height:40px;margin-inline:auto}.team-logo{width:38px;height:38px}.table-guide summary{padding:12px 14px}.guide-grid article{grid-template-columns:62px 1fr;padding:13px;min-height:96px}}
@media(max-width:560px){.guide-grid{grid-template-columns:1fr}.guide-grid article,.guide-grid article:nth-child(2n),.guide-grid article:nth-child(4n){border-right:0}.table-guide summary small{display:none}.table-guide summary strong{font-size:18px}.guide-note{font-size:12px}}
.team .logo-fallback,.dialog-score .logo-fallback{display:none}.dialog-score .team-mark{display:grid;font-size:inherit;margin-inline:auto}.dialog-score .team-logo{display:block}
.league-tier{min-height:58px;padding:11px 16px;display:flex;align-items:center;gap:12px;border-inline:1px solid #c8d3ce}.league-tier span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:19px}.league-tier strong,.league-tier small{display:block}.league-tier strong{font:600 18px "Kanit",sans-serif}.league-tier small{font-size:12px;color:var(--muted)}.popular-tier{background:linear-gradient(90deg,#fff8df,#fffdf8);color:#8b6318;border-top:1px solid #d8c17f}.popular-tier span{background:var(--gold);color:white}.other-tier{background:#eef4f1;color:var(--forest);border-top:1px solid #c8d3ce}.other-tier span{background:#dce9e3}.league-logo{width:38px;height:38px;object-fit:contain;flex:0 0 38px}.league-title{display:block;min-width:0}.league-title strong,.league-title small{display:block}.league-heading em{margin-left:auto;margin-right:12px;border:1px solid rgba(240,207,123,.65);border-radius:999px;padding:3px 9px;color:var(--gold-2);font:500 11px "IBM Plex Sans Thai",sans-serif}.league-group.is-popular .league-heading{background:linear-gradient(90deg,#123f35,#0f5a48)}
@media(max-width:850px){.league-heading>span{display:flex;flex:1;min-width:0}.league-heading .league-title{display:block}.league-heading .league-logo{grid-row:auto}.league-heading em{margin-left:auto;margin-right:6px}.league-tier{padding-inline:13px}.league-tier strong{font-size:17px}}
@media(max-width:490px){.league-heading em{display:none}.league-title strong{white-space:normal;line-height:1.25}.league-title small{white-space:normal;line-height:1.25;margin-top:2px}}
.score-box{position:relative;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;padding:4px}.score-box:focus-visible{outline:3px solid var(--gold);border-radius:9px}.goal-popover{position:absolute;z-index:60;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);width:min(340px,86vw);padding:10px;background:#fff;border:1px solid #bdcbc4;border-radius:12px;box-shadow:0 16px 45px rgba(8,45,34,.24);color:var(--ink);text-align:left;cursor:default}.goal-popover[hidden]{display:none}.goal-popover::after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;background:#fff;border-right:1px solid #bdcbc4;border-bottom:1px solid #bdcbc4;transform:translateX(-50%) rotate(45deg)}.goal-popover>strong,.dialog-goals>strong{display:block;padding:3px 6px 8px;color:var(--forest);font:600 16px "Kanit",sans-serif;border-bottom:1px solid #e2e8e5}.goal-row{display:grid;grid-template-columns:22px 1fr auto;gap:7px;align-items:center;padding:7px 6px;border-bottom:1px solid #edf0ee}.goal-row:last-child{border-bottom:0}.goal-row i,.goal-row em{font-style:normal}.goal-row b{font-size:13px}.goal-row em{font-weight:700;color:var(--forest)}.goal-row small{grid-column:2/-1;color:var(--muted);font-size:11px}.goal-row.away{background:#f7faf8}.goal-empty,.goal-loading{display:block;padding:12px 6px;color:var(--muted);font-size:13px}.dialog-goals{padding:16px 22px}.dialog-goals .goal-row{grid-template-columns:24px 1fr auto}.dialog-goals .goal-row b{font-size:14px}
@media(max-width:850px){.goal-popover{position:fixed;left:50%;bottom:86px;max-height:52vh;overflow:auto}.dialog-goals{padding:14px}}
.decimal-odd{display:inline!important;color:#7d8c85!important;font-size:10px!important;font-weight:500}.odds-paused{color:#b87412}
.goal-popover{width:min(470px,92vw)}.goal-columns{display:grid;grid-template-columns:1fr 1fr}.goal-side{display:block;min-width:0;padding:7px}.goal-side.home{border-right:1px solid #dfe6e2}.goal-team{min-height:54px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #e5eae7;padding-bottom:7px}.goal-team .team-mark{width:34px;height:34px;flex-basis:34px}.goal-team .team-logo{width:32px;height:32px}.goal-team>strong{font:600 13px/1.25 "Kanit",sans-serif;color:var(--forest)}.goal-event{display:grid;grid-template-columns:18px 1fr auto;gap:5px;align-items:center;min-height:38px;padding:6px 2px;border-bottom:1px solid #edf0ee}.goal-event i,.goal-event em{font-style:normal}.goal-event b{font-size:12px;line-height:1.25;overflow-wrap:anywhere}.goal-event em{font-size:12px;font-weight:700;color:var(--forest)}.goal-event small{grid-column:2/-1;color:var(--muted);font-size:10px}.goal-none{display:block;padding:15px 3px;color:var(--muted);font-size:11px}.dialog-goals .goal-team>strong{font-size:14px}.dialog-goals .goal-event b{font-size:13px}
@media(max-width:420px){.goal-popover{width:94vw;padding:8px}.goal-side{padding:5px}.goal-team{display:block;text-align:center;min-height:74px}.goal-team .team-mark{margin-inline:auto}.goal-team>strong{display:block;margin-top:3px;font-size:11px}.goal-event{grid-template-columns:16px 1fr auto}.goal-event b{font-size:11px}}

/* Compact match table */
.match-column-head{display:grid;grid-template-columns:82px minmax(150px,1fr) 116px minmax(150px,1fr) 42px;align-items:center;min-height:34px;background:#edf3f0;border-inline:1px solid #c8d3ce;border-bottom:1px solid #d7e0dc;color:#64756e;font-size:11px;font-weight:600;text-align:center}.match-card{grid-template-columns:82px minmax(150px,1fr) 116px minmax(150px,1fr) 42px}.match-time{padding:10px 5px}.match-time strong{font-size:16px}.team{padding:9px 12px}.team-mark{width:36px;height:36px;flex-basis:36px}.team-logo{width:34px;height:34px}.team strong{font-size:15px}.score-box b{font-size:21px}.match-meta>div{padding:5px 8px}.league-heading{min-height:50px}.league-logo{width:32px;height:32px;flex-basis:32px}.league-heading strong{font-size:17px}
@media(max-width:850px){.league-group{border-bottom:1px solid #c8d3ce}.match-column-head{grid-template-columns:52px minmax(0,1fr) 68px minmax(0,1fr) 26px;min-height:28px;font-size:10px}.match-card{margin:0;border:0;border-bottom:1px solid #dfe5e2;border-radius:0;box-shadow:none;grid-template-columns:52px minmax(0,1fr) 68px minmax(0,1fr) 26px;min-height:82px}.match-card:hover{background:#f8fbf9}.match-time{padding:6px 2px}.match-time strong{font-size:13px}.match-status{font-size:9px;padding:2px 4px}.team{padding:6px 3px}.team .team-mark{width:28px;height:28px;flex-basis:28px}.team .team-logo{width:27px;height:27px}.team strong{font-size:11px;line-height:1.18;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.score-box{padding:2px}.score-box b{font-size:17px}.score-box small{font-size:10px}.score-box.live-score b{padding:2px 5px}.favorite-button{font-size:20px;padding:0}.match-meta{min-height:28px;grid-template-columns:repeat(4,1fr)}.match-meta>div{padding:3px 2px!important;border-top:0!important;grid-column:auto!important;text-align:center!important}.match-meta span{font-size:9px;line-height:1.1}.match-meta b{font-size:10px;line-height:1.1}.match-meta>div:last-child{display:block}.decimal-odd{font-size:8px!important}.league-heading{min-height:46px;padding-block:6px}.league-title strong{font-size:15px}.league-title small{font-size:10px}.league-tier{min-height:48px}.goal-popover{bottom:78px}}

/* Dense odds rows and shareable Live Match Tracker */
.match-meta{grid-template-columns:repeat(3,1fr)}.match-meta>a,.match-meta>div{min-width:0;padding:4px 8px;text-align:center;border-right:1px solid #e1e5e3}.match-meta>a:last-child{border-right:0}.odds-link{display:block;color:inherit;text-decoration:none}.odds-link:hover,.odds-link:focus-visible{background:#edf7f2;outline:2px solid var(--gold);outline-offset:-2px}.odds-link span,.match-meta>div span{font-size:11px;color:#7a8983;margin-right:6px}.odds-link b,.match-meta>div b{font-size:13px}.trend{font-size:12px;font-weight:800;margin-left:3px}.odds-history{padding:14px 22px;border-bottom:1px solid #dce3df}.odds-history>strong{display:block;color:var(--forest);font:600 17px "Kanit",sans-serif;margin-bottom:8px}.odds-history-list{display:block;border:1px solid #dce5e0;border-radius:9px;overflow:hidden}.odds-history-row{display:grid;grid-template-columns:58px 1fr 1fr;gap:8px;padding:7px 9px;border-bottom:1px solid #e8eeeb;font-size:12px}.odds-history-row:last-child{border-bottom:0}.odds-history-row time{color:var(--muted)}.odds-history-empty{display:block;color:var(--muted);font-size:13px}.match-dialog>p strong{color:var(--forest)}
@media(max-width:850px){.match-card{min-height:70px}.team{padding-block:4px}.team .team-mark{width:24px;height:24px;flex-basis:24px}.team .team-logo{width:23px;height:23px}.match-meta{min-height:25px;grid-template-columns:repeat(3,1fr)}.match-meta>a,.match-meta>div{padding:2px!important;border-top:0!important;grid-column:auto!important}.odds-link span,.match-meta>div span{display:block;margin:0;font-size:9px;line-height:1.05}.odds-link b,.match-meta>div b{font-size:10px;line-height:1.05}.trend{font-size:9px}.decimal-odd{font-size:8px!important}.odds-history{padding:12px 14px}.odds-history-row{grid-template-columns:46px 1fr 1fr;padding-inline:6px;font-size:11px}}

/* Site-wide compact density */
body{font-size:15px}.brandbar{min-height:82px;gap:22px}.brand img{width:min(260px,56vw)}.brand-message{padding-left:22px;font-size:14px}.icon-button{width:42px;height:42px;font-size:28px}.nav-scroll a{min-height:52px;padding-inline:18px;font-size:14px}.page{padding-top:12px}.status-strip{min-height:58px;padding:10px 16px}.status-icon{font-size:22px}.status-meta{font-size:12px}.tip-card{min-height:66px;margin-top:10px;padding:10px 16px;gap:12px}.tip-icon{font-size:28px}.tip-card strong{font-size:18px}.tip-card p{font-size:12px}.date-carousel{margin-top:10px}.date-list{gap:6px}.date-chip,.date-nav{min-height:52px;border-radius:9px}.date-chip{padding:5px 8px}.date-chip strong{font-size:13px}.date-chip span{font-size:12px}.view-tabs{margin:10px 0}.view-tab{padding:8px 12px;font-size:16px}.section-heading{min-height:54px;padding:7px 16px}.section-heading h1{font-size:20px}.trophy{font-size:24px}.section-tools select{padding-block:6px}.league-tier{min-height:44px;padding:6px 12px;gap:8px}.league-tier span{width:28px;height:28px;font-size:16px}.league-tier strong{font-size:15px}.league-tier small{font-size:10px}.league-heading{min-height:40px;padding:4px 12px}.league-logo{width:26px;height:26px;flex-basis:26px}.league-heading strong{font-size:15px}.league-heading small{font-size:10px}.match-column-head{min-height:25px}.match-card{grid-template-columns:70px minmax(140px,1fr) 104px minmax(140px,1fr) 36px}.match-time{padding:5px 3px}.match-time strong{font-size:14px}.match-status{font-size:10px;padding:1px 5px}.team{padding:5px 9px;gap:7px}.team-mark{width:28px;height:28px;flex-basis:28px}.team-logo{width:27px;height:27px}.team strong{font-size:13px}.score-box b{font-size:18px}.score-box small{font-size:10px}.score-box.live-score b{padding:1px 8px}.favorite-button{font-size:22px}.match-meta{min-height:23px}.match-meta>a,.match-meta>div{padding:2px 6px}.table-guide{margin-top:10px}.table-guide summary{min-height:46px;padding:8px 14px}.table-guide summary strong{font-size:16px}.guide-grid article{min-height:78px;padding:10px}.feature-grid{gap:8px;margin-top:10px}.feature-grid article{padding:12px}.seo-copy{margin-top:10px;padding:16px}.footer-inner{min-height:88px;padding-block:16px}.footer-inner>div strong{font-size:21px}
@media(max-width:850px){.shell{width:min(100% - 12px,720px)}.brandbar{min-height:62px}.brand img{width:172px}.icon-button{width:36px;height:36px;font-size:24px}.page{padding-top:6px}.status-strip{min-height:48px;padding:8px 10px}.status-strip>div{gap:7px}.status-meta{margin-top:4px!important}.tip-card{min-height:54px;padding:7px 10px}.tip-icon{font-size:23px}.tip-card strong{font-size:15px}.tip-card p{font-size:10px}.date-carousel{grid-template-columns:26px 1fr 26px;gap:4px;margin-top:7px}.date-list{grid-template-columns:repeat(7,76px);gap:4px}.date-chip,.date-nav{min-height:45px}.date-chip strong{font-size:12px}.date-chip span{font-size:11px}.view-tabs{margin-block:7px}.view-tab{padding:6px 4px;font-size:14px}.view-tab small{font-size:10px}.section-heading{padding:8px 10px}.section-heading h1{font-size:16px}.section-tools{margin-top:6px}.section-tools select{padding-block:5px;font-size:12px}.league-tier{min-height:38px;padding:4px 9px}.league-tier span{width:25px;height:25px}.league-tier strong{font-size:14px}.league-heading{min-height:36px;padding:3px 8px}.league-logo{width:24px;height:24px;flex-basis:24px}.league-heading strong{font-size:13px}.league-heading small{font-size:9px}.match-column-head{min-height:22px;font-size:9px}.match-card{min-height:58px;grid-template-columns:45px minmax(0,1fr) 60px minmax(0,1fr) 36px 23px}.match-time{padding:3px 1px}.match-time strong{font-size:11px}.match-status{font-size:8px;padding:1px 3px}.team{padding:3px 2px}.team .team-mark{width:20px;height:20px;flex-basis:20px}.team .team-logo{width:19px;height:19px}.team strong{font-size:10px;line-height:1.1}.score-box b{font-size:15px}.score-box small{font-size:8px}.favorite-button{font-size:17px}.match-meta{min-height:21px}.odds-link span,.match-meta>div span{font-size:8px}.odds-link b,.match-meta>div b{font-size:9px}.mobile-nav{padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom))}.mobile-nav a,.mobile-nav button{font-size:18px}.mobile-nav span{font-size:9px;margin-top:3px}.table-guide summary{min-height:40px;padding:6px 10px}.table-guide summary strong{font-size:14px}.guide-grid article{min-height:70px;padding:8px}.feature-grid article{padding:9px}.seo-copy{padding:12px}}

.match-column-head{grid-template-columns:70px minmax(140px,1fr) 104px minmax(140px,1fr) 116px 36px}.match-card{grid-template-columns:70px minmax(140px,1fr) 104px minmax(140px,1fr) 116px 36px;grid-template-areas:"time home score away analysis fav" "meta meta meta meta meta meta"}.analysis-button{grid-area:analysis;border:1px solid #acd9bf;background:linear-gradient(135deg,#e8f7ee,#cfeeda);color:#145542;cursor:pointer;font:600 11px "IBM Plex Sans Thai",sans-serif;padding:4px 7px;margin:3px;border-radius:5px;box-shadow:0 2px 5px rgba(15,74,60,.12);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.analysis-button i{display:none;font-style:normal}.analysis-button:hover,.analysis-button:focus-visible{background:#bde5cd;color:#0b382e;outline:2px solid var(--gold)}.prediction-dialog{width:min(540px,calc(100% - 20px));border:0;border-radius:15px;padding:0;color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.3)}.prediction-dialog::backdrop{background:rgba(7,27,21,.65);backdrop-filter:blur(3px)}.prediction-body{padding:16px}.prediction-pick{text-align:center;padding:14px;background:linear-gradient(135deg,#dff4e7,#bfe5ce);color:#124c3c;border:1px solid #a5d6b8;border-radius:10px;box-shadow:0 7px 18px rgba(15,74,60,.12)}.prediction-pick span,.prediction-pick small{display:block;color:#39715f}.prediction-pick strong{display:block;color:#0b4a39;font:600 22px "Kanit",sans-serif}.prediction-percent{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;border:1px solid #dce4e0;border-radius:9px;overflow:hidden}.prediction-percent span{padding:9px;text-align:center;border-right:1px solid #dce4e0;font-size:12px}.prediction-percent span:last-child{border-right:0}.prediction-percent b{display:block;color:var(--forest);font-size:18px}.prediction-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.prediction-metrics span{padding:8px;background:#f7f9f8;border-radius:7px;text-align:center;font-size:11px}.prediction-metrics b{display:block}.prediction-body p{margin:12px 0 0;color:var(--muted);font-size:12px}.prediction-loading,.prediction-error{display:block;padding:28px;text-align:center;color:var(--muted)}.prediction-dialog>footer{padding:9px 16px;background:#f2f5f3;color:var(--muted);font-size:11px}.prediction-dialog .dialog-head button{cursor:pointer}
@media(max-width:850px){.match-column-head{grid-template-columns:45px minmax(0,1fr) 60px minmax(0,1fr) 66px 23px}.analysis-button{padding:3px;font-size:9px;line-height:1.15}.analysis-button span{display:block;overflow:hidden;text-overflow:ellipsis}.analysis-button i{display:none}.prediction-body{padding:12px}.prediction-pick strong{font-size:18px}.prediction-metrics{grid-template-columns:1fr 1fr 1fr}}
.analysis-button.pick-correct{background:linear-gradient(135deg,#dff4e7,#bfe5ce);border-color:#8bc9a3;color:#0b593d}.analysis-button.pick-draw{background:linear-gradient(135deg,#fff7cf,#f5df86);border-color:#dfc55c;color:#735600}.analysis-button.pick-wrong{background:linear-gradient(135deg,#ffe5e3,#f5bdb8);border-color:#e49a93;color:#8a211b}