:root{--bg: #0c0f12;--card: #171c22;--card-2: #202833;--line: rgba(255, 255, 255, .08);--text: #f4f7f2;--muted: #aeb8c2;--faint: #74808c;--lime: #d6ff4a;--ink: #12160a;--live: #ff5d3a;--sky: #8ec8ff;--gold: #ffd56a;--shadow: 0 14px 36px rgba(0, 0, 0, .28);--nav-h: calc(62px + env(safe-area-inset-bottom)) ;--radius: 18px;color-scheme:dark;font-family:Sarabun,Noto Sans Thai,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:radial-gradient(900px 420px at 80% -10%,rgba(214,255,74,.16),transparent 55%),radial-gradient(700px 380px at -10% 20%,rgba(142,200,255,.08),transparent 50%),var(--bg)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.app{height:100vh;height:100svh;display:flex;flex-direction:column;min-height:0}.side{display:none}.main{flex:1 1 auto;min-width:0;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px;padding:0 14px;background:#0c0f12db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid transparent}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand strong{display:block;font-size:1.02rem;letter-spacing:0}.brand small{display:block;color:var(--muted);font-size:.72rem}.mark{width:46px;height:46px;border-radius:10px;object-fit:cover;background:#000;flex:none}.content{width:min(1080px,100%);margin:0 auto;padding:8px 14px 28px}.tabbar{position:relative;z-index:30;flex:0 0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;min-height:64px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#12171c;border-top:1px solid var(--line);box-shadow:0 -8px 24px #00000059}.tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;color:#c5ced6;background:none;border:0;border-radius:12px;min-width:0}.tab svg{width:22px;height:22px}.tab span{font-size:.68rem;font-weight:700;line-height:1.15;text-align:center}.tab.on{color:var(--lime)}.badge{position:absolute;top:2px;right:calc(50% - 22px);min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--live);color:#fff;font-size:.62rem;font-style:normal;font-weight:800;display:grid;place-items:center}.page-head{margin:8px 0 14px}.kicker{margin:0 0 4px;color:var(--lime);font-size:.78rem;font-weight:700}.page-head h1,.hero h1{margin:0;font-size:clamp(1.7rem,6vw,2.4rem);letter-spacing:0;line-height:1.3}.page-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.sub{margin:6px 0 0;color:var(--muted);line-height:1.45}.banner{margin:0 0 12px;padding:10px 12px;border-radius:14px;background:#ffd56a1f;color:#ffe7ad;line-height:1.45}.banner.warn{background:#ff5d3a24;color:#ffd0c6}.card{background:linear-gradient(180deg,#ffffff09,#ffffff04);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.dates,.chips,.tabs,.mates{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.dates::-webkit-scrollbar,.chips::-webkit-scrollbar,.tabs::-webkit-scrollbar,.mates::-webkit-scrollbar{display:none}.date-btn,.chips button,.chips a,.tabs button{border:1px solid var(--line);background:#ffffff08;border-radius:14px;color:var(--text)}.date-btn{min-width:58px;padding:8px 0 10px;display:grid;justify-items:center;gap:2px}.date-btn small{color:var(--faint);font-size:.68rem}.date-btn strong{font-size:1.05rem}.date-btn.on,.chips button.on,.chips a.on,.tabs button.on{background:var(--lime);color:var(--ink);border-color:transparent}.date-btn.on small{color:#3d4d12}.chips{margin:12px 0}.chips button,.chips a{padding:8px 12px;white-space:nowrap;font-size:.86rem;font-weight:650}.tabs{margin:14px 0}.tabs button{padding:10px 14px;white-space:nowrap;font-weight:700}.filters{display:grid;gap:10px;margin:14px 0}.search-field{display:block;margin:12px 0}.search-field input,.league-select,select.league-select{width:100%;border:1px solid var(--line);background:#12171c;border-radius:16px;padding:14px 16px;font-size:16px}.search-field input:focus,.league-select:focus{border-color:#d6ff4ab3}.league{margin-top:16px}.league-head{position:sticky;top:60px;z-index:5;display:flex;justify-content:space-between;gap:8px;align-items:baseline;padding:8px 2px;background:linear-gradient(var(--bg),rgba(12,15,18,.92) 70%,transparent)}.league-head a,.league-head strong{font-weight:800}.league-head span,.cache-note,.fine{color:var(--faint);font-size:.8rem}.league-body{display:grid;gap:8px}.m-card{display:grid;gap:8px;padding:10px 12px;border-radius:16px;background:var(--card);border:1px solid var(--line)}.m-hit{display:grid;grid-template-columns:64px 1fr auto;gap:8px;align-items:center;color:inherit}.m-card:active{transform:scale(.985)}.m-card.live{box-shadow:inset 3px 0 0 var(--live)}.m-when{color:var(--muted);font-size:.75rem;font-weight:800;display:flex;align-items:center;gap:4px}.m-when.hot{color:var(--live)}.dot{width:7px;height:7px;border-radius:99px;background:var(--live);animation:pulse 1.4s infinite}@keyframes pulse{70%{box-shadow:0 0 0 6px #ff5d3a00}}.m-teams{min-width:0;display:grid;gap:6px}.team-line{display:flex;align-items:center;gap:8px;min-width:0;font-weight:700}.team-line span,.team-cell span,.team-tile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-line.dim,.dim{color:var(--faint);font-weight:600}.m-score{display:grid;justify-items:end;gap:6px;min-width:28px;font-variant-numeric:tabular-nums}.m-score b{font-size:1.05rem}.m-score .win{color:var(--lime)}.m-score .lose{color:var(--faint)}.odds{grid-column:1 / -1;display:flex;gap:6px;margin:2px 0 0}.odds span{flex:1;display:flex;justify-content:space-between;gap:6px;padding:3px 8px;border-radius:8px;background:#ffffff0a;font-size:.78rem;font-weight:800;font-variant-numeric:tabular-nums}.odds small{color:var(--faint);font-weight:700}.clip-link{justify-self:start;color:var(--lime);font-size:.78rem;font-weight:800}.clip-link.page{margin:4px 2px 8px;font-size:.9rem}.hl-tags{margin:0 0 14px}.hl-day{margin-top:8px;scroll-margin-top:12px}.hl-day h2{margin:16px 0 10px;font-size:1.05rem}.hl-grid{display:grid;gap:14px}.hl-tile{display:grid;gap:8px;min-width:0;color:inherit}.hl-copy{display:grid;gap:2px;min-width:0}.hl-tile b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.92rem;line-height:1.35}.hl-copy time,.clip-card time{color:var(--faint);font-size:.75rem;font-weight:700}.hl-shot{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;border-radius:16px;background:#0c1014;border:1px solid var(--line)}.hl-shot img,.clip-thumb img{width:100%;height:100%;object-fit:cover}.hl-new{position:absolute;z-index:1;top:0;left:0;right:0;padding:4px 8px;background:#d31212;color:#fff;font-size:.75rem;font-weight:800;line-height:1.25;text-align:center}.hl-play{position:absolute;left:50%;top:50%;width:46px;height:46px;border:2px solid #fff;border-radius:50%;background:#080a0cb8;transform:translate(-50%,-50%)}.hl-play:after{content:"";position:absolute;left:17px;top:12px;border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent #fff}.clip-card{display:grid;grid-template-columns:148px 1fr;gap:12px;align-items:center;margin:8px 0 12px;padding:8px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:inherit}.clip-thumb{position:relative;width:148px;height:84px;overflow:hidden;border-radius:10px}.clip-card b{display:block;color:var(--lime)}.clip-card small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted)}.scoreboard .odds{margin-top:8px}.ko{color:var(--faint);font-size:1.3rem;line-height:1}.crest{width:28px;height:28px;object-fit:contain;flex:none}.crest.sm{width:22px;height:22px}.crest.lg{width:64px;height:64px}.crest.fallback{display:grid;place-items:center;border-radius:50%;background:var(--card-2);color:var(--lime);font-size:.68rem;font-weight:800}.crest.lg.fallback{font-size:1rem}.scoreboard{padding:16px 12px 14px;text-align:center}.scoreboard.live{box-shadow:inset 0 3px 0 var(--live),var(--shadow)}.sb-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.sb-team{display:grid;justify-items:center;gap:8px;min-width:0}.sb-team strong{font-size:.92rem;line-height:1.25}.sb-mid{display:grid;justify-items:center;gap:4px}.sb-score,.sb-time{font-size:clamp(1.8rem,8vw,2.8rem);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.sb-score span{color:var(--faint);padding:0 4px}.sb-mid em{font-style:normal;color:var(--muted);font-weight:800}.sb-mid em.hot{color:var(--live)}.sb-meta,.coach-row{color:var(--muted);font-size:.82rem;line-height:1.45}.coach-row{display:grid;gap:4px;margin:8px 2px 0}.events{list-style:none;margin:0;padding:0;display:grid;gap:8px}.events li{display:grid;grid-template-columns:52px 28px 1fr;gap:8px;align-items:center;padding:10px 12px;background:var(--card);border-radius:14px;border-left:3px solid var(--line)}.events li.home{border-left-color:var(--lime)}.events li.away{border-left-color:var(--sky)}.events time{font-weight:800;color:var(--muted)}.events small{display:block;color:var(--faint)}.stat-card{padding:14px}.stat-names,.stat-top{display:flex;justify-content:space-between;gap:8px}.stat-names{color:var(--muted);font-size:.8rem;font-weight:700;margin-bottom:8px}.stat{margin-top:12px}.stat-top b{font-variant-numeric:tabular-nums;min-width:36px}.stat-top b:last-child{text-align:right}.stat-top span{color:var(--muted);font-size:.82rem}.stat-bars{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px}.bar{height:7px;background:#2a313a;border-radius:99px;overflow:hidden;display:flex}.bar.home{justify-content:flex-end}.bar.home i{background:var(--lime)}.bar.away i{background:var(--sky)}.bar i{display:block;height:100%;border-radius:99px}.xi-grid{display:grid;gap:12px}.xi-block{padding:14px}.xi-block h2,.section-title h2{margin:0;font-size:1.05rem}.xi-block h3{margin:12px 0 8px;color:var(--muted);font-size:.82rem}.xi{list-style:none;margin:0;padding:0;display:grid;gap:8px}.xi li,.squad-row{display:flex;gap:10px;align-items:center}.shirt,.squad-row>b,.pos{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#2a313a;font-variant-numeric:tabular-nums;flex:none}.captain{margin-left:6px;color:var(--gold);font-style:normal;font-size:.75rem}.xi small,.squad-row small,.plain-row small,.rank-row small{color:var(--faint);display:block}.hero{padding:16px;margin-bottom:8px}.team-hero{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.section-title{display:flex;justify-content:space-between;align-items:end;margin:18px 0 8px}.plain-list,.rank-list,.countries{display:grid;gap:8px}.plain-row,.rank-row,.squad-row,.h2h-row,.next-row{padding:12px 14px}.plain-row time,.h2h-row time{color:var(--faint);font-size:.78rem}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.team-tile{display:flex;align-items:center;gap:8px;padding:10px;min-width:0}.rank-row,.squad-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.rank-row em{font-style:normal;font-size:1.25rem;font-weight:800;color:var(--lime)}.rank-row em small{font-size:.68rem;color:var(--faint)}.cards{display:grid;justify-items:end;font-size:.78rem!important;color:var(--text)!important}.stand-cards{display:grid;gap:8px}.stand-table{display:none}.st-card{display:grid;grid-template-columns:28px 28px 1fr auto;gap:10px;align-items:center;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:16px}.st-copy{min-width:0}.st-copy strong,.st-copy p{display:block;margin:0}.st-copy p{color:var(--faint);font-size:.75rem;margin-top:2px}.st-copy .pips{margin-top:6px}.pts{color:var(--lime);font-variant-numeric:tabular-nums}.gold{color:var(--gold)}.pips{display:flex;gap:3px}.pip{width:18px;height:18px;border-radius:5px;display:grid;place-items:center;font-size:.62rem;font-weight:800;background:#2c343d}.pip.W{background:var(--lime);color:var(--ink)}.pip.D{background:#66717c;color:#fff}.pip.L{background:var(--live);color:#fff}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{padding:10px 8px;text-align:center;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--faint);font-size:.75rem;font-weight:700}td:nth-child(2),th:nth-child(2){text-align:left}.team-cell{display:flex;align-items:center;gap:8px;min-width:180px}.h2h-sum{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:14px 8px;margin-bottom:10px}.h2h-sum b{display:block;font-size:1.6rem}.h2h-sum span{color:var(--muted);font-size:.75rem}.h2h-list{display:grid;gap:8px}.h2h-row div{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-top:4px}.h2h-row div span:last-child{text-align:right}.h2h-row .me{color:var(--lime);font-weight:800}.country{overflow:hidden}.country-btn{width:100%;display:flex;justify-content:space-between;gap:12px;padding:14px;background:none;border:0;text-align:left}.country-btn small{display:block;color:var(--faint)}.league-links{list-style:none;margin:0;padding:0 12px 12px;display:grid;gap:8px}.league-links li{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-top:8px;border-top:1px solid var(--line)}.league-links small,.text-link{color:var(--faint);font-size:.78rem}.text-link{color:var(--lime);font-weight:700}.pair,.search-team{display:flex;gap:8px;align-items:center;padding:10px}.pair{flex-wrap:wrap}.pair button,.mini-actions button{border:1px solid var(--line);background:#12171c;border-radius:12px;padding:8px 10px}.search-team{justify-content:space-between}.search-team a{display:flex;gap:10px;align-items:center;min-width:0}.mini-actions{display:flex;gap:6px}.mates{margin-bottom:8px}.mate{min-width:132px;padding:12px;display:grid;gap:4px}.mate b{color:var(--lime)}.mate small{color:var(--faint)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stat-grid div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px}.stat-grid b{display:block;font-size:1.35rem;letter-spacing:-.04em}.stat-grid span{color:var(--faint);font-size:.78rem}.next-list{display:grid;gap:8px}.next-row{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px;align-items:center}.next-row time{color:var(--lime);font-weight:800}.empty,.error,.setup{padding:18px 16px;margin-top:12px}.empty p,.error p,.setup p{color:var(--muted);line-height:1.5}.steps{margin:12px 0;padding-left:18px;display:grid;gap:8px}.steps code,.fine code,.banner code{color:var(--lime)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:12px 16px;background:var(--lime);color:var(--ink);font-weight:800}.btn.wide{width:100%;margin-top:8px}.btn:disabled{opacity:.45}.back{margin:4px 0 8px;border:0;background:#ffffff0d;border-radius:999px;padding:8px 12px;color:var(--muted)}.skel-list{display:grid;gap:8px}.skel{height:74px;background:linear-gradient(90deg,#171c22,#232a33,#171c22);background-size:200% 100%;animation:shine 1.2s infinite}@keyframes shine{to{background-position:-200% 0}}.sheet-grab{width:42px;height:4px;border-radius:99px;background:#3a424c;margin:0 auto 12px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0000008f}.sheet{position:fixed;z-index:41;left:0;right:0;bottom:0;background:#1b2129;border-radius:22px 22px 0 0;padding:12px 16px calc(16px + env(safe-area-inset-bottom));max-height:86dvh;overflow:auto}.sheet h2{margin:0}.facts{display:grid;gap:8px;margin:14px 0}.facts div{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:750;text-align:right}.meter{height:8px;border-radius:99px;background:#2a313a;overflow:hidden;margin-top:14px}.meter i{display:block;height:100%;background:var(--lime)}.meter.warm i{background:var(--gold)}.meter.hot i{background:var(--live)}.side-foot{display:grid;gap:4px;color:var(--faint);font-size:.78rem;line-height:1.45}.side-link,.top-link{color:var(--muted);font-weight:700}.top-link{font-size:.86rem}.side-link.on,.top-link.on{color:var(--lime)}.admin-app{height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg)}.admin-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:#0c0f12eb}.admin-bar b{color:var(--lime);font-size:.95rem}.admin-tools{display:flex;align-items:center;gap:12px}.admin-out{border:0;background:none;color:var(--muted);font-weight:700}.admin-login{width:min(440px,100%);margin:18px auto;padding:8px 16px 18px}.admin-login .search-field{margin-top:4px}.admin-login .search-field span{display:block;margin-bottom:6px;color:var(--muted);font-size:.86rem;font-weight:700}.admin-main{flex:1;min-height:0;overflow:auto;width:min(1080px,100%);margin:0 auto;padding:8px 14px 48px}.admin-tabs{position:sticky;top:0;z-index:2;margin:4px -14px 2px;padding:8px 14px 6px;background:var(--bg)}.admin-tabs .tabs{margin:0}.pad-card{padding:14px}.bar-list{display:grid;gap:8px}.bar-row{display:grid;grid-template-columns:minmax(4.5rem,7.4rem) minmax(0,1fr) auto;gap:8px;align-items:center;color:var(--muted);font-size:.84rem}.bar-row>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row b{color:var(--text);font-variant-numeric:tabular-nums}.bar-track{height:8px;border-radius:99px;background:#2a313a;overflow:hidden}.bar-track i{display:block;height:100%;background:var(--lime)}.hour-chart{display:flex;align-items:flex-end;gap:3px;height:84px}.hour-chart span{flex:1;display:flex;align-items:flex-end;height:100%}.hour-chart i{display:block;width:100%;background:var(--lime);border-radius:3px 3px 0 0}.hour-scale{display:flex;justify-content:space-between;margin-top:6px;color:var(--faint);font-size:.72rem}.news-list{display:grid;gap:10px}.news-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:12px;color:inherit;text-decoration:none}.news-card>img,.news-fallback,.news-card>.crest-pair{width:96px;height:72px;object-fit:cover;border-radius:12px;background:#1c232b}.news-fallback{display:block}.crest-pair{display:flex;align-items:center;justify-content:center;gap:3px;box-sizing:border-box}.news-card>.crest-pair .crest{width:26px;height:26px}.news-card>.crest-pair .crest.fallback{font-size:.58rem}.crest-score{color:#e7eef4;font-size:.68rem;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.crest-pair.hero{width:100%;min-height:168px;gap:12px;padding:18px 12px;border-radius:18px;background:#1c232b}.crest-pair.hero .crest-score{font-size:clamp(1.4rem,5vw,2rem)}.crest-side{display:grid;justify-items:center;gap:8px;flex:1;min-width:0}.crest-side span{max-width:100%;color:#e7eef4;font-size:.86rem;font-weight:750;line-height:1.25;text-align:center}.news-card h2{margin:2px 0 6px;color:#e7f6b8;font-size:1rem;font-weight:750;letter-spacing:0;line-height:1.45}.news-card p{margin:0;color:#8d99a5;font-size:.86rem;line-height:1.45}.news-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--faint);font-size:.75rem;font-weight:700}.news-meta .wait{color:var(--gold)}.news-meta .analysis{color:var(--lime)}.story{display:grid;gap:14px}.story-hero{width:100%;max-height:360px;object-fit:cover;border-radius:18px;background:#1c232b}.story h1{margin:0;font-size:clamp(1.45rem,5vw,2rem);letter-spacing:0;line-height:1.4}.story-body{margin:0;white-space:pre-wrap;line-height:1.7}.story-credit{color:var(--muted);font-size:.86rem}@media(min-width:720px){.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(4,1fr)}.xi-grid,.hl-grid{grid-template-columns:1fr 1fr}}@media(min-width:960px){.app{display:grid;grid-template-columns:240px minmax(0,1fr);height:100vh;height:100dvh}.side{display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100dvh;padding:22px 16px;border-right:1px solid var(--line);background:#080a0cb8}.side-nav{display:grid;gap:4px}.side-nav .tab{flex-direction:row;justify-content:flex-start;gap:10px;padding:12px;font-size:1rem}.side-nav .tab span{font-size:.98rem}.side-nav .badge{position:static;margin-left:auto}.side-foot{margin-top:auto}.brand-inline,.topbar,.tabbar{display:none}.content{padding:12px 28px 48px}.stand-cards{display:none}.stand-table{display:block;background:var(--card);border:1px solid var(--line);border-radius:18px}.sheet{left:50%;right:auto;top:12vh;bottom:auto;width:min(460px,calc(100% - 32px));transform:translate(-50%);border-radius:22px}}@media(prefers-reduced-motion:reduce){.dot,.skel{animation:none}.m-card:active{transform:none}}