:root{--bg:#0d1117;--card:#1a2330;--card2:#212c3d;--line:#2c3a4f;--text:#e8eef7;--muted:#8b99b0;--green:#2ec27e;--amber:#ffc043;--red:#ff5d6c;--blue:#4aa3e0;--gold:#ffd166}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans Thai,Kanit,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}button{font-family:inherit;cursor:pointer}.wrap{max-width:1180px;margin:0 auto;padding:14px 14px 60px}.topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin-bottom:12px}.brand{display:flex;align-items:center;gap:9px;font-family:Kanit;font-weight:800;font-size:16px}.brand .lg{width:34px;height:34px}.brand small{display:block;font-weight:500;font-size:10px;color:var(--amber)}.tb-stat{font-size:12px;color:var(--muted)}.tb-stat b{display:block;font-family:Kanit;font-size:13.5px;color:var(--text)}.tb-spacer{flex:1}.btn{border:none;border-radius:10px;padding:10px 16px;font-family:Kanit;font-weight:700;font-size:14px;transition:.15s}.btn:active{transform:scale(.96)}.btn-go{background:var(--green);color:#06301c}.btn-go:hover{background:#37e08c}.btn-go:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}.bell-wrap{position:relative}.bell{position:relative;font-size:16px;padding:9px 13px}.bellbadge{position:absolute;top:-5px;right:-5px;background:var(--red);color:#fff;font-size:9px;font-family:Kanit;font-weight:800;min-width:17px;height:17px;border-radius:9px;display:none;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--card)}.notif-panel{position:absolute;right:0;top:48px;width:310px;max-height:340px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;display:none;z-index:80;font-size:12px;line-height:1.9;box-shadow:0 16px 40px -12px #000000b3}.tabs{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto}.tabs button{flex:1;min-width:84px;background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:11px;padding:11px 6px;font-family:Kanit;font-weight:600;font-size:13px;white-space:nowrap}.tabs button.on{background:var(--green);border-color:var(--green);color:#06301c}.view{display:none}.view.on{display:block}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}.card h3{font-family:Kanit;font-size:14px;font-weight:700;color:var(--amber);margin-bottom:10px}table{width:100%;border-collapse:collapse;font-size:12.5px}th{font-family:Kanit;font-weight:600;font-size:11px;color:var(--muted);text-align:left;padding:6px 7px;border-bottom:1px solid var(--line);white-space:nowrap}th.st{cursor:pointer;-webkit-user-select:none;user-select:none}th.st:hover{color:var(--text)}th .arr{font-size:9px;color:var(--green)}td{padding:6px 7px;border-bottom:1px solid #232f42}tr:hover td{background:#20293a}#sqBody,#mktBody,#standBody,#tmBody,#pickBody{overflow-x:auto;-webkit-overflow-scrolling:touch}#sqBody table{min-width:1000px}#mktBody table{min-width:920px}#standBody table{min-width:560px}#pickBody table{min-width:900px}#pickBody th,#pickBody td{padding:5px 6px}#pickBody{max-height:680px;overflow:auto}@media (max-width:900px){.slot{width:56px}.slot .sn{font-size:8.5px;max-width:54px}.slot .sv{display:none}.slot .sj{width:33px;height:33px}}@media (max-width:360px){.slot{width:50px}.slot .sn{font-size:8px;max-width:48px}.slot .sj{width:30px;height:30px}}#tmBody table{min-width:840px}.num{text-align:right;font-variant-numeric:tabular-nums}.pos-chip{display:inline-block;background:var(--card2);border:1px solid var(--line);border-radius:6px;padding:1px 7px;font-family:Kanit;font-weight:700;font-size:10px;color:var(--blue);white-space:nowrap}.ovr{font-family:Kanit;font-weight:800}.ovr.hi{color:var(--green)}.ovr.mid{color:var(--amber)}.ovr.lo{color:var(--muted)}.fitv{font-family:Kanit;font-weight:700}.fit-hi{color:var(--green)}.fit-mid{color:var(--amber)}.fit-lo{color:var(--red)}.cap-badge{background:var(--gold);color:#3a2a05;font-family:Kanit;font-weight:800;font-size:9px;border-radius:5px;padding:1px 5px;margin-left:5px;vertical-align:1px}.row-loogmor td{background:#ffd16612}.tf-big td{background:#ffd16629}#tfAllBody,#tfMyBody{overflow-x:auto;-webkit-overflow-scrolling:touch}.row-xi td{background:#2ec27e1f}.row-bn td{background:#4aa3e014}.role-xi{background:#153826;color:var(--green)}.role-bn{background:#1c2f42;color:var(--blue)}.sm-btn{border:none;border-radius:7px;padding:5px 10px;font-family:Kanit;font-weight:600;font-size:11px}.sm-buy{background:var(--green);color:#06301c}.sm-sell{background:#3a2530;color:var(--red);border:1px solid #5c3040}.sm-btn:disabled{opacity:.35;cursor:not-allowed}.status-tag{font-size:10px;font-family:Kanit;font-weight:700;border-radius:5px;padding:1px 6px;white-space:nowrap}.st-inj{background:#3a1c22;color:var(--red)}.st-ban{background:#3a3020;color:var(--amber)}.st-lock{background:#22303f;color:var(--blue)}.st-train{background:#173347;color:var(--blue)}.st-tl{background:#3a2530;color:var(--red)}.st-ret{background:#33301c;color:var(--amber)}.st-debut{background:#153a26;color:var(--green)}.pl-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pl-head{font-family:Kanit;font-size:13px;margin-bottom:6px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pl-row{font-size:11.5px;line-height:1.6;border-bottom:1px dashed #232f42;display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:3px 0}.pl-row .pl-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46%}.pl-row.dim{opacity:.45}.pl-sub{font-family:Kanit;font-size:11px;color:var(--muted);margin-top:8px;border-top:1px solid var(--line);padding-top:6px}.np-mast{font-family:Kanit;font-weight:800;font-size:18px;color:var(--gold);border-bottom:2px solid var(--line);padding-bottom:8px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px}.np-mast span{font-size:11px;color:var(--muted);font-weight:500}.np-h{background:var(--card2);border:1px solid var(--line);border-radius:9px;padding:8px 11px;margin-bottom:6px;font-size:12.5px;font-family:Kanit;font-weight:600}.grbar{height:9px;background:var(--card2);border:1px solid var(--line);border-radius:5px;overflow:hidden}.grbar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),#37e08c);border-radius:5px;transition:width .4s}.gr-row{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.6;padding:6px 4px;border-bottom:1px dashed #232f42}.gr-row .gr-n{font-family:Kanit;font-weight:700;width:24px;text-align:right;color:var(--muted)}.gr-row .gr-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gr-row .gr-d{font-size:10.5px;color:var(--muted);white-space:nowrap}.rp-title{font-family:Kanit;font-weight:800;font-size:11px;letter-spacing:1px;color:var(--muted);margin-top:10px;display:flex;align-items:center;gap:8px}.rp-live{color:var(--red);font-size:9.5px;animation:blink 1.4s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.ev-log{margin-top:6px}.ev-log.expanded{max-height:420px}.rp{display:flex;gap:8px;padding:4px 0;border-bottom:1px dashed #1e2a3c;font-size:12px;line-height:1.65;align-items:flex-start}.rp-m{font-family:Kanit;font-weight:800;font-size:10.5px;background:#000;border-radius:5px;padding:1px 7px;color:var(--amber);flex:0 0 auto;min-width:36px;text-align:center;margin-top:2px}.rp.goal{background:#ffd16614;border-radius:6px}.rp.goal .rp-m{color:var(--gold)}.rp.bad{background:#ff5d6c0f;border-radius:6px}.rp.info{color:var(--muted)}.sched-today td{background:#ffd16621}.sched-past td{opacity:.72}.sched-fr{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.8}.style-desc{background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.85;color:var(--muted);margin-bottom:12px}.style-desc b{color:var(--text)}.modal.tut{background:#05080c9e}.tut-dots{display:flex;gap:5px;justify-content:center;margin:12px 0 2px}.tut-dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}.tut-dots i.on{background:var(--gold)}.tut-step{font-family:Kanit;font-weight:700;font-size:11px;color:var(--muted)}.mis-row{display:flex;align-items:center;gap:8px;padding:7px 4px;border-bottom:1px dashed #232f42;font-size:12.5px}.mis-row.done .mis-tx{color:var(--muted);text-decoration:line-through}.mis-ic{flex:0 0 auto}.mis-tx{flex:1;min-width:0}.mis-pg{font-family:Kanit;font-weight:700;font-size:11px;color:var(--blue);white-space:nowrap}.mis-rw{font-family:Kanit;font-weight:700;font-size:11px;color:var(--green);white-space:nowrap}.hist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.hist-badge{background:var(--card2);border:1px solid var(--line);border-radius:11px;padding:10px 6px;text-align:center}.hist-badge b{display:block;font-family:Kanit;font-weight:800;font-size:22px;color:var(--gold)}.hist-badge span{font-size:10.5px;color:var(--muted)}.hist-badge.dim{opacity:.45}.hist-badge.dim b{color:var(--muted)}.tag-ex{font-size:9.5px;font-family:Kanit;font-weight:700;background:#2a3a2c;color:var(--green);border-radius:5px;padding:1px 6px}.tag-new{font-size:9.5px;font-family:Kanit;font-weight:700;background:#12331f;color:var(--green);border-radius:5px;padding:1px 6px;margin-left:4px}.sm-scout{background:transparent;border:1px solid var(--line);color:var(--muted)}.sm-scout.on{border-color:var(--amber);color:var(--amber)}.rules h4{font-family:Kanit;font-weight:700;font-size:13px;color:var(--gold);margin:14px 0 4px}.rules p{font-size:12.5px;color:var(--muted);line-height:1.95}.tac-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px}@media (max-width:760px){.tac-grid{grid-template-columns:minmax(0,1fr)}}.tac-grid>.card{min-width:0}.opt-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.opt-row button{background:var(--card2);border:1px solid var(--line);color:var(--muted);border-radius:9px;padding:8px 12px;font-family:Kanit;font-weight:600;font-size:12px}.opt-row button.on{background:var(--green);border-color:var(--green);color:#06301c}.mini-pitch{position:relative;aspect-ratio:3/4.35;max-width:440px;margin:0 auto;border:2px solid #2a9152;border-radius:12px;overflow:hidden;background:linear-gradient(#f2f6ea4d,#f2f6ea4d) center/88% 2px no-repeat,repeating-linear-gradient(0deg,#1e8443 0,#1e8443 36px,#1a7038 36px,#1a7038 72px)}.mini-pitch:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:2px solid rgba(242,246,234,.32);border-radius:6px;pointer-events:none}.mini-pitch:after{content:"";position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1;border:2px solid rgba(242,246,234,.3);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.slot{position:absolute;width:74px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:0;cursor:pointer;background:none;border:none;padding:2px;border-radius:10px;transition:.12s}.slot:hover{background:#00000038}.slot.sel{background:#ffd16629;outline:2px solid var(--gold)}.slot .sp{font-family:Kanit;font-weight:800;font-size:8.5px;color:#cfe8d5;background:#00000073;border-radius:4px;padding:0 5px;line-height:1.5}.slot .sj{filter:drop-shadow(0 3px 4px rgba(0,0,0,.4))}.slot.loog .sj{filter:drop-shadow(0 0 5px rgba(255,209,102,.9))}.slot .sn{font-size:9px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.slot .sv{font-family:Kanit;font-weight:600;font-size:8px;color:#d8e4dc;text-shadow:0 1px 2px rgba(0,0,0,.7);line-height:1.3}.slot .sv b{color:#fff}.fitbar{width:70%;height:3px;background:#00000080;border-radius:2px;overflow:hidden;margin-top:1px}.fitbar i{display:block;height:100%;border-radius:2px}.bench-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px dashed var(--line)}.bench-slot{flex:1;min-width:56px;max-width:74px;background:var(--card2);border:1.5px solid var(--line);border-radius:10px;padding:6px 3px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:.12s}.bench-slot:hover{border-color:var(--amber)}.bench-slot.sel{border-color:var(--gold);box-shadow:0 0 0 3px #ffd16640}.bench-slot .bp{font-family:Kanit;font-weight:800;font-size:8px;color:var(--muted)}.bench-slot .bn{font-size:9px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker{max-height:560px;overflow:auto}.picker tr{cursor:pointer}.mh{display:flex;flex-direction:column;gap:8px;background:#0a0e14;border-radius:12px;padding:10px 12px;margin-bottom:8px}.mh-clock{display:flex;justify-content:center}.mh .clock{font-family:Kanit;font-weight:800;font-size:17px;background:#000;border-radius:7px;padding:3px 14px;min-width:84px;text-align:center}.mh-top{display:flex;align-items:center;gap:8px;min-width:0}.team-chip{display:flex;align-items:center;gap:7px;flex:1;min-width:0;font-family:Kanit;font-weight:700;font-size:13.5px;color:var(--text)}.team-chip .tn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.team-chip svg{flex:0 0 auto}#mHomeChip{justify-content:flex-end}#mAwayChip{justify-content:flex-start}.mh .score{font-family:Kanit;font-weight:800;font-size:21px;min-width:72px;text-align:center;flex:0 0 auto}.mh .spd{display:flex;gap:5px;justify-content:flex-end}.mh .spd button{background:var(--card2);border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:4px 10px;font-family:Kanit;font-weight:700;font-size:11px}.mh .spd button.on{color:var(--green);border-color:var(--green)}#pitchBox{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#3d2020}.ticker{background:#000;border-radius:10px;padding:9px 14px;margin-top:8px;font-family:Kanit;font-weight:600;font-size:13.5px;text-align:center;min-height:38px;display:flex;align-items:center;justify-content:center}.ticker.goal{background:linear-gradient(90deg,#7a5a00,#3a2a00);color:var(--gold)}.ticker.card{background:linear-gradient(90deg,#5a4a00,#2a2200);color:#ffe28a}.ticker.bad{background:linear-gradient(90deg,#5a1c24,#2a0d12);color:#ff9aa5}.ev-log{margin-top:10px;font-size:12px;color:var(--muted);max-height:170px;overflow:auto;line-height:1.9}.ev-log b{color:var(--text)}.tbl-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}.tbl-grid>.card{min-width:0}@media (max-width:760px){.tbl-grid{grid-template-columns:minmax(0,1fr)}}.z-top td{background:#2ec27e17}.z-bot td{background:#ff5d6c17}.stand-row{cursor:pointer}.me-name{color:var(--gold);font-weight:700}.tj{vertical-align:-5px;margin-right:4px}.formdot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:2px}.f-w{background:var(--green)}.f-d{background:var(--muted)}.f-l{background:var(--red)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080ce0;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal .box{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;max-width:460px;width:100%;max-height:92vh;overflow:auto}.modal h2{font-family:Kanit;font-size:19px;color:var(--gold);margin-bottom:4px}.modal p{font-size:12.5px;color:var(--muted);margin-bottom:12px;line-height:1.6}.modal label{display:block;font-family:Kanit;font-weight:600;font-size:12px;color:var(--muted);margin:12px 0 6px}.modal input,.modal select{width:100%;background:var(--card2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px 12px;font-family:Noto Sans Thai;font-size:14px;outline:none}.modal input:focus,.modal select:focus{border-color:var(--green)}.kitgrid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.kitgrid button{aspect-ratio:1;border-radius:8px;border:2.5px solid transparent;box-shadow:inset 0 0 0 1px #00000040}.kitgrid button.on{border-color:#fff;transform:translateY(-2px)}.kitgrid button.dis{opacity:.2;cursor:not-allowed}.sum-score{display:flex;align-items:center;gap:8px;margin:10px 0 14px}.sum-score .stn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Kanit;font-weight:700;font-size:12.5px}.sum-score .sc{font-family:Kanit;font-weight:800;font-size:28px;white-space:nowrap;flex:0 0 auto}.sum-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;line-height:2;margin-bottom:12px}.sum-cols div:last-child{text-align:right}.sum-stat{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;font-size:12.5px;line-height:2.1;align-items:center}.sum-stat .lb{text-align:center;color:var(--muted);font-family:Kanit;font-size:11px}.sum-stat .lv{text-align:right;font-weight:700}.sum-stat .rv{font-weight:700}.sum-sec{font-family:Kanit;font-weight:700;font-size:13px;text-align:center;margin:8px 0 2px;color:var(--gold)}.sum-dev{font-size:11.5px;color:var(--muted);line-height:1.8;text-align:center;margin-top:6px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%) translateY(130%);background:linear-gradient(135deg,var(--amber),#d99a1e);color:#3a2a05;font-family:Kanit;font-weight:700;font-size:13.5px;padding:11px 18px;border-radius:12px;z-index:300;transition:transform .4s cubic-bezier(.2,1.4,.4,1);max-width:90vw;text-align:center}.toast.show{transform:translate(-50%) translateY(0)}.hint{font-size:11.5px;color:var(--muted);line-height:1.7;margin-top:8px}@media (max-width:640px){.wrap{padding:10px 8px 60px}.topbar{gap:8px;padding:10px}.brand{flex:1 1 100%}.tb-stat{flex:1;min-width:64px;font-size:11px}.tb-stat b{font-size:12.5px}.bell-wrap{order:5}#btnDay{flex:1 1 100%;order:10}.tabs button{min-width:64px;font-size:12px;padding:9px 4px}td,th{padding:5px;font-size:11.5px}.card{padding:11px}.mini-pitch{max-width:none}.bench-slot{min-width:48px;max-width:62px;padding:5px 2px}.mh .score{font-size:18px;min-width:54px}.team-chip{font-size:11.5px;gap:5px}.modal .box{padding:16px;border-radius:14px}.sum-score .sc{font-size:23px}.notif-panel{width:min(300px,84vw)}.kitgrid{gap:5px}.pl-grid{grid-template-columns:1fr}.pl-row .pl-nm{max-width:60%}}#authScreen{background-color:var(--bg);background-image:linear-gradient(180deg,#0d111773,#0d1117b8 55%,#0d1117eb),url(/bg-fmth.webp);background-size:cover;background-position:center;background-repeat:no-repeat}#authScreen .box{background:#1a2330c7;backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);border:1px solid rgba(255,209,102,.22);box-shadow:0 24px 60px -18px #000000d9,inset 0 1px #ffffff0f}#authScreen .box input{background:#212c3dd9}.pw-wrap{position:relative}.pw-wrap input{padding-right:44px}.pw-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:16px;opacity:.55;padding:8px;line-height:1}.pw-eye:hover{opacity:1}.auth-tagline{border-left:3px solid var(--gold);padding:2px 0 2px 10px;margin:10px 0 14px}.auth-tagline .tg-head{font-family:Kanit;font-weight:800;font-size:16.5px;color:var(--gold);line-height:1.5}.auth-tagline .tg-sub{font-size:12px;color:var(--muted);line-height:1.8;margin-top:3px}@media (max-width:640px){#authScreen{padding:12px;align-items:flex-start;padding-top:12vh}#authScreen .box{padding:18px;border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.lg-row{display:flex;align-items:center;gap:10px;padding:10px 6px;border-bottom:1px dashed #232f42;font-size:13px}.lg-row .lg-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Kanit;font-weight:600}.countdown{font-family:Kanit;font-weight:800;color:var(--gold)}