:root{--bg:#f4f6f3;--card:#fff;--ink:#0f1a14;--mut:#5d6b63;--line:#e3e8e4;--soft:#f6faf7;--turf:#0b7a45;--link:#0b6b3a;--gold:#f5b301;--y:#f2c200;--r:#e5484d;--dark:#0a1f14}
[data-theme=dark]{--bg:#0b120e;--card:#121c16;--ink:#e8efe9;--mut:#9aaba1;--line:#22302a;--soft:#17231c;--turf:#34c77b;--link:#5fd897}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:110px}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font:15px/1.55 'Noto Sans Thai',system-ui,-apple-system,'Segoe UI',sans-serif}
a{color:inherit;text-decoration:none}a:hover{color:var(--link)}
img{display:block}.ph{display:block;border-radius:50%;background:rgba(127,127,127,.18)}
button{font:inherit;color:inherit}
small{font-size:.82em;color:var(--mut)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:100%;max-width:1232px;margin:0 auto;padding:0 16px}
.muted{color:var(--mut);font-size:13.5px;margin:10px 0 0}.small{font-size:12.5px}
/* site header */
.top{background:var(--dark);color:#fff;position:sticky;top:0;z-index:30}
.top .wrap{display:flex;align-items:center;gap:24px;height:56px}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:19px;color:#fff;flex:none}.brand:hover{color:#fff}
.menu{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}.menu::-webkit-scrollbar{display:none}
.menu a{color:rgba(255,255,255,.85);padding:6px 10px;border-radius:8px;white-space:nowrap;font-size:14.5px}.menu a:hover{background:rgba(255,255,255,.1);color:#fff}
.find input{width:240px;height:38px;border-radius:10px;border:0;background:rgba(255,255,255,.1);color:#fff;padding:0 14px;font:inherit;font-size:14px}.find input::placeholder{color:rgba(255,255,255,.6)}
/* hero */
.hx{position:relative;overflow:hidden;color:#fff;text-align:center;background:radial-gradient(ellipse 50% 100% at 8% 45%,color-mix(in srgb,var(--ch) 58%,transparent),transparent 70%),radial-gradient(ellipse 50% 100% at 92% 45%,color-mix(in srgb,var(--ca) 52%,transparent),transparent 70%),linear-gradient(180deg,#0e2c1c 0%,#071710 100%)}
.hx .wm{position:absolute;top:50%;width:min(40vw,420px);aspect-ratio:1;background:center/contain no-repeat;opacity:.07;transform:translateY(-50%);pointer-events:none}
.hx .wm.l{left:-4%}.hx .wm.r{right:-4%}
.hx .in{position:relative;max-width:1040px;margin:0 auto;padding:22px 16px 30px}
.hx a{color:#fff}.hx a:hover{color:#ffe08a}
.crumb{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:6px 16px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:13px;color:rgba(255,255,255,.8);white-space:nowrap;overflow:hidden}
.crumb a,.crumb span{color:rgba(255,255,255,.8)}.crumb b{color:#fff;font-weight:600;overflow:hidden;text-overflow:ellipsis}
.lg{margin:16px 0 0;font-size:16px;font-weight:600}.lg span{font-weight:400;color:rgba(255,255,255,.72)}
.row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:start;margin-top:20px}
.tm a,.tm>span:first-child{display:flex;flex-direction:column;align-items:center;gap:10px}
.cr{width:116px;height:116px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.cr img,.cr .ph{width:80px;height:80px;object-fit:contain}
.tm.h .cr{box-shadow:0 0 0 4px var(--ch),0 10px 26px rgba(0,0,0,.35)}.tm.a .cr{box-shadow:0 0 0 4px var(--ca),0 10px 26px rgba(0,0,0,.35)}
.tn{font-size:26px;font-weight:700;line-height:1.25}
.tg{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:12.5px;color:rgba(255,255,255,.72)}
.tg em{font-style:normal;color:#fff;padding:1px 10px;border-radius:999px;background:rgba(255,255,255,.13)}
.score{margin-top:10px;min-width:220px;padding:16px 20px 14px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 30px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;gap:10px}
.score .n{font-size:60px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:1px}.score .n i{font-style:normal;opacity:.55;margin:0 10px}
.score .st{padding:3px 14px;border-radius:999px;background:var(--gold);color:#1b1400;font-size:13px;font-weight:700}
.score small{color:rgba(255,255,255,.75);font-size:13px}
.hl{list-style:none;margin:22px auto 0;padding:0;max-width:560px;display:grid;gap:7px;font-size:15px}
.hl li{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);align-items:center;gap:10px}
.hl .m{grid-column:2;grid-row:1;padding:2px 0;border-radius:999px;background:rgba(255,255,255,.12);font-size:13px;font-variant-numeric:tabular-nums}
.hl .x{grid-row:1;min-width:0}.hl li.h .x{grid-column:1;text-align:right}.hl li.a .x{grid-column:3;text-align:left}
.hl b{color:#f5c84b}.hl small{color:rgba(255,255,255,.65)}
.vd{display:inline-block;margin:20px auto 0;max-width:720px;padding:8px 18px;border-radius:999px;border:1px solid rgba(245,179,1,.6);background:rgba(245,179,1,.12);font-size:15px;font-weight:600;line-height:1.45}
.meta{margin:12px 0 0;font-size:13px;color:rgba(255,255,255,.7)}
.acts{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:22px}
.voice,.sh{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 24px;border-radius:999px;font-size:15.5px;font-weight:600;cursor:pointer}
.voice{background:#16a34a;color:#fff;border:0;box-shadow:0 6px 18px rgba(0,0,0,.28)}.voice:hover{background:#15913f}.voice small{color:rgba(255,255,255,.8);font-weight:500}
.voice .pl{width:24px;height:24px;border-radius:50%;background:#fff;position:relative;flex:none}
.voice .pl:after{content:"";position:absolute;left:9px;top:7px;border-left:8px solid #16a34a;border-top:5px solid transparent;border-bottom:5px solid transparent}
.voice.on .pl:after{left:8px;top:7px;width:2px;height:10px;border:0;border-left:3px solid #16a34a;border-right:3px solid #16a34a;box-sizing:content-box}
.voice.ld .pl{animation:sbsp 1s linear infinite;background:conic-gradient(#fff 0 70%,transparent 70%)}.voice.ld .pl:after{display:none}
@keyframes sbsp{to{transform:rotate(360deg)}}
.sh{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff}.sh:hover{background:rgba(255,255,255,.18)}
/* tabs */
.tabs{position:sticky;top:56px;z-index:20;background:var(--card);border-bottom:1px solid var(--line)}
.tabs .in{display:flex;justify-content:center;gap:6px;padding:10px 12px;overflow-x:auto;scrollbar-width:none}.tabs .in::-webkit-scrollbar{display:none}
.tabs a{padding:9px 22px;border-radius:999px;color:#3b4a42;font-size:15px;white-space:nowrap}.tabs a:hover{background:var(--soft);color:var(--ink)}
.tabs a[aria-selected=true]{background:#e9f5ee;color:var(--link);font-weight:600}
[data-theme=dark] .tabs a{color:var(--mut)}[data-theme=dark] .tabs a[aria-selected=true]{background:#173324;color:var(--turf)}
main.wrap{margin-top:24px;margin-bottom:40px}
.pn[hidden]{display:none}
.g2{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.g2e{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;margin-top:24px}.pn>.g2e:first-child{margin-top:0}
.col{display:flex;flex-direction:column;gap:20px;min-width:0}
.one{max-width:860px;margin:0 auto}
/* cards */
.cd{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 24px;min-width:0}
.cdh{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;flex-wrap:wrap;margin-bottom:14px}
.cd h2{margin:0;font-size:19px;line-height:1.3;display:flex;align-items:center;gap:10px}
.cd h2:before{content:"";width:4px;height:19px;border-radius:2px;background:var(--turf);flex:none}
aside .cd{padding:20px}aside .cd h2{font-size:17px}
.more{font-size:14px;color:var(--link)}.cd>.more{display:inline-block;margin-top:14px}
.chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.chips span{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;line-height:1.3;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--soft);white-space:nowrap}
.chips svg{width:14px;height:14px;color:var(--link);flex:none}
.rd ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rd li{position:relative;padding-left:20px;font-size:16px;line-height:1.55}
.rd li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--turf)}
/* events */
.evh{display:flex;justify-content:space-between;font-size:13px;color:var(--mut);font-weight:600;padding:0 2px 8px;border-bottom:1px solid var(--line)}
.ev{list-style:none;margin:0;padding:8px 0 0;position:relative}
.ev:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--line);transform:translateX(-1px)}
.ev li{display:grid;grid-template-columns:1fr 60px 1fr;gap:0 12px;align-items:center;padding:5px 0;position:relative}
.ev .m{grid-column:2;grid-row:1;justify-self:stretch;text-align:center;font-size:13px;font-weight:600;background:#f1f4f2;border-radius:999px;padding:2px 4px;font-variant-numeric:tabular-nums}
[data-theme=dark] .ev .m{background:var(--soft)}
.ev .x{display:flex;align-items:flex-start;gap:8px;font-size:15px;line-height:1.4;grid-row:1;min-width:0}
.ev .x>span{display:flex;flex-direction:column;min-width:0}
.ev li.h .x{grid-column:1;flex-direction:row-reverse;text-align:right}.ev li.a .x{grid-column:3}
.ev li.goal .m{background:var(--gold);color:#1b1400;font-weight:700}.ev li.red .m{background:#fde4e4;color:#9b1c1c}
.ev .in{color:var(--turf)}.ev .out{color:var(--mut);font-size:13px}
.ev .brk{display:block;text-align:center;padding:8px 0}.ev .brk span{position:relative;font-size:13px;color:var(--mut);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px 14px}
.ic{display:inline-block;width:14px;height:14px;flex:none;vertical-align:-2px;margin-top:3px}
.ic.g,.ic.og{border-radius:50%;background:radial-gradient(circle,#111 0 2.4px,transparent 2.6px),#fff;border:2px solid #111}.ic.og{border-color:var(--r)}
.hx .ic.g,.hx .ic.og{margin-top:0;border-color:#fff;background:radial-gradient(circle,#fff 0 2.4px,transparent 2.6px)}
.ic.mp{border-radius:50%;border:2px dashed var(--mut)}
.ic.y,.ic.r{width:10px;border-radius:2px;background:var(--y)}.ic.r{background:var(--r)}
.ic.var{width:auto;height:auto;font-style:normal;font-size:10px;font-weight:700}.ic.var:before{content:"VAR";border:1px solid currentColor;border-radius:3px;padding:0 2px}
.ic.in,.ic.out{width:0;height:0;border:5px solid transparent;margin:0 3px}.ic.in{border-bottom:7px solid var(--turf);vertical-align:2px}.ic.out{border-top:7px solid var(--r);vertical-align:-3px}
details.subs{margin-top:12px;padding-top:6px;border-top:1px solid var(--line)}
summary{cursor:pointer;font-size:14px;color:var(--link);padding:4px 0}
/* best player */
.mvp{display:flex;align-items:center;gap:14px;width:100%;border:0;background:none;padding:0;text-align:left;cursor:pointer}
.mvp img,.mvp .ph{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#e9eeeb;flex:none}
.mvp>span{flex:1;min-width:0;display:flex;flex-direction:column}.mvp>span b{font-size:18px}
.rt{font-weight:700;border-radius:8px;padding:3px 9px;font-variant-numeric:tabular-nums;background:#64748b;color:#fff;font-size:14px}
.rt.a{background:var(--gold);color:#1b1400}.rt.b{background:#16a34a}.rt.c{background:#65a30d}.rt.d{background:#94a3b8}
.mvp .rt{font-size:16px}
.tp3{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;gap:6px}
.pp{border:0;background:none;padding:0;cursor:pointer;text-align:left}
.tp3 .pp{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:14.5px;padding:3px 0}.tp3 .pp:hover span{color:var(--link)}
.tp3 .rt{font-size:13px;padding:1px 8px}
/* stats */
.stats{list-style:none;margin:0;padding:0;display:grid;gap:16px}.stats.sm{gap:12px}
.sl{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:15px}.sl span{color:var(--mut);text-align:center}.sl b{font-weight:700;min-width:42px;font-variant-numeric:tabular-nums}.sl b:last-child{text-align:right}
.stats.sm .sl{font-size:14px}
.bar{display:flex;gap:4px;height:8px;margin-top:6px}.bar i{display:block;height:100%;border-radius:4px;background:var(--ch)}.bar i+i{background:var(--ca)}
.stats.sm .bar{height:7px;gap:3px;margin-top:5px}
.lgd{display:flex;gap:16px;font-size:14px}.lgd span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;background:var(--ch)}.lgd .a:before{background:var(--ca)}
/* next */
.nx{list-style:none;margin:0;padding:0}
.nx a{display:flex;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.nx li:last-child a{border-bottom:0}
.nx span{display:flex;flex-direction:column;font-size:14.5px;line-height:1.4}
/* line-up pitch: across on wide screens, upright on phones */
.fm{font-size:14px;color:var(--mut)}
.pt2{position:relative;width:100%;aspect-ratio:2/1;border-radius:14px;overflow:hidden;background:repeating-linear-gradient(90deg,#2f8a4e 0 8%,#2b8148 8% 16%)}
.pt2>i{position:absolute;pointer-events:none;border:2px solid rgba(255,255,255,.55)}
.pt2 .ln{left:50%;top:0;bottom:0;border-width:0 0 0 2px}
.pt2 .cc{left:50%;top:50%;width:16%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%)}
.pt2 .bx{top:22%;bottom:22%;width:15%}.pt2 .bx.l{left:-2px}.pt2 .bx.r{right:-2px}
.pd{position:absolute;left:var(--x);top:var(--y);z-index:1;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:86px;color:#fff;font-size:12px;line-height:1.2;text-align:center}
.pd:hover{color:#ffe08a}.pd>a,.pd>.sb-nolink{display:contents;color:inherit}.pd[data-pid]{cursor:pointer}
.pd b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--ch);color:var(--chx);border:2px solid rgba(255,255,255,.95);box-shadow:0 2px 5px rgba(0,0,0,.35)}
.pd.a b{background:var(--ca);color:var(--cax)}
.pd.sc b{box-shadow:0 0 0 3px var(--gold),0 2px 5px rgba(0,0,0,.35)}.pd.rc b{box-shadow:0 0 0 3px var(--r),0 2px 5px rgba(0,0,0,.35)}
.pd .nm{margin-top:4px;max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.9);font-weight:500}
.pd em{position:absolute;top:-8px;left:50%;margin-left:10px;font-style:normal;font-size:10.5px;font-weight:700;border-radius:5px;padding:0 4px;line-height:1.45;background:#fff;color:#14532d}
.pd em.a{background:var(--gold);color:#1b1400}.pd em.b{background:#16a34a;color:#fff}.pd em.c{background:#65a30d;color:#fff}.pd em.d{background:#e2e8f0;color:#334155}
.pd .gm{position:absolute;top:-6px;right:50%;margin-right:12px;display:flex;gap:1px}.pd .gm .ic{width:12px;height:12px;margin:0;border-width:1.5px}
.pd .om{position:absolute;top:22px;left:50%;margin-left:13px;width:0;height:0;border:5px solid transparent;border-top:7px solid #ff6b6b}
.used{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.used li{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14.5px}
.used .mn{font-style:normal;font-variant-numeric:tabular-nums;color:var(--mut);display:inline-block;min-width:34px}
.used .pp{font-weight:700}.used .pp:hover{color:var(--link)}.used .rt{font-size:13px;padding:1px 8px}
.bn.h h2:before{background:var(--ch)}.bn.a h2:before{background:var(--ca)}
/* table + h2h */
.tb{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
.tb th{font-size:13px;color:var(--mut);font-weight:500;text-align:right;padding:6px 4px;border-bottom:1px solid var(--line)}.tb th:first-child{text-align:left}
.tb td{text-align:right;padding:9px 4px;border-bottom:1px solid #eef1ef}.tb td:first-child{text-align:left;width:34px}
[data-theme=dark] .tb td{border-color:var(--line)}
.tb .t{text-align:left;width:100%}.tb .tw{display:flex;align-items:center;gap:8px;min-width:0}.tb .tw span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.tb tr.me td{font-weight:700;background:color-mix(in srgb,var(--ch) 10%,transparent)}.tb tr.me.a td{background:color-mix(in srgb,var(--ca) 10%,transparent)}
.tb tr.gap td{color:var(--mut);padding:0;border:0;line-height:1;text-align:center}
.frs{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.frs h3{margin:0 0 10px;font-size:15px}
.fr{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 0;font-size:14px}.fr>span:first-child{display:flex;align-items:center;gap:8px;min-width:0}
.fc{display:flex;gap:4px}.fc i{font-style:normal;font-size:11.5px;font-weight:700;width:38px;text-align:center;border-radius:6px;padding:2px 0;color:#fff;background:#16a34a}.fc i.fD{background:#94a3b8}.fc i.fL{background:var(--r)}
.wdl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:center;font-size:13px;color:#3b4a42}
.wdl span{padding:14px 6px;border-radius:12px;background:#f1f4f2;line-height:1.35}.wdl b{display:block;font-size:30px;line-height:1.1;color:var(--ink)}
.wdl .h{background:color-mix(in srgb,var(--ch) 10%,var(--card))}.wdl .h b{color:var(--ch)}.wdl .a{background:color-mix(in srgb,var(--ca) 10%,var(--card))}.wdl .a b{color:var(--ca)}
[data-theme=dark] .wdl span{background:var(--soft);color:var(--mut)}
.h2h{list-style:none;margin:16px 0 0;padding:0}
.h2h a{display:grid;grid-template-columns:90px minmax(0,1fr) 56px minmax(0,1fr);gap:8px;align-items:center;padding:10px 0;border-top:1px solid #eef1ef;font-size:15px}
[data-theme=dark] .h2h a{border-color:var(--line)}
.h2h .d{color:var(--mut);font-size:13px}.h2h .hn{text-align:right}.h2h b{text-align:center;font-variant-numeric:tabular-nums}
/* simulation (plugin sim.js) */
.mx-sim{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:auto auto auto auto 1fr auto;grid-template-areas:"hd hd" "bd sd" "pt sd" "ct sd" ". sd" "cr cr";gap:0 20px;align-items:start}
.mx-sim>.cdh{grid-area:hd}.mx-sim>.sim-board{grid-area:bd}.mx-sim>.sim-pitch{grid-area:pt}.mx-sim>.sim-ctrl{grid-area:ct}.mx-sim>.sim-side{grid-area:sd;min-width:0}.mx-sim>.fv-credit{grid-area:cr}
.mx-sim .sim-data{display:none}
.sim-board{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:10px;font-weight:700;font-size:14px}
.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:safe flex-end}
.sim-board img{width:24px;height:24px;object-fit:contain}
.sim-board .sc{font-size:22px;font-weight:800;background:var(--dark);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-style:normal;font-size:14px;background:#f1f4f2;border-radius:8px;padding:3px 10px;min-width:52px;text-align:center}
[data-theme=dark] .sim-board .clk{background:var(--soft)}
.sim-pitch{position:relative;aspect-ratio:105/68;border-radius:14px;overflow:hidden;background:#2b8048}
.sim-pitch canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:pointer;outline:none}
.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-size:15px}
.sim-pop.goal{background:linear-gradient(135deg,#f5a400,#ffd36b);color:#2a1d00;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}
.sim-ctrl{display:flex;align-items:center;gap:10px;margin:22px 0 4px}
.sim-ctrl .play{width:46px;height:46px;border-radius:50%;border:0;background:#16a34a;color:#fff;font-size:16px;cursor:pointer;flex:none}
.sim-min{flex:none;padding:5px 12px;border-radius:999px;background:#e9f5ee;color:var(--link);font-size:14px;font-variant-numeric:tabular-nums;min-width:54px;text-align:center}
[data-theme=dark] .sim-min{background:#173324;color:var(--turf)}
.sim-ctrl input[type=range]{flex:1;min-width:0;accent-color:#16a34a}
.sim-track{position:relative;flex:1;min-width:0;display:flex;align-items:center}.sim-track input{width:100%;margin:0}
.sim-ctrl select{height:38px;border:1px solid var(--line);border-radius:10px;padding:0 8px;background:var(--card);color:var(--ink);font:inherit;font-size:14px}
.sim-names{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--mut);white-space:nowrap}
.sim-ctrl .fs,.sim-ctrl .share{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:17px;cursor:pointer;flex:none;display:grid;place-items:center;padding: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:var(--y)}.sim-marks .mk.red{background:var(--r)}
.sim-marks .mk.sub{width:7px;height:7px;top:4px;border-radius:50%;background:#22c55e}
.sim-marks .ht{position:absolute;top:2px;width:2px;height:12px;background:#94a3b8;opacity:.6;transform:translateX(-50%)}
.sim-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px;font-size:13px}
.sim-stats .row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--soft);position:relative;overflow:hidden}
.sim-stats .row em{font-style:normal;text-align:center;color:var(--mut);font-size:12px}
.sim-stats .row span{font-weight:800;font-variant-numeric:tabular-nums;display:inline-block}
.sim-stats .poss i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--ch) var(--p),var(--ca) var(--p))}
.sim-log{list-style:none;margin:0;padding:0;max-height:400px;overflow:auto;display:grid;gap:6px;align-content:start;font-size:14px}
.sim-log li{padding:8px 10px;border-radius:10px;background:var(--soft)}
.sim-log li.goal{background:#fff8e1;border:2px solid #f5c84b;font-weight:600}[data-theme=dark] .sim-log li.goal{background:#2b2410}
.sim-log li.h{border-left:3px solid var(--ch)}.sim-log li.a{border-left:3px solid var(--ca)}
.fv-credit{margin:14px 0 0;font-size:13px;color:var(--mut)}
.mx-sim:fullscreen{background:var(--card);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}
/* player card */
.mx-pcard{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px;background:rgba(5,12,8,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s}
.mx-pcard[hidden]{display:none!important}.mx-pcard:not(.on){pointer-events:none}.mx-pcard.on{opacity:1}
.mx-pcard .in{position:relative;width:min(380px,100%);max-height:88vh;overflow:auto;padding:18px;border-radius:20px;background:var(--card);color:var(--ink);box-shadow:0 30px 60px -20px rgba(0,0,0,.5);border-top:5px solid var(--ch);transform:translateY(14px) scale(.98);transition:transform .2s}
.mx-pcard .in.a{border-top-color:var(--ca)}.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(--soft);color:var(--ink);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(--soft);border:3px solid var(--soft)}
.mx-pcard .hd>div{display:grid;gap:2px;min-width:0}.mx-pcard .hd b{font-size:18px;line-height:1.25}.mx-pcard .hd small{font-size:13px}
.mx-pcard .rt{display:grid;justify-items:center;font-size:20px;padding:6px 10px;border-radius:12px;min-width:64px}.mx-pcard .rt small{font-size:11px;font-weight:700;color:inherit;opacity:.9}
.mx-pcard .cards{display:flex;gap:4px;margin-top:2px}.mx-pcard .cards i{width:10px;height:14px;border-radius:2px;background:var(--y)}.mx-pcard .cards i.r{background:var(--r)}
.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(--soft);font-size:13.5px}
.mx-pcard dt{color:var(--mut)}.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(--soft);color:var(--mut);text-align:center}
.mx-pcard .go{display:block;text-align:center;padding:11px;border-radius:12px;background:var(--turf);color:#fff;font-weight:700}
/* footer */
.foot{margin-top:auto;background:var(--dark);color:rgba(255,255,255,.7);font-size:13px;padding:22px 0}
.foot .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px}.foot a{color:rgba(255,255,255,.85)}
/* narrower screens */
@media (max-width:1000px){.g2,.g2e{grid-template-columns:minmax(0,1fr)}.find{display:none}.mx-sim{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"hd" "bd" "pt" "ct" "sd" "cr"}.sim-stats{margin-top:10px}.sim-log{max-height:320px}}
@media (max-width:640px){
html{scroll-padding-top:100px}
.wrap{padding:0 12px}.top .wrap{gap:12px}.brand span{display:none}
.hx .in{padding:14px 12px 22px}.hx .wm{width:72vw;opacity:.06}.hx .wm.l{left:-24%}.hx .wm.r{right:-24%}
.crumb{font-size:11.5px;padding:5px 12px}
.lg{font-size:13.5px;margin-top:12px}
.row{gap:8px;margin-top:14px}
.cr{width:72px;height:72px}.cr img,.cr .ph{width:50px;height:50px}
.tn{font-size:16px}.tg{font-size:11px;gap:5px;flex-wrap:wrap}.tg em{padding:0 7px}
.score{min-width:0;padding:10px 12px;margin-top:4px;border-radius:14px;gap:7px}.score .n{font-size:38px}.score .n i{margin:0 5px}.score .st{font-size:11.5px;padding:2px 10px}.score small{font-size:11.5px}
.hl{font-size:13px;gap:5px;margin-top:16px}.hl li{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:7px}.hl .m{font-size:11.5px}
.vd{font-size:13.5px;border-radius:14px;padding:7px 14px;margin-top:16px}
.acts{gap:8px;margin-top:16px}.voice,.sh{height:44px;padding:0 18px;font-size:14.5px}
.tabs .in{justify-content:flex-start;gap:2px;padding:8px 8px}.tabs a{padding:8px 14px;font-size:14.5px}
main.wrap{margin-top:14px}.col,.g2,.g2e{gap:14px}.g2e{margin-top:14px}
.cd{padding:16px 14px;border-radius:14px}aside .cd{padding:16px 14px}.cd h2{font-size:17px}
.chips{justify-content:flex-start}.chips span{font-size:12px;padding:3px 9px}
.rd li{font-size:15px}
.ev li{grid-template-columns:1fr 50px 1fr;gap:0 8px}.ev .x{font-size:14px}.ev .m{font-size:12px}
.sl{font-size:14px}
.pt2{aspect-ratio:68/108;background:repeating-linear-gradient(0deg,#2f8a4e 0 8%,#2b8148 8% 16%)}
.pt2 .ln{left:0;right:0;top:50%;bottom:auto;border-width:2px 0 0}
.pt2 .cc{width:26%}
.pt2 .bx{left:22%;right:22%;width:auto;height:14%;top:auto;bottom:auto}.pt2 .bx.l{bottom:-2px;left:22%}.pt2 .bx.r{top:-2px;right:22%}
.pd{left:var(--y);top:calc(100% - var(--x));width:62px;font-size:10.5px}.pd .nm{max-width:62px}
.pd b{width:28px;height:28px;font-size:11.5px}.pd em{font-size:9.5px;margin-left:7px;top:-8px}.pd .gm{margin-right:9px}.pd .om{top:16px;margin-left:10px}
.tb{font-size:14px}.tb .tw span{max-width:150px}
.h2h a{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);font-size:14px}.h2h .d{grid-column:1/-1;text-align:center;font-size:12px}
.wdl b{font-size:24px}.wdl{font-size:12px;gap:6px}
.fc i{width:32px;font-size:10.5px}
.sim-ctrl{flex-wrap:wrap;row-gap:10px;gap:8px;margin-top:26px}.sim-track{order:-1;flex:1 1 100%}.sim-ctrl .play{width:40px;height:40px}.sim-names,.sim-board .clk{display:none}.sim-ctrl select{margin-right:auto}
.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}.sim-board .t{font-size:12.5px}.sim-board .sc{font-size:19px}
.mx-pcard{place-items:end center;padding:0}.mx-pcard .in{width:100%;border-radius:20px 20px 0 0;max-height:85vh}
}
/* pre-match page */
.score.ko{gap:8px}.score.ko .n{font-size:54px}
.kc{display:flex;gap:6px;margin-top:4px}.kc span{width:54px;padding:6px 0;border-radius:10px;background:rgba(0,0,0,.28);display:flex;flex-direction:column;align-items:center}.kc span[hidden]{display:none}.kc b{font-size:20px;line-height:1.1;font-variant-numeric:tabular-nums}.kc i{font-style:normal;font-size:11px;color:rgba(255,255,255,.7)}
.f5{display:flex;justify-content:center;gap:4px;margin-top:8px}
.f5 i,.fl i{font-style:normal;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font-size:11px;font-weight:700;color:#fff;background:#16a34a}
.f5 i.fD,.fl i.fD{background:#94a3b8}.f5 i.fL,.fl i.fL{background:var(--r)}
.voice.cal:hover{color:#fff}
.sub{margin:-6px 0 14px}
.bar.z i{background:var(--line)!important}
.ha{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;font-size:14px}.ha div{padding:12px 14px;border-radius:12px;display:flex;flex-direction:column}.ha .h{background:color-mix(in srgb,var(--ch) 9%,var(--card))}.ha .a{background:color-mix(in srgb,var(--ca) 9%,var(--card))}.ha span{color:var(--mut)}
.fls{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fl h3{margin:0;padding-bottom:8px;font-size:15px;border-bottom:2px solid var(--ch)}.fl.a h3{border-color:var(--ca)}.fl ul{list-style:none;margin:0;padding:0}
.fl a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14.5px}.fl li:last-child a{border-bottom:0}.fl a>span:first-child{display:flex;flex-direction:column;min-width:0}.fl a>span:last-child{display:flex;align-items:center;gap:8px;flex:none}.fl i{width:auto;padding:0 8px;height:20px}
.inf{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14.5px}.inf li{display:flex;gap:10px}.inf span{color:var(--mut);width:70px;flex:none}.inf b{font-weight:600}
.wait{margin:0;padding:22px;border-radius:12px;background:var(--soft);font-size:15px;line-height:1.7;text-align:center}
.bench{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14.5px}.bench .no{display:inline-block;width:26px;color:var(--mut);font-variant-numeric:tabular-nums}
.pn>.one+.one{margin-top:24px}
@media (max-width:640px){.score.ko .n{font-size:34px}.kc{gap:3px}.kc span{width:30px;padding:3px 0}.kc b{font-size:14px}.kc i{font-size:9px}.f5 i{width:18px;height:18px;font-size:10px}.fls,.ha{grid-template-columns:1fr}.fls{gap:14px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}