/* Mango Football — ธีมดำ (docs/football-ui-mockup-v2.html ใน mango-football-api) · ใช้กับ football/layout.blade.php เท่านั้น */
:root{
  --page:#000; --bg:#050505; --card:#121212; --card2:#1b1b1b; --line:#262626;
  --text:#f5f5f5; --muted:#a3a3a3; --dim:#8a8a8a;
  --brand:#ff8a1f; --brand2:#ffb547; --pick:#22c55e; --pickbg:#123524;
  --red:#ff5d5d; --live:#ff3b5c; --amber:#f7b93e; --sky:#4cc3ff;
  --top:68px; --nav:72px; --safe-b:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--page);color:var(--text)}
body{font-family:Kanit,system-ui,sans-serif;font-size:15px;-webkit-tap-highlight-color:transparent;min-height:100vh}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input{font:inherit;color:inherit}
.num,.n{font-family:Inter,Kanit,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.neg{color:var(--red)!important}
[hidden]{display:none!important}

.fb-app{max-width:560px;margin:0 auto;min-height:100vh;background:#080908;position:relative;border-left:1px solid #111;border-right:1px solid #111}
.fb-top{position:fixed;top:0;left:0;right:0;z-index:40;height:var(--top);background:rgba(5,5,5,.94);backdrop-filter:blur(8px);border-bottom:1px solid #161616}
.fb-top-in{max-width:560px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:10px}
.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:18px;min-width:0}
.logo span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.logo .ball{flex:none;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;font-size:17px;color:#1a0f00;overflow:hidden}
.logo .ball img{width:100%;height:100%;object-fit:cover}
.bal{display:flex;align-items:center;gap:8px;flex:none}
.pill{min-height:40px;background:#101110;border:1px solid #353535;border-radius:999px;padding:5px 9px 5px 14px;font-size:14px;display:flex;align-items:center;gap:8px}
.pill b{font-family:Inter;font-weight:700}
.pill .plus{width:28px;height:28px;border-radius:50%;background:var(--brand);color:#1a0f00;display:grid;place-items:center;font-weight:800;font-size:17px}
.iconbtn{width:40px;height:40px;border-radius:50%;background:#0e0f0e;border:1px solid #343434;display:grid;place-items:center;font-size:22px;position:relative}
.iconbtn ion-icon{font-size:22px}
.guidebtn{color:var(--text);border-color:#343434}
.iconbtn .dotb{position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--live)}

.fb-main{padding:calc(var(--top) + 12px) 14px calc(var(--nav) + var(--safe-b) + 104px)}
.sec{display:flex;justify-content:space-between;align-items:center;margin:16px 2px 8px;font-size:14px;font-weight:600}
.sec a,.sec button{font-size:12px;color:var(--brand);font-weight:500}
.empty{color:var(--dim);text-align:center;padding:34px 10px;font-size:13px;line-height:1.7}
.err{background:#2a1212;border:1px solid #5b2020;color:#ffb4b4;border-radius:12px;padding:10px 12px;font-size:13px;margin:10px 0}
.skel{height:92px;border-radius:16px;background:linear-gradient(90deg,#111 0,#1a1a1a 50%,#111 100%);background-size:200% 100%;animation:sk 1.2s infinite;margin-bottom:8px}
@keyframes sk{to{background-position:-200% 0}}

/* room banner */
.roomban{display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(90deg,#11261a,#121212);border:1px solid #2b5a3b;border-radius:14px;padding:9px 12px;margin-bottom:10px;font-size:13px}
.roomban b{color:#bff5d3}
.roomban button{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:9px;padding:4px 9px}

/* home */
.dates{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.dates::-webkit-scrollbar{display:none}
.date{flex:1;min-width:88px;min-height:54px;text-align:center;border-radius:14px;padding:8px 10px;background:#101110;border:1px solid #292a29;font-size:12px;color:var(--muted)}
.date b{display:block;font-size:15px;color:var(--text)}
.date.on{background:var(--brand);border-color:var(--brand);color:#3a2000}
.date.on b{color:#1a0f00}
.leagues{display:flex;gap:8px;margin-top:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.leagues::-webkit-scrollbar{display:none}
.lg{white-space:nowrap;min-height:42px;border-radius:12px;padding:8px 14px;font-size:13px;background:#101110;border:1px solid #292a29;color:var(--muted);display:flex;align-items:center;gap:7px;flex:none}
.lg.on{color:var(--text);border-color:#4b4b4b;background:#181918}
.lg:first-child:before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid var(--brand);box-shadow:inset 0 0 0 3px #181918}
.lg img{width:19px;height:19px;object-fit:contain;border-radius:4px}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--live);margin-right:5px;box-shadow:0 0 0 3px #ff3b5c33;animation:pulse 1.6s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 6px #ff3b5c11}}
.livestrip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.livestrip::-webkit-scrollbar{display:none}
.lc{min-width:228px;flex:none;background:linear-gradient(160deg,#1f0d12,#121212 60%);border:1px solid #3a1d24;border-radius:16px;padding:10px 12px}
.lc .h{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.min{color:var(--live);font-family:Inter;font-weight:700}
.lc .t{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:6px;font-size:13px}
.lc .t span:first-child,.lc .t span:last-child{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc .t span:last-child{text-align:right}
.lc .s{font-family:Inter;font-weight:800;font-size:16px;flex:none}
.lc .o{display:flex;gap:6px;margin-top:8px}
.ob{flex:1;background:#0a0a0a;border:1px solid var(--line);border-radius:10px;padding:6px;font-size:10.5px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:4px;min-height:34px}
.ob b{font-family:Inter;font-weight:700;font-size:13px;color:var(--text)}
.ob.on,.odd.on,.selb.on{background:var(--pickbg);border-color:var(--pick)}
.ob.on b,.odd.on b,.selb.on b{color:#bff5d3}
.mybets{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#2a1a06,#1a1408);border:1px solid #5b3c10;border-radius:14px;padding:10px 12px;margin-top:10px;font-size:13px}
.mybets b{font-family:Inter;color:var(--brand2)}
.mybets .go{font-size:12px;color:var(--brand2)}

.league-group{margin:14px -14px 0;border-top:1px solid #252625;border-bottom:1px solid #1d1e1d;background:#0a0b0a}
.lgh{display:flex;align-items:center;gap:10px;min-height:66px;padding:10px 16px;background:#101110;border-bottom:1px solid #202120;color:var(--text)}
.lgh img,.lgh>ion-icon:first-child{width:38px;height:38px;object-fit:contain;border-radius:8px;color:var(--brand);font-size:32px}
.lgh span{display:flex;flex:1;min-width:0;flex-direction:column}
.lgh b{font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lgh small{font-size:12px;color:var(--muted)}
.league-toggle{font-size:19px;color:var(--muted)}
.home-match{padding:13px 16px 12px;border-bottom:1px solid #202120}
.home-match:last-child{border-bottom:0}
.home-match-meta{display:flex;align-items:center;gap:8px;min-height:24px;color:var(--muted);font-size:12px}
.home-match-meta>span:first-child{font:700 14px Inter,Kanit,sans-serif;color:#c4c7c4}
.home-match-meta>span:nth-child(2){margin-left:auto}
.home-match-meta ion-icon{font-size:16px;color:#bbb}
.home-match-grid{display:grid;grid-template-columns:minmax(132px,1.55fr) repeat(3,minmax(58px,.72fr));gap:7px;align-items:end;margin-top:8px}
.home-teams{display:grid;gap:8px;align-self:stretch}
.home-team{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:500}
.home-team .crest{width:28px;height:28px}
.home-team>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-market{display:flex;flex-direction:column;gap:5px;text-align:center}
.home-market>small{font-size:10.5px;color:var(--muted);white-space:nowrap}
.home-odd{display:grid;place-items:center;width:100%;height:50px;border:1px solid #343534;border-radius:10px;background:#171817}
.home-odd b{font:700 15px Inter,Kanit,sans-serif;color:var(--text)}
.home-odd.on{background:#0d4a20;border:2px solid #20dc4d;box-shadow:inset 0 0 18px #0da33133}
.home-odd.on b{color:#e4ffea}
.home-odd.off{opacity:.38}
.home-hdp{margin-top:10px;padding-top:9px;border-top:1px solid #242524}
.home-hdp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.home-hdp-head b{font-size:11.5px;color:#e6e8e6}
.home-hdp-head small{min-width:0;color:#b8a98f;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-hdp-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.home-hdp-odd{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;min-height:54px;padding:7px 9px;background:#111210;border:1px solid #343534;border-radius:10px;text-align:left}
.home-hdp-odd>span:first-child{min-width:0;display:grid;gap:2px}
.home-hdp-odd>span:first-child b{font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-hdp-odd>span:first-child small{color:#ffc15c;font-size:10px;font-weight:600;white-space:nowrap}
.home-water{flex:none;display:grid;justify-items:end;padding-left:7px;border-left:1px solid #303130}
.home-water small{color:#999;font-size:8.5px}
.home-water strong{font:800 15px Inter,Kanit,sans-serif;color:#fff}
.home-hdp-odd.on{background:#0d4a20;border:2px solid #20dc4d;box-shadow:inset 0 0 18px #0da33133}
.home-hdp-odd.on .home-water{border-left-color:#3f7653}.home-hdp-odd.on small,.home-hdp-odd.on strong{color:#d8ffe4}
.home-more{display:inline-flex;align-items:center;gap:4px;margin:9px 0 0 140px;color:#979b97;font-size:11px}
.home-more ion-icon{font-size:13px}
.home-empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.home-empty ion-icon{font-size:42px;color:#4d4f4d;margin-bottom:6px}
.home-empty b{color:#d7dad7;font-size:15px;font-weight:600}
.home-empty span{color:var(--dim);font-size:13px}
@media(max-width:360px){
  .home-hdp-head{display:block}.home-hdp-head small{display:block;margin-top:2px}
  .home-hdp-odd{padding:7px}.home-hdp-odd>span:first-child b{font-size:10.5px}.home-hdp-odd>span:first-child small{font-size:9px}.home-water strong{font-size:14px}
}
.match{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 10px 10px 12px;margin-bottom:8px}
.mh{display:flex;justify-content:space-between;font-size:11px;color:var(--dim);margin-bottom:6px;gap:8px}
.mh .cd{color:var(--amber)}
.mrow,.colh{display:grid;grid-template-columns:1fr 72px 72px 50px;gap:5px;align-items:center}
.colh{font-size:10px;color:var(--dim);text-align:center;margin-bottom:3px}
.colh span:first-child{text-align:left}
.mrow+.mrow{margin-top:5px}
.team{font-size:13.5px;display:flex;align-items:center;gap:7px;min-width:0}
.team span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team.fav span:last-child{color:var(--red);font-weight:600}
.crest{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 8px Inter;color:#fff;flex:none;overflow:hidden;background:#2a2a2a}
.crest img{width:100%;height:100%;object-fit:contain;background:#fff}
.odd{background:#0a0a0a;border:1px solid var(--line);border-radius:9px;height:40px;display:flex;flex-direction:column;justify-content:center;padding:0 7px;text-align:left;width:100%}
.odd small{font-size:10px;color:var(--dim);line-height:1.1}
.odd b{font:700 13px Inter;line-height:1.25}
.odd.on small{color:#86e3ab}
.odd.x{align-items:center}
.odd.off{opacity:.35;pointer-events:none}
.more{display:flex;justify-content:space-between;margin-top:7px;font-size:11px;color:var(--dim)}
.more a{color:var(--sky)}

/* tabs */
.tabs{display:flex;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:4px}
.tab{flex:1;text-align:center;font-size:12.5px;padding:8px 0;border-radius:9px;color:var(--muted)}
.tab.on{background:var(--card2);color:var(--text);font-weight:600}

/* live */
.livecard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 12px;margin-bottom:8px}
.livecard.susp{opacity:.55}
.livecard .sc{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:6px;margin:4px 0 8px}
.livecard .sc .tm{font-size:13px;display:flex;align-items:center;gap:6px;min-width:0}
.livecard .sc .tm span:not(.crest){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.livecard .sc .tm.r{justify-content:flex-end;text-align:right}
.livecard .score{text-align:center;font:800 20px Inter}
.livecard .score small{display:block;font:700 10.5px Inter;color:var(--live)}
.lo{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}
.lo.three{grid-template-columns:repeat(3,1fr)}
.delay{display:flex;gap:7px;align-items:center;background:#1a1206;border:1px solid #4a3410;color:#f7cf8e;border-radius:12px;padding:8px 10px;font-size:12px;margin:8px 0;line-height:1.55}

/* match detail */
.back{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;min-width:0}
.back .b{flex:none;width:32px;height:32px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center}
.back span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board{border-radius:20px;background:radial-gradient(120% 140% at 50% 0%,#24462f 0%,#13271c 45%,#0f1a14 100%);border:1px solid #2b5a3b;padding:12px 14px 14px;text-align:center;margin-bottom:10px}
.board .lgn{font-size:11.5px;color:#a7d7b6}
.board .row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:8px}
.board .big{width:46px;height:46px;border-radius:50%;margin:0 auto 5px;display:grid;place-items:center;font:800 12px Inter;color:#fff;background:#203a2b;overflow:hidden}
.board .big img{width:100%;height:100%;object-fit:contain;background:#fff}
.board .nm{font-size:13px}
.board .nm.fav{color:#ffb3b3}
.board .vs{font:800 26px Inter;padding:0 8px}
.board .vs small{display:block;font:700 11px Inter;color:#ffb3c0}
.board .ev{display:flex;justify-content:center;gap:10px;font-size:11px;color:#bfe3c9;margin-top:6px}
.mk{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;margin-top:9px}
.mk .t{display:flex;justify-content:space-between;align-items:flex-start;font-size:14px;font-weight:700;margin-bottom:10px;gap:10px}
.mk .t>span{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.mk .t em{border:1px solid #654414;border-radius:999px;background:#251a0b;color:#ffc66c;padding:2px 7px;font-size:9.5px;font-style:normal;font-weight:700;white-space:nowrap}
.mk .t small{color:#c8c8c8;font-size:12px;font-weight:500;line-height:1.5;text-align:right}
.market-hint{margin:-2px 0 9px;border-left:3px solid var(--brand);border-radius:0 8px 8px 0;background:#1c150b;color:#d5c5ab;padding:7px 9px;font-size:10.5px;line-height:1.5}
.market-hint b{color:#ffd18a}
.sel2{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.sel3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}
.selb{background:#090909;border:1px solid #353535;border-radius:12px;padding:10px 11px;display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;width:100%;min-height:64px}
.selb .sel-name{font-size:13.5px;font-weight:600;line-height:1.35;min-width:0}
.selb .sel-line{display:block;color:#ffc15c;font-size:11.5px;font-weight:600;line-height:1.45;margin-top:3px}
.selb .sel-price{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:1px;padding-left:8px;border-left:1px solid #303030}
.selb .sel-price small{color:#aaa;font-size:9.5px;font-weight:500;line-height:1.2}
.selb .sel-price b{font:800 18px Inter;line-height:1.2;color:#fff}
.selb.c{flex-direction:column;align-items:center;gap:5px;text-align:center;padding:9px 6px}
.selb.c .sel-price{align-items:center;border-left:0;padding:0}
.selb.on .sel-line,.selb.on .sel-price small{color:#bff5d3}
.selb.on .sel-price{border-left-color:#3f7653}
.fine{font-size:11px;color:var(--dim);text-align:center;margin-top:8px;line-height:1.6}

@media(max-width:360px){
  .mk .t{display:block}.mk .t small{display:block;text-align:left;margin-top:5px}
  .selb{padding:9px 8px}.selb .sel-name{font-size:12.5px}.selb .sel-line{font-size:10.5px}.selb .sel-price b{font-size:16px}
}

/* bets */
.bet{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 12px;margin-bottom:8px}
.bet.win{border-color:#245c3c;background:linear-gradient(170deg,#0f2418,#121212 55%)}
.bet .bh{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:6px;gap:6px}
.tag{border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600;white-space:nowrap}
.tag.g{background:#173d27;color:#7ff0ad}.tag.r{background:#3b1717;color:#ff9b9b}.tag.y{background:#3b2c0d;color:#f7cf8e}.tag.s{background:#1d2a3d;color:#9fb4d0}.tag.l{background:#3b0f19;color:#ff9bb0}
.bet .code{color:var(--dim);font-family:Inter;font-size:11px}
.bl{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-top:1px dashed #2a2a2a;font-size:12.5px}
.bl:first-of-type{border-top:0}
.bl small{display:block;color:var(--dim);font-size:11px}
.bl em{font-style:normal;color:var(--red)}
.bf{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:8px;background:#0a0a0a;border-radius:11px;padding:7px 9px}
.bf div{font-size:10.5px;color:var(--dim)}
.bf b{display:block;font:700 13.5px Inter;color:var(--text)}
.bf b.g{color:var(--pick)}.bf b.r{color:var(--red)}
.loadmore{display:block;width:100%;margin:8px 0;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--muted);font-size:13px}

/* wallet */
.wcard{border-radius:22px;padding:16px;background:linear-gradient(135deg,#ff8a1f,#ffb547 55%,#ffd27a);color:#1a0f00;position:relative;overflow:hidden}
.wcard:after{content:"⚽";position:absolute;right:-8px;bottom:-26px;font-size:110px;opacity:.13}
.wcard small{font-size:12px;opacity:.75}
.wcard .amt{font:800 32px Inter;margin:2px 0 8px}
.wcard .sub{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px}
.wcard .sub b{font-family:Inter}
.wbtn{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.wbtn a{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center;font-weight:600;font-size:14px}
.wbtn a.p{background:var(--brand);color:#1a0f00;border-color:var(--brand)}
.links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.links a{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;font-size:12.5px;color:var(--muted);text-align:center}
.tx{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid #1a1a1a}
.tx .ic{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:15px}
.tx .d{flex:1;font-size:13px;min-width:0}
.tx .d small{display:block;color:var(--dim);font-size:11px}
.tx b{font:700 14px Inter;white-space:nowrap}
.tx b.g{color:var(--pick)}.tx b.r{color:var(--red)}

/* rooms */
.room{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:11px 12px;margin-bottom:8px}
.room.host{border-color:#2b5a3b;background:linear-gradient(170deg,#11261a,#121212 60%)}
.room .rh{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;gap:8px}
.room .rh small{font:600 11px Inter;color:var(--dim)}
.rs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.rs div{font-size:10.5px;color:var(--dim)}
.rs b{display:block;font:700 14px Inter;color:var(--text)}
.rs b.r{color:var(--red)}.rs b.g{color:var(--pick)}
.rb{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:9px}
.rb a,.rb button{text-align:center;font-size:12px;border:1px solid var(--line);border-radius:10px;padding:8px 0}
.rb .p{background:var(--pick);color:#06210f;border-color:var(--pick);font-weight:600}
.join{display:flex;gap:7px;margin-top:6px}
.join input,.field input{flex:1;min-width:0;background:var(--card);border:1px dashed #525252;border-radius:12px;padding:10px 12px;font:600 14px Inter;letter-spacing:.1em;text-transform:uppercase;outline:none}
.join button,.btn{background:var(--brand);color:#1a0f00;border-radius:12px;padding:10px 14px;font-weight:700;font-size:13px}
.field{display:block;margin-bottom:9px}
.field span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.field input{width:100%;border-style:solid;letter-spacing:0;text-transform:none;font-family:Kanit,Inter,sans-serif}

/* nav */
.fb-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;background:#000;border-top:1px solid var(--line);padding-bottom:var(--safe-b)}
.fb-nav-in{max-width:560px;margin:0 auto;height:var(--nav);display:grid;grid-template-columns:repeat(6,1fr);padding-top:8px}
.fb-nav a{position:relative;text-align:center;font-size:11px;color:var(--dim);white-space:nowrap}
.fb-nav a i{display:block;font-style:normal;font-size:23px;line-height:1;margin-bottom:4px;opacity:.8}
.fb-nav a i ion-icon{font-size:23px}
.fb-nav a.on{color:var(--brand)}
.fb-nav a.on:before{content:"";position:absolute;top:-9px;left:28%;right:28%;height:3px;border-radius:0 0 4px 4px;background:var(--brand)}
.fb-nav a.on i{opacity:1}
.fb-nav .badge{display:inline-block;background:var(--live);color:#fff;border-radius:999px;font:700 9px Inter;padding:0 5px;margin-left:2px;vertical-align:1px}

/* slip bar + sheet */
.slipbar{position:fixed;left:50%;transform:translateX(-50%);width:calc(min(560px,100vw) - 20px);bottom:calc(var(--nav) + var(--safe-b) + 8px);z-index:41;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:72px;padding:8px 9px 8px 10px;background:#111211;color:var(--text);border:1px solid #373837;border-radius:13px;box-shadow:0 16px 38px -14px #000}
.slip-lead{display:flex;align-items:center;gap:9px;min-width:0;text-align:left}
.slip-lead>span:last-child{display:flex;min-width:0;flex-direction:column}
.slip-lead strong{font-size:14px;white-space:nowrap}.slip-lead small{max-width:125px;overflow:hidden;color:var(--muted);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}
.slip-icon{position:relative;flex:none;width:48px;height:48px;border-radius:11px;background:#342000;color:var(--brand);display:grid;place-items:center}
.slip-icon>ion-icon{font-size:25px}
.slipbar .n{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;border-radius:10px;padding:0 5px;background:var(--brand);color:#1a0f00;font:800 11px/20px Inter;text-align:center}
.slip-summary{display:flex;flex-direction:column;padding-left:10px;border-left:1px solid #353535;text-align:left}.slip-summary strong{font:700 13px Inter}.slip-summary small{color:var(--muted);font-size:10.5px;white-space:nowrap}.slip-summary small span{color:#d7dad7}
.slip-go{display:flex;align-items:center;gap:4px;align-self:stretch;padding:0 12px;border-radius:10px;background:var(--brand);color:#1a0f00;font-weight:700;font-size:13px;white-space:nowrap}.slip-go ion-icon{font-size:18px}
.dim{position:fixed;inset:0;background:#000b;z-index:60}
.sheet{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(560px,100vw);max-height:88vh;overflow:auto;z-index:61;background:#0e0e0e;border-top-left-radius:26px;border-top-right-radius:26px;border-top:1px solid var(--line);padding:8px 14px calc(16px + var(--safe-b))}
.grab{width:44px;height:5px;border-radius:9px;background:#334155;margin:0 auto 10px}
.sh{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}
.sh h3{font-size:16px}
.seg{display:flex;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:3px}
.seg button{font-size:12.5px;padding:5px 12px;border-radius:8px;color:var(--muted)}
.seg button.on{background:var(--brand);color:#1a0f00;font-weight:600}
.seg button:disabled{opacity:.35}
.leg{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:9px 11px;margin-bottom:7px;display:grid;grid-template-columns:1fr auto;gap:2px 8px}
.leg .s{font-size:13.5px;font-weight:600}
.leg .s em{font-style:normal;color:var(--red)}
.leg .p{font:700 15px Inter;text-align:right}
.leg .m{font-size:11px;color:var(--dim)}
.leg .x{font-size:12px;color:var(--dim);text-align:right;padding:0 2px}
.leg.chg{border-color:#7a5612;background:#1f180b}
.leg.chg .p{color:var(--amber)}
.leg.bad{border-color:#5b2020;background:#1d0f0f}
.warn{background:#2a1f0a;border:1px solid #7a5612;color:#f7cf8e;border-radius:12px;padding:8px 10px;font-size:12px;margin-bottom:8px;line-height:1.55}
.warn.r{background:#2a1212;border-color:#5b2020;color:#ffb4b4}
.warn.g{background:#0f2418;border-color:#245c3c;color:#bff5d3}
.stake{display:flex;align-items:center;gap:8px;background:var(--card);border:1.5px solid var(--brand);border-radius:14px;padding:8px 12px;margin-top:4px}
.stake span{color:var(--muted);flex:none}
.stake input{flex:1;min-width:0;background:none;border:0;outline:none;font:800 22px Inter}
.quick{display:flex;gap:6px;margin-top:8px}
.quick button{flex:1;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 0;font:600 12.5px Inter;color:var(--muted)}
.sum{margin-top:10px;font-size:13px}
.sum div{display:flex;justify-content:space-between;padding:3px 0;color:var(--muted)}
.sum div b{font-family:Inter;color:var(--text)}
.sum div.big b{font-size:18px;color:var(--pick)}
.cta{display:block;width:100%;margin-top:10px;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#1a0f00;border-radius:15px;padding:13px;text-align:center;font-weight:700;font-size:15.5px}
.cta.amber{background:var(--amber)}
.cta:disabled{opacity:.5}
.cta.ghost{background:var(--card);color:var(--muted);border:1px solid var(--line);font-weight:500;font-size:14px}
/* ป๊อปอัปยืนยันก่อนแทง — กลางจอ ทับแผ่นสลิป (ปุ่มคนละตำแหน่งกับปุ่ม "แทง") */
.dim.cdim{z-index:70;background:#000d}
.fbconfirm{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto;z-index:71;background:#121212;border:1px solid #6b4a12;border-radius:22px;padding:16px 14px 14px;box-shadow:0 30px 60px -20px #000}
.fbconfirm h3{font-size:18px;text-align:center;margin-bottom:10px}
.fbconfirm .cbtns{display:grid;grid-template-columns:1fr 1.6fr;gap:8px;margin-top:4px}
.fbconfirm .cbtns .cta{margin-top:8px}
.fbconfirm .cta:disabled{opacity:.5}
/* สลิปสองโหมด เต็ง | สเต็ป (25 ต.ค. 2569) — เต็ง = ส้ม (แยกบิล), สเต็ป = ฟ้า (ร้อยต่อกันเป็นบิลเดียว) */
.sh .clr{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:#ffb4b4;background:#2a1212;border:1px solid #6b2626;border-radius:11px;padding:7px 12px}
.sh .clr ion-icon{font-size:16px}
.sh .clr:active{background:#3a1616}
.mode{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#0a0a0a;border:1px solid var(--line);border-radius:16px;padding:4px;margin-bottom:10px}
.mode button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 6px;border-radius:12px;color:var(--muted);transition:background .15s,color .15s}
.mode button b{font-size:16px;font-weight:700;line-height:1.2}
.mode button small{font-size:11px;opacity:.85}
.mode button.on{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#1a0f00;box-shadow:0 6px 18px -8px var(--brand)}
.mode button.on.p{background:linear-gradient(135deg,#1d8fe0,var(--sky));color:#00121f;box-shadow:0 6px 18px -8px var(--sky)}
.mode button:disabled{opacity:.4}
.mode.one,.betmode.one{grid-template-columns:1fr}   /* ร้านรับแบบเดียว (เต็งหรือสเต็ป) */
.betmode button[hidden]{display:none}
.mhint{font-size:12px;line-height:1.5;color:#f7cf8e;background:#1f1708;border:1px solid #4d3710;border-radius:12px;padding:7px 10px;margin-bottom:8px}
.mhint.p{color:#bfe8ff;background:#0a1824;border-color:#17405f}
.mhint b{color:#fff}
.allst{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px;color:var(--muted)}
.allst .chips{display:flex;gap:5px}
.allst .chips button{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:5px 9px;font:600 12px Inter;color:var(--text)}
.leg .lstake{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;padding-top:7px;border-top:1px dashed #2c2c2c}
.leg .lstake label{display:flex;align-items:center;gap:5px;background:#0a0a0a;border:1.5px solid var(--brand);border-radius:10px;padding:4px 9px;width:46%}
.leg .lstake label span{color:var(--muted);font-size:13px}
.leg .lstake input{width:100%;min-width:0;background:none;border:0;outline:none;font:800 17px Inter}
.leg .lpay{font-size:11.5px;color:var(--muted);text-align:right}
.leg .lpay b{display:block;font:700 14px Inter;color:var(--pick)}
.leg .lerr{grid-column:1/-1;font-size:11.5px;color:#ffb4b4;margin-top:4px}
.leg .mul{color:var(--sky);font-family:Inter;font-weight:600}
.chained{position:relative}
.chained .leg.chain{position:relative;border-color:#17405f;margin-bottom:13px}
.chained .leg.chain+.leg.chain::before{content:'×';position:absolute;left:50%;top:-12px;transform:translateX(-50%);width:20px;height:16px;line-height:15px;text-align:center;border-radius:8px;background:#0a1824;border:1px solid #17405f;color:var(--sky);font:700 11px Inter;z-index:1}
.stake.p{border-color:var(--sky)}
.cta.parlay{background:linear-gradient(90deg,#1d8fe0,var(--sky));color:#00121f}
.slipbar.parlay .slip-icon{background:#0a2236;color:var(--sky)}
.slipbar.parlay .n,.slipbar.parlay .slip-go{background:var(--sky);color:#00121f}
.fbconfirm .cbadge{display:table;margin:0 auto 8px;padding:4px 12px;border-radius:20px;background:#2a1a05;border:1px solid #6b4a12;color:var(--brand2);font-size:12.5px;font-weight:600}
.fbconfirm .cbadge.p{background:#0a1824;border-color:#17405f;color:var(--sky)}
.fbconfirm .clegs{max-height:38vh;overflow:auto;margin-bottom:4px}
.fbconfirm .leg .cr{text-align:right;font:700 13px Inter;color:var(--text)}

.toast{position:fixed;left:50%;transform:translateX(-50%);top:calc(var(--top) + 10px);z-index:80;max-width:calc(100vw - 32px);background:#1b1b1b;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:13px;box-shadow:0 10px 30px -10px #000}
.toast.ok{border-color:#245c3c;color:#bff5d3}.toast.bad{border-color:#5b2020;color:#ffb4b4}

.more button.on{color:var(--pick)!important}
.more button.on b{color:#bff5d3!important}

/* กระดิ่งแจ้งเตือน (fb-shell.js) */
.iconbtn .nbadge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--live);color:#fff;font:700 11px/18px Inter,sans-serif;text-align:center}
.npanel{position:absolute;top:calc(var(--top) - 4px);right:max(10px,calc((100vw - 560px)/2 + 10px));width:min(360px,calc(100vw - 20px));max-height:70vh;overflow:auto;background:#101010;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 40px -12px #000;z-index:45}
.nhead{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#101010;border-bottom:1px solid var(--line);font-size:14px}
.nhead button{font-size:12px;color:var(--brand)}
.nempty{color:var(--dim);text-align:center;padding:28px 10px;font-size:13px}
.nitem{display:flex;gap:10px;width:100%;text-align:left;padding:11px 14px;border-bottom:1px solid #1c1c1c}
.nitem:last-child{border-bottom:0}
.nitem.unread{background:#1a1408}
.nic{flex:none;width:34px;height:34px;border-radius:10px;background:var(--card2);display:grid;place-items:center;font-size:17px}
.nic.ok{background:var(--pickbg)}.nic.bad{background:#3b1717}
.nb{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.nb b{font-size:13.5px;font-weight:600}.nb span{font-size:12.5px;color:var(--muted);line-height:1.45}.nb small{font-size:11.5px;color:var(--dim)}

/* ป๊อปอัปโปรโมชั่น */
.promo{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(400px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto;z-index:61;background:#0e0e0e;border:1px solid #3a2a10;border-radius:22px;padding:0 16px 16px;box-shadow:0 30px 60px -20px #ff8a1f55}
.pclose{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:#0008;color:#fff;font-size:14px;z-index:1}
.phero{margin:0 -16px 12px;padding:22px 16px 16px;text-align:center;background:radial-gradient(120% 90% at 50% 0,#ff8a1f55,#0e0e0e 70%)}
.pgift{display:block;font-size:44px;line-height:1;margin-bottom:6px}
.phero small{color:var(--brand2);font-size:12px;font-weight:600;letter-spacing:.04em}
.phero h2{font-size:18px;margin:4px 0 2px}
.phero p{color:var(--muted);font-size:13px}
.poffer{display:flex;gap:10px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin-bottom:8px;position:relative}
.poffer.off{opacity:.55}
.pic{flex:none;width:34px;height:34px;border-radius:10px;background:#2a1d08;display:grid;place-items:center;font-size:17px}
.pb{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.pb small{font-size:11.5px;color:var(--brand2)}.pb b{font-size:14px}.pb span{font-size:12px;color:var(--muted);line-height:1.45}
.poffer em{flex:none;align-self:center;font-style:normal;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px}
.pbtn{display:block;text-align:center;background:var(--brand);color:#1a0f00;font-weight:700;border-radius:14px;padding:12px;margin-top:6px}
.plink{display:block;text-align:center;color:var(--brand);font-size:13px;padding:10px 0 0}
.plater{display:block;width:100%;color:var(--dim);font-size:13px;padding:10px 0 0}

/* จอแคบ (≤ 420px): หัวมียอดเงิน + กระดิ่ง + บัญชี — บีบช่องไฟให้ชื่อร้านไม่ถูกตัด */
@media (max-width:420px){
  .fb-top-in{padding:0 10px;gap:6px}
  .bal{gap:6px}
  .pill{padding:6px 10px;gap:5px}
  .iconbtn{width:36px;height:36px}
  .logo{font-size:16px;gap:7px}
  .logo .ball{width:34px;height:34px}
  .home-match-grid{grid-template-columns:minmax(118px,1.5fr) repeat(3,minmax(54px,.72fr));gap:5px}
  .home-more{margin-left:123px}
  .slipbar{gap:7px}
  .slip-summary{display:none}
}
@media (max-width:360px){
  .logo>span:last-child{display:none}
  .pill{padding:6px 8px}
  .home-match-grid{grid-template-columns:minmax(104px,1.35fr) repeat(3,minmax(50px,.72fr))}
  .home-team{font-size:13px}.home-team .crest{width:25px;height:25px}
  .home-more{margin-left:109px}
}
/* เลือกประเภทก่อน: บอลเต็ง | บอลสเต็ป (หน้าบอร์ด) — ติดใต้หัวตอนเลื่อน · โหมดสเต็ปเปลี่ยนสีปุ่มราคาที่เลือกเป็นฟ้า */
.betmode{position:sticky;top:calc(var(--top) + 6px);z-index:30;display:grid;grid-template-columns:1fr 1fr;gap:6px;background:rgba(10,10,10,.96);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:18px;padding:5px;margin-bottom:6px;box-shadow:0 10px 24px -14px #000}
.betmode button{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 6px;border-radius:14px;color:var(--muted);transition:background .15s,color .15s}
.betmode button ion-icon{font-size:22px;flex:none}
.betmode button span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}
.betmode button b{font-size:16px;font-weight:700}
.betmode button small{font-size:11px;opacity:.85}
.betmode button.on[data-bm=single]{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#1a0f00;box-shadow:0 6px 18px -8px var(--brand)}
.betmode button.on[data-bm=parlay]{background:linear-gradient(135deg,#1d8fe0,var(--sky));color:#00121f;box-shadow:0 6px 18px -8px var(--sky)}
.bmstat{font-size:12px;line-height:1.45;color:#f7cf8e;padding:2px 6px 10px}
.bmstat.p{color:#bfe8ff}
body.bm-parlay .ob.on,body.bm-parlay .odd.on,body.bm-parlay .selb.on,body.bm-parlay .home-odd.on,body.bm-parlay .home-hdp-odd.on{background:#0b2a40;border-color:var(--sky);box-shadow:inset 0 0 18px #4cc3ff22}
body.bm-parlay .ob.on b,body.bm-parlay .odd.on b,body.bm-parlay .selb.on b,body.bm-parlay .home-odd.on b,body.bm-parlay .home-hdp-odd.on small,body.bm-parlay .home-hdp-odd.on strong{color:#dff4ff}
/* ราคาทายผล 1x2 แปลเป็นเงิน "100 ได้ 245" ใต้ราคา (25 ต.ค. 2569) */
.home-odd{gap:1px;align-content:center}
.home-odd small.pay{font-size:10px;line-height:1.1;color:var(--muted);white-space:nowrap}
.home-odd.on small.pay{color:#bff5d3}
body.bm-parlay .home-odd.on small.pay{color:#dff4ff}
.selb .sel-price small.pay{font-size:10px;color:var(--pick);font-weight:600}
/* ผลบอลสด + ย้อนหลัง /scores (25 ต.ค. 2569) */
.subnav{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:4px;margin-bottom:10px}
.subnav a{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 4px;border-radius:10px;font-size:13px;color:var(--muted)}
.subnav a ion-icon{font-size:17px}
.subnav a.on{background:var(--card2);color:var(--text);font-weight:600;box-shadow:inset 0 0 0 1px #3a3a3a}
.date.more{min-width:76px;color:var(--brand);border-style:dashed}
.date.more b{color:var(--brand)}
.sc-upd{font-size:11px;color:var(--dim);text-align:right;margin:8px 4px 0}
.sc-auto{font-size:11px;color:var(--dim);font-weight:400}
.sc-group{margin-top:12px;border:1px solid #202120;border-radius:16px;overflow:hidden;background:#0c0c0c}
.sc-group .lgh{min-height:54px;padding:8px 14px}
.sc-group .lgh img{width:30px;height:30px}
.sc-group .lgh b{font-size:15px}
#sLive .sc-card{border:1px solid #4a1622;border-radius:16px;overflow:hidden;background:#110a0c}
.sc-item{border-top:1px solid #1b1b1b}
.sc-card .sc-item:first-child{border-top:0}
.sc-row{display:grid;grid-template-columns:54px 1fr 58px;align-items:center;gap:8px;padding:10px 12px;width:100%;text-align:left;color:inherit;transition:background .4s}
.sc-st{display:flex;flex-direction:column;align-items:center;font:600 13px Inter,Kanit,sans-serif;color:var(--muted);text-align:center;line-height:1.15}
.sc-st small{font-size:9.5px;font-weight:500;margin-top:2px}
.sc-st.live{color:var(--live)}
.sc-st.done{color:var(--text)}
.sc-st.off{color:var(--amber);font-size:12px}
.sc-teams{display:flex;flex-direction:column;gap:6px;min-width:0}
.sc-team{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px}
.sc-team img,.sc-noimg{width:20px;height:20px;flex:none;object-fit:contain}
.sc-noimg{border-radius:50%;background:#222}
.sc-team span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-team .sc-g{font:800 17px Inter;min-width:20px;text-align:right;color:var(--text)}
.sc-team.win span{font-weight:700;color:#fff}
.sc-team.lose span,.sc-team.lose .sc-g{color:var(--dim)}
.sc-row.live .sc-g{color:#ff8fa3}
.sc-ht{font-size:10.5px;color:var(--dim);text-align:center;line-height:1.3}
.sc-ht b{font:600 12px Inter;color:var(--muted)}
.sc-ht em{display:block;font-style:normal;color:var(--pick);font-weight:700;font-size:11px;margin-top:3px}
.sc-row.goal{background:#0f2a18;animation:goalflash 1.2s ease-in-out 3}
.sc-row.goal .sc-g{color:#4ade80}
@keyframes goalflash{50%{background:#1d5a33}}
.sclink{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding:11px 14px;border-radius:14px;background:#0e1116;border:1px solid #233042;font-size:13px;color:var(--text)}
.sclink span{display:flex;align-items:center;gap:7px}
.sclink ion-icon{font-size:18px;color:var(--sky)}
.sclink em{font-style:normal;color:var(--sky);font-size:12px}
/* ไทม์ไลน์เหตุการณ์ในเกม (แตะคู่เพื่อกาง) */
.sc-chev{display:block;margin:4px auto 0;font-size:14px;color:var(--dim);transition:transform .2s}
.sc-item.open .sc-chev{transform:rotate(180deg)}
.sc-item.open>.sc-row{background:#141414}
.sc-red{display:inline-block;width:9px;height:12px;border-radius:2px;background:#ef4444;margin-left:4px;vertical-align:-1px;font:700 8px/12px Inter;color:#fff;text-align:center;font-style:normal}
.sc-scorers{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.sc-tl{padding:6px 12px 12px;background:#141414;border-top:1px dashed #262626}
.sc-tl-empty{font-size:12px;color:var(--dim);text-align:center;padding:8px 0}
.sc-ev{display:grid;grid-template-columns:1fr 46px 1fr;align-items:center;gap:6px;padding:5px 0;font-size:12.5px;line-height:1.35}
.sc-ev .h{text-align:right}
.sc-ev .a{text-align:left}
.sc-ev .mn{justify-self:center;font:700 11px Inter;color:var(--muted);background:#1f1f1f;border:1px solid #2c2c2c;border-radius:9px;padding:2px 6px;min-width:36px;text-align:center}
.sc-ev.goal .mn{color:#4ade80;border-color:#245c3c;background:#0f2418}
.sc-ev.red .mn{color:#fca5a5;border-color:#5b2020;background:#2a1212}
.sc-ev small{color:var(--dim);font-size:11px}
.sc-ev b{font-weight:600}
.sc-ev .ev-ic{font-style:normal;margin:0 4px}
.sc-ev.subst,.sc-ev.var{color:var(--muted)}
.sc-bet{display:block;text-align:center;margin-top:8px;padding:8px;border-radius:10px;border:1px solid #3a2a10;color:var(--brand);font-size:12.5px;background:#1a1206}
/* ทีเด็ด / วิเคราะห์ก่อนเตะ (26 ต.ค. 2569) */
.tipslink{background:#1a0f05;border-color:#5a3410}
.tipslink span{color:#ffd9a8}
.tipslink em{color:var(--brand)}
.in-intro{font-size:12.5px;color:var(--muted);line-height:1.55;margin-bottom:8px}
.tip{display:block;margin-top:10px;padding:12px;border-radius:16px;background:#0e0e0e;border:1px solid #232323;color:inherit}
.tip-h{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--muted);margin-bottom:8px}
.tip-h em{font-style:normal;color:var(--brand);font-weight:600;white-space:nowrap}
.tip-h em.off{color:var(--dim)}
.tip-t{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;text-align:center;gap:6px}
.tip-t img,.tip-t .sc-noimg{width:30px;height:30px;object-fit:contain;display:block;margin:0 auto 4px}
.tip-t b{display:block;font-size:13.5px;line-height:1.25}
.tip-t .vs{font:700 12px Inter;color:var(--dim)}
.fm{display:flex;justify-content:center;gap:2px;margin-top:5px}
.in-f{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:4px;font:700 10px Kanit,sans-serif;font-style:normal;color:#fff}
.in-f.w{background:#16a34a}.in-f.d{background:#64748b}.in-f.l{background:#dc2626}
.in-none{font-size:12px;color:var(--dim)}
.in-bar{display:flex;height:22px;border-radius:8px;overflow:hidden;margin-top:10px;font:700 11px Inter;color:#fff}
.in-bar span{display:grid;place-items:center;min-width:0;overflow:hidden}
.in-bar .h{background:#ea580c}.in-bar .d{background:#475569}.in-bar .a{background:#0284c7}
.in-barl{display:flex;justify-content:space-between;font-size:10.5px;color:var(--dim);margin-top:3px}
.in-pick{margin-top:9px;font-size:13px;color:#ffd9a8;background:#1f1306;border:1px solid #4a2c0a;border-radius:10px;padding:7px 10px}
.in-pick b{color:#fff}
.insight{margin-top:14px;padding:14px;border-radius:16px;background:#0d0d0d;border:1px solid #222}
.insight h3{font-size:15px;margin-bottom:8px}
.insight h4{font-size:13px;color:var(--muted);margin:14px 0 6px}
.in-rows{margin-top:10px}
.in-row{display:grid;grid-template-columns:1fr 92px 92px;align-items:center;gap:6px;padding:6px 0;border-top:1px solid #1c1c1c;font-size:12.5px;color:var(--muted)}
.in-row b{text-align:center;color:var(--text);font:700 13px Inter}
.in-row .fm{justify-content:center;margin:0}
.in-row.th{border-top:0;padding-top:2px}
.in-row.th small{text-align:center;font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-h2h{display:grid;grid-template-columns:62px 1fr 44px 1fr;align-items:center;gap:6px;padding:6px 0;border-top:1px solid #1c1c1c;font-size:12px}
.in-h2h .dt{color:var(--dim);font-size:11px}
.in-h2h .tm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-h2h .tm.r{text-align:right}
.in-h2h b{text-align:center;font:700 12.5px Inter}
.in-tbl{font-size:12px}
.in-tr{display:grid;grid-template-columns:24px 1fr 36px 46px 36px;align-items:center;gap:4px;padding:5px 4px;border-top:1px solid #1c1c1c}
.in-tr.hd{color:var(--dim);font-size:11px;border-top:0}
.in-tr span:not(.tm),.in-tr b{text-align:center}
.in-tr .tm{display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-tr .tm img{width:15px;height:15px;object-fit:contain}
.in-tr.me{background:#1f1306;border-radius:6px;color:#ffd9a8}
.in-note{font-size:10.5px;color:var(--dim);margin-top:12px;text-align:center}