:root{color-scheme:dark;--bg:#05050f;--surface:#0c0b1d;--ink:#f3eeff;--muted:#9a96b8;--line:#1f1c3a;--accent:#8f77ee;--accent-soft:#1a1540;--live:#ff5a4d;--ucl:#5b9cf0;--uel:#eba04a;--conf:#45b8ac;--rel:#ff5a4d;--fd:"Kanit","Noto Sans Thai",system-ui,sans-serif;--fb:"Noto Sans Thai","Sarabun",system-ui,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(900px 520px at 50% 380px,rgba(124,92,230,.2),rgba(0,0,0,0) 70%) no-repeat,linear-gradient(180deg,#05050f 0%,#07071a 100%) fixed;background-color:#05050f;color:var(--ink);font:15px/1.6 var(--fb);padding:0 max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px))}
a{color:var(--accent)}
.wrap{max-width:1180px;margin:0 auto}
header.top{padding:18px 0 6px}
.brand{font:600 28px/1.1 var(--fd);text-decoration:none;color:var(--ink);letter-spacing:-.01em}
.brand span{color:var(--accent)}
.lg-nav{display:flex;gap:6px;overflow-x:auto;padding:10px 0;scrollbar-width:none;position:sticky;top:0;background:rgba(7,7,26,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:5}
.lg-nav::-webkit-scrollbar{display:none}
.lg-nav a{flex:none;font-weight:500;font-size:14px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none}
.lg-nav a[aria-current="page"]{background:linear-gradient(135deg,#5e44d6,#7a5ce6);border-color:#8f77ee;color:#fff}
h1{font:600 26px/1.25 var(--fd);margin:16px 0 4px;text-wrap:balance}
h2{font:600 19px/1.3 var(--fd);margin:28px 0 4px}
h3{font:500 15px/1.4 var(--fd);color:var(--muted);margin:20px 0 8px}
.sub,.lead{color:var(--muted);margin:0;max-width:70ch}
.crumb{font-size:13px;color:var(--muted);margin-top:14px}
.note{margin:18px 0 0;padding:10px 12px;border-radius:10px;background:var(--accent-soft);font-size:13px}
.empty{margin:30px 0;text-align:center;color:var(--muted)}

/* แถบวันที่ */
.datebar{display:flex;gap:6px;overflow-x:auto;margin-top:14px;scrollbar-width:none}
.datebar::-webkit-scrollbar{display:none}
.datebar a{flex:1 0 auto;text-align:center;font-size:13px;padding:6px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;white-space:nowrap}
.datebar a[aria-current="page"]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}
.datenav{display:flex;justify-content:space-between;margin-top:8px;font-size:13px}
.datenav a{text-decoration:none}

/* ตัวกรอง */
.tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
.tools input{flex:1 1 180px;min-width:0;font:inherit;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface);max-width:100%;overflow-x:auto}
.seg button{font:inherit;font-size:14px;padding:8px 12px;border:0;background:transparent;color:var(--muted);cursor:pointer;white-space:nowrap}
.seg button[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent);font-weight:600}
.seg button:focus-visible,.lg-nav a:focus-visible,.vb:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* รายการแมตช์ */
.lg{margin-top:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.lgh{display:flex;align-items:center;gap:8px;margin:0;padding:9px 14px;background:#000;color:#fff;font:600 14px/1.3 var(--fd)}
.lgh small{margin-left:auto;font:400 12px var(--fb);opacity:.85;text-align:right}
.fl{border-radius:2px;flex:none}
.mr{border-top:1px solid var(--line)}
.mr:first-of-type{border-top:0}
.mm .w{font-weight:600}
.mr.live .st{color:var(--live);font-weight:600}
.mr.live .sc b{color:var(--live)}
.mr.oth .st{color:var(--uel)}
.mr[hidden]{display:none}
.mr.has-vt .mm{cursor:pointer}
.mr.has-vt .st{color:var(--accent);font-weight:500}
.mr:not(.open) .vt{display:none}
.vt{display:flex;flex-direction:column;gap:6px;padding:0 14px 11px 62px;font-size:12px;color:var(--muted)}
.vg{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.vn{font-size:11px;opacity:.75}
.vr{margin-right:6px}
.vt .vl{margin-right:4px}
.vb{font:inherit;font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
.vb b{color:var(--accent);margin-left:2px}
.vb[aria-pressed="true"]{background:linear-gradient(135deg,#5e44d6,#7a5ce6);border-color:#8f77ee;color:#fff}
.vb[aria-pressed="true"] b{color:#fff}

/* ตารางคะแนน (หน้าลีก) */
.group{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:10px}
.group .t{font-size:12px;font-weight:600;color:var(--muted);padding:8px 14px;border-bottom:1px solid var(--line);margin:0}
.group .m{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:11px 14px;min-height:48px}
.group .m+.m{border-top:1px solid var(--line)}
.group .m .h{text-align:right;min-width:0;overflow-wrap:anywhere}.group .m .a{min-width:0;overflow-wrap:anywhere}
.group .m .w{font-weight:600}
.s{font:600 20px var(--fd);min-width:76px;text-align:center;font-variant-numeric:tabular-nums;background:var(--bg);border-radius:8px;padding:2px 10px}
.s.ns{font:500 14px/1.25 var(--fb);color:var(--accent);padding:4px 8px}
.s.ns small{display:block;font-size:11px;color:var(--muted);font-weight:400}
.tw{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow-x:auto;margin-top:10px}
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
caption{text-align:left;padding:10px 14px 0;font-size:12px;color:var(--muted)}
th,td{padding:9px 8px;text-align:center;white-space:nowrap}
th{font-size:12px;font-weight:600;color:var(--muted);border-bottom:1px solid var(--line)}
td{border-top:1px solid var(--line);font-size:14px}
.tm{text-align:left;white-space:normal;min-width:120px}
td.p{font-weight:600;border-left:4px solid transparent;padding-left:10px}
td.p.ucl{border-left-color:var(--ucl)}td.p.uel{border-left-color:var(--uel)}td.p.conf{border-left-color:var(--conf)}td.p.rel{border-left-color:var(--rel)}
td.pts{font:600 16px var(--fd)}
.leg{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:12px;color:var(--muted)}
.leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
footer{margin-top:40px;border-top:1px solid var(--line);padding-top:14px;font-size:12px;color:var(--muted)}

@media (max-width:620px){
  .opt{display:none}
  .vt{padding:0 10px 10px}
  .group .m{padding:11px 10px;gap:6px}.s{min-width:64px}
}
@media (prefers-reduced-motion:no-preference){.seg button,.vb{transition:background .15s,color .15s}}

[hidden]{display:none!important}

.seg a.sgl{font-size:14px;padding:8px 14px;color:var(--muted);text-decoration:none;white-space:nowrap}
.seg a.sgl[aria-current="page"]{background:var(--accent-soft);color:var(--accent);font-weight:600}
.vm{font-size:12px;color:var(--accent)}
.vg .vb{font-variant-numeric:tabular-nums}
.fm{display:flex;gap:6px;margin:8px 0}
.fm b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font:600 13px var(--fd);color:#fff}
.fm .W{background:#1f9d55}.fm .D{background:#5d5a80}.fm .L{background:#d6453d}
.mp{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:14px}
.mp h2{margin:0 0 6px;font-size:17px}
.mp ul{margin:6px 0 0;padding-left:18px;color:var(--muted);font-size:14px}
.mp .big{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center}
.mp .big b{font:600 28px var(--fd)}
.mp .big span{font-size:16px;font-weight:600}

/* ตารางผลบอลแบบหนาแน่น */
.ch,.mm{display:grid;grid-template-columns:52px 28px 56px minmax(0,1.15fr) 66px 66px minmax(0,1.15fr) 58px 84px minmax(0,1.2fr) 88px;align-items:center;column-gap:8px}
.ch{padding:7px 14px;background:#000;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#efe9ff;font:600 12px var(--fd);text-align:center}
.mm{padding:9px 14px;min-height:50px}
.mm .t{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.mm .fg img{display:block;border-radius:2px}
.mm .lv{font-size:12px;color:var(--muted);text-align:center}
.mr.live .lv{color:var(--live);font-weight:600}
.mr.oth .lv{color:var(--uel)}
.mm .h{text-align:right;min-width:0;overflow-wrap:anywhere}
.mm .a{min-width:0;overflow-wrap:anywhere}
.mm .w{font-weight:600}
.mm .fav{color:#b6a6ff;text-decoration:underline;text-underline-offset:3px}
.mm .ln,.mm .ou{text-align:center;font:600 15px var(--fd);font-variant-numeric:tabular-nums}
.mm .ou{color:var(--ink)}
.mm .ht{text-align:center;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.sc{text-align:center}
.sc b{display:inline-block;font:600 18px var(--fd);font-variant-numeric:tabular-nums;color:var(--accent);min-width:64px}
.mr.fin .sc b{color:var(--ink)}
.mm .tp{font-size:13px;color:var(--ink)}
.mm .st{display:flex;gap:6px;justify-content:flex-end;align-items:center}
.mm .pl{font-style:normal;width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#5e44d6,#7a5ce6);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:600 15px var(--fd)}
.mm .ic{width:22px;height:22px;border-radius:6px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;font-size:12px}
@media (max-width:760px){
  .ch{display:none}
  .mm{grid-template-columns:42px minmax(0,1fr) 66px minmax(0,1fr);row-gap:2px;padding:10px}
  .mm .fg,.mm .ht,.mm .tp{display:none}
  .mm .t{grid-column:1;grid-row:1}
  .mm .h{grid-column:2;grid-row:1;text-align:right}
  .mm .sc{grid-column:3;grid-row:1}
  .mm .a{grid-column:4;grid-row:1}
  .mm .lv{grid-column:1;grid-row:2;font-size:11px}
  .mm .ln{grid-column:2;grid-row:2;font-size:13px}
  .mm .ou{grid-column:3;grid-row:2;font-size:13px}
  .mm .ou::before{content:'สูงต่ำ ';font:400 11px var(--fb);color:var(--muted)}
  .mm .ln::before{content:'ต่อ ';font:400 11px var(--fb);color:var(--muted)}
  .mm .st{grid-column:4;grid-row:2}
  .sc b{min-width:0;font-size:16px}
}

.mm .sr{background:none;border:0;padding:0;width:22px;height:22px;font-size:17px;line-height:22px;color:var(--muted);cursor:pointer}
.mm .sr[aria-pressed="true"]{color:#ffc933}
.mm .sr:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h2.fd{font:600 16px var(--fd);margin:22px 0 -6px;color:var(--ink)}

/* บัญชี / โมดัลล็อกอิน / ตารางเซียนรายเดือน */
header.top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.acct{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.acct .an b{color:var(--ink)}
.ab{font:inherit;font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;border:1px solid #8f77ee;background:linear-gradient(135deg,#5e44d6,#7a5ce6);color:#fff;cursor:pointer}
.ab.ghost{background:transparent;border-color:var(--line);color:var(--muted);font-weight:500}
.vb.lk{opacity:.45}
.zbm{position:fixed;inset:0;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}
.zbc{background:#0c0b1d;border:1px solid var(--line);border-radius:16px;max-width:420px;width:100%;padding:20px 20px 16px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.zbc h3{font:600 18px var(--fd);color:var(--ink);margin:0 0 8px}
.zbc p{margin:6px 0;color:var(--muted);font-size:14px}
.zbc .zbp{color:var(--ink);font-weight:600;font-size:16px;background:var(--accent-soft);border-radius:10px;padding:10px 12px}
.zbi{width:100%;font:inherit;font-size:16px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#05050f;color:var(--ink);margin-top:6px}
.zbe{color:#ff8a80!important;min-height:18px}
.zba{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.zb1,.zb2{font:inherit;font-size:14px;font-weight:600;padding:9px 16px;border-radius:10px;border:1px solid var(--line);cursor:pointer}
.zb1{background:linear-gradient(135deg,#5e44d6,#7a5ce6);border-color:#8f77ee;color:#fff}
.zb2{background:transparent;color:var(--muted)}
.zb1:disabled{opacity:.6}
.gbtn{display:flex;justify-content:center;margin:14px 0 4px;min-height:44px}
.zbt{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#1a1540;color:#fff;border:1px solid #8f77ee;border-radius:999px;padding:10px 18px;font-size:14px;z-index:60;max-width:90vw;text-align:center}
.zmo{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 6px;flex-wrap:wrap}
.zmo h2{margin:0}
.zmo .seg a.sgl{padding:8px 12px}
.sw{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:auto;margin-top:10px;max-height:78vh}
.sw table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}
.sw th,.sw td{padding:6px 5px;font-size:12px}
.sw thead th{position:sticky;top:0;background:#000;z-index:3;border-bottom:1px solid var(--line)}
.sw .c0,.sw .c1{position:sticky;background:#0c0b1d;z-index:2}
.sw thead .c0,.sw thead .c1{background:#000;z-index:4}
.sw .c0{left:0;min-width:34px;width:34px;text-align:center}
.sw .c1{left:34px;min-width:118px;max-width:150px;text-align:left;border-right:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:13px}
.sw .st{min-width:44px}
.sw .pt{font:600 15px var(--fd);color:var(--ink);min-width:50px}
.sw td{border-top:1px solid var(--line)}
.sw .dh{min-width:64px;color:var(--muted);font-weight:500}
.sw .dh.now{color:var(--accent);background:#14103a}
.sw .dh small{display:block;font-size:10px;opacity:.8}
.dc{min-width:64px;max-width:72px;line-height:1.25;font-size:12px;overflow:hidden}
.dc b{display:block;font-weight:600;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc i{display:block;font-style:normal;font-size:10px;opacity:.85}
.dc.no{color:#4a4770}
.dc.hid{color:var(--muted);background:#100e26}
.dc.pend{background:#2a2410;color:#ffd77a}
.dc.W{background:#0f3a24;color:#6ff2a1}
.dc.HW{background:#173a2a;color:#a6f0c6}
.dc.HL{background:#3a1a1c;color:#ffb0a8}
.dc.L{background:#3d1519;color:#ff8f8f}
.dc.P,.dc.V{background:#1c1b2e;color:#b7b3d6}
.sw .nowc{box-shadow:inset 1px 0 0 #3a2f86,inset -1px 0 0 #3a2f86}
.leg2{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12px;color:var(--muted)}
.leg2 span{display:inline-flex;align-items:center;gap:6px}
.leg2 i{width:12px;height:12px;border-radius:3px;display:inline-block}
.rk1 .c1{color:#ffd77a}
@media (max-width:620px){.acct .an{display:none}.sw .c1{min-width:96px}}
.sw tr.ph td{color:#4a4770}.sw tr.ph .c1{font-weight:500}

/* ตารางเซียนแบบชื่ออยู่ด้านบน วันเรียงลงล่าง */
.sw2{max-height:none;overflow-x:auto;overflow-y:visible}
.sw2 table{width:max-content;min-width:100%}
.sw2 thead th{position:sticky;top:0;background:#000;z-index:3;vertical-align:top;padding:8px 6px}
.sw2 th.sn{min-width:112px;max-width:132px;text-align:center;font-weight:500}
.sw2 th.sn .rn{display:block;font:600 11px var(--fd);color:var(--accent)}
.sw2 th.sn b{display:block;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sw2 th.sn small{display:block;font-size:10px;color:var(--muted);line-height:1.35;margin-top:2px;white-space:normal}
.sw2 th.sn.rk1 .rn,.sw2 th.sn.rk1 b{color:#ffd77a}
.sw2 th.sn.ph{opacity:.45}
.sw2 th.c1d{position:sticky;left:0;z-index:5;background:#000;min-width:52px;width:52px;text-align:center}
.sw2 tbody th.c1d{background:#0c0b1d;z-index:2;font-weight:500;border-top:1px solid var(--line);border-right:1px solid var(--line)}
.sw2 tbody th.c1d b{font-size:14px;color:var(--ink)}
.sw2 tbody th.c1d small{display:block;font-size:10px;color:var(--muted)}
.sw2 tr.today th.c1d{background:#14103a}
.sw2 tr.today td.no{background:#0f0d2c}
.sw2 .dc{min-width:112px;max-width:132px;padding:7px 6px;text-align:center}
.sw2 .dc b{font-size:12.5px}
.sw2 .dc i{font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* อวตาร / โปรไฟล์เซียน */
.avt{border-radius:50%;object-fit:cover;flex:none;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;background:#0c0b1d}
.avt0{color:#fff;font-weight:600;font-family:var(--fd)}
.acct a.an{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--muted)}
.acct a.an b{color:var(--ink)}
.acct a.an:hover b{color:var(--accent)}
.sw2 th.sn a.snl{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;margin:2px 0}
.sw2 th.sn a.snl:hover b{text-decoration:underline}
.pf{display:flex;gap:18px;align-items:center;margin:14px 0 6px}
.pf .avt{box-shadow:0 0 0 3px #1f1c3a}
.pf h1{margin:0}
.pf-act{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.pf-act label.ab{display:inline-block}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.tile span{display:block;font-size:12px;color:var(--muted)}
.tile b{display:block;font:600 22px var(--fd);margin-top:4px;color:var(--ink)}
.pos{color:#6ff2a1!important}.neg{color:#ff8f8f!important}
.spark{width:100%;height:120px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
@media (max-width:620px){.pf{flex-direction:column;align-items:flex-start}.acct a.an span{display:none}.acct .an{display:inline-flex}}

/* หน้ากฎหมาย / ติดต่อ */
.legal{max-width:78ch;margin-top:10px}
.legal h2{font-size:17px;margin:22px 0 6px}
.legal p,.legal li{color:var(--ink);opacity:.9;line-height:1.75}
.legal ul{padding-left:20px;margin:6px 0}
.legal li{margin:4px 0}
footer a{margin:0 2px}
/* content: บทวิเคราะห์ สรุปรายวัน ตารางคะแนน */
.art p,.dg p{line-height:1.8;margin:.5em 0}
.dg{margin:26px 0 8px;padding:14px 16px;background:var(--card,#16142f);border:1px solid rgba(255,255,255,.08);border-radius:12px}
.dg h2{margin:0 0 6px;font-size:1.1rem}.dg h3{font-size:1rem;margin:14px 0 4px}
.dg ul{margin:6px 0;padding-left:20px}
.rel{list-style:none;padding:0;margin:6px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:4px 16px}
.rel li{padding:3px 0;line-height:1.5}.rel small{opacity:.65;margin-left:4px}.rel.big{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.rel.big a{display:block;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:10px}
h3.fq{font-size:1rem;margin:12px 0 2px}
.tb table{width:100%;border-collapse:collapse;font-size:.92rem}.tb th,.tb td{padding:7px 8px;text-align:center;border-bottom:1px solid rgba(255,255,255,.07)}.tb .tn{text-align:left;white-space:nowrap}.tb caption{position:absolute;left:-9999px}.tb .fm{display:inline-flex;gap:2px}
@media(max-width:600px){.tb .fm5{display:none}.tb table{font-size:.85rem}.tb th,.tb td{padding:6px 4px}}
/* posts */
.pl{list-style:none;padding:0;margin:8px 0;display:grid;gap:12px}
.pc{padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:var(--card,#16142f)}
.pc a{font-size:1.02rem;line-height:1.5}.pc .sub{display:block;margin:2px 0}.pc p{margin:4px 0 0;opacity:.85;line-height:1.6}
.post{max-width:760px}.post h1{line-height:1.35}.post h2{margin:22px 0 4px;font-size:1.2rem}.post p{line-height:1.9;margin:.7em 0}
.src{margin-top:24px;padding:12px 14px;border:1px dashed rgba(255,255,255,.18);border-radius:10px}.src h2{font-size:1rem;margin:0 0 6px}.src ul{margin:0;padding-left:20px}
/* วิธีดูตาราง */
.mm .fav{color:#ff5a4d;font-weight:700;text-decoration:none}
.mm .pk{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.mm .tp.tw,.mm .tp.thw,.mm .tp.tp0,.mm .tp.thl,.mm .tp.tl,.mm .tp.tx{border-radius:6px;padding:2px 8px;font-weight:600;line-height:1.5}
.mm .tp.tw{background:#e8342a;color:#fff}.mm .tp.thw{background:#ec6a65;color:#fff}
.mm .tp.tp0{background:#5cc23f;color:#0d2a06}.mm .tp.thl{background:#a3a3ee;color:#13123a}
.mm .tp.tl{background:#5255b9;color:#fff}.mm .tp.tx{background:#6ff3f9;color:#06303a}
.hw{margin:22px 0 0;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;background:var(--card,#16142f)}
.hw h2{margin:0;padding:10px 14px;font-size:1rem;background:#c87542;color:#fff}
.hw table{width:100%;border-collapse:collapse;font-size:.92rem}.hw td{padding:8px 12px;border-top:1px solid rgba(255,255,255,.07);vertical-align:middle}
.hw td:first-child{width:34%;white-space:nowrap}.hw td:nth-child(2){width:46px;opacity:.7}
.hw .sw3{display:inline-block;width:110px;height:16px;border-radius:3px;vertical-align:middle}
.hw .rd{color:#ff5a4d;font-weight:700}.hw .ul{text-decoration:underline;text-underline-offset:3px}
.hw .nt{padding:8px 12px;font-size:.85rem;border-top:1px solid rgba(255,255,255,.07)}
@media(max-width:600px){.hw td:first-child{white-space:normal;width:40%}.hw .sw3{width:70px}}
/* ใบเหลือง/ใบแดง */
.cd{display:inline-block;min-width:13px;height:16px;line-height:16px;margin-left:4px;padding:0 3px;border-radius:2px;font:600 10px/16px var(--fd,inherit);text-align:center;font-style:normal;vertical-align:middle;color:#fff}
.cd.y{background:#e6b800;color:#2a2200}.cd.r{background:#e03a2f}
.lsw{margin-left:auto;position:relative;font-weight:600;font-size:13px;line-height:1.2}
.lsw summary{list-style:none;cursor:pointer;padding:7px 10px;border:1px solid var(--line,#d9d9d9);border-radius:8px;white-space:nowrap;max-width:46vw;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.lsw summary::-webkit-details-marker{display:none}
.lsw summary::after{content:" \25BE";opacity:.6}
.lsw-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:50;min-width:210px;background:var(--surface);border:1px solid var(--line,#d9d9d9);border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.15);padding:4px;display:flex;flex-direction:column}
.lsw-menu a{padding:9px 10px;border-radius:6px;text-decoration:none;color:var(--ink);white-space:nowrap}
.lsw-menu a:hover{background:rgba(127,127,127,.15)}
.lsw-menu a[aria-current]{background:rgba(127,127,127,.2)}
.lsw .fl{width:20px;height:13px;vertical-align:-2px;margin-right:6px;border-radius:2px;box-shadow:0 0 0 1px rgba(127,127,127,.35)}

.ltabs{display:flex;gap:6px;overflow-x:auto;margin:10px 0 14px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.ltabs a{flex:0 0 auto;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:inherit;text-decoration:none;font-size:14px;white-space:nowrap}.ltabs a.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}

.rcm{margin-top:6px;padding-top:8px;border-top:1px solid var(--line)}
.rcm .cmh2{font-size:13px;color:var(--ink);margin-bottom:6px}
.rcm .cmn{color:var(--muted);font-weight:400}
.rcm .cml{max-height:240px;overflow-y:auto;list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.rcm .cmf{margin:4px 0 6px}
.rcm .cmi{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.rcm .cmh{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);margin-bottom:2px}
.rcm .cmh b,.rcm .cmh a{color:var(--ink);font-weight:600;text-decoration:none}
.rcm .cmi p{margin:0;font-size:13px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}
.rcm .cma{text-align:right;margin-top:2px}.rcm .cma button{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;font-size:11px;text-decoration:underline}
.rcm textarea{width:100%;box-sizing:border-box;font:inherit;font-size:13px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);resize:vertical;min-height:52px}
.rcm .cmr{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.rcm .cmc,.rcm .cmw,.rcm .cme{font-size:11px;color:var(--muted);margin:4px 0 0}