@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@500;600;700;800&family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap");:root{--bg:#0a1410;--bg-2:#0e1c16;--surface:#11231b;--surface-2:#16302409;--line:#1f3a2d;--line-soft:#182c22;--row:#102018;--row-alt:#0d1a14;--row-hover:#16332550;--pitch:#1f8a4c;--pitch-2:#25a85c;--green:#2fe089;--green-dim:#1aa866;--green-glow:#2fe08933;--live:#ff4d4f;--live-2:#ff7a45;--gold:#f5c451;--gold-dim:#c79a35;--blue:#5badd6;--ink:#eaf5ee;--ink-2:#a9c2b4;--ink-3:#6f8a7c;--ink-4:#4d6357;--radius:14px;--radius-sm:9px;--shadow:0 10px 30px -12px #00000080;--shadow-lg:0 24px 60px -20px #000000aa;--font-thai:"IBM Plex Sans Thai",system-ui,sans-serif;--font-disp:"Barlow Semi Condensed","IBM Plex Sans Thai",sans-serif;--font-num:"Barlow Semi Condensed",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-thai);background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{z-index:-2;background:radial-gradient(1200px 600px at 50% -10%,#14301f 0,transparent 60%),linear-gradient(180deg,#0b1813 0,var(--bg) 60%)}body:after,body:before{content:"";position:fixed;inset:0}body:after{z-index:-1;opacity:.35;background-image:repeating-linear-gradient(90deg,#ffffff05 0 2px,transparent 2px 120px)}::selection{background:var(--green-glow)}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum","tnum"}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}::-webkit-scrollbar-track{background:transparent}.app{min-height:100vh}.wrap{max-width:1320px;margin:0 auto;padding:0 18px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#0c1c14ee,#0a1611ee);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar-in{gap:18px;height:64px}.brand,.topbar-in{display:flex;align-items:center}.brand{flex-direction:row;gap:11px;flex-shrink:0}.brand-text{display:flex;flex-direction:column;justify-content:center}.logo-mark{width:38px;height:38px;border-radius:11px;background:conic-gradient(from 210deg,var(--green),var(--pitch) 55%,#0c6b3a);display:grid;place-items:center;position:relative;box-shadow:0 0 0 1px #ffffff14,0 6px 18px -6px var(--green-glow)}.logo-mark svg{width:22px;height:22px}.logo-mark .lv-dot{position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:99px;background:var(--live);border:2px solid #0a1611;animation:pulse 1.6s infinite}.brand-name{font-family:var(--font-disp);font-weight:800;font-size:23px;letter-spacing:.3px;line-height:1}.brand-name b{color:var(--green)}.brand-tag{font-size:10.5px;color:var(--ink-3);letter-spacing:.5px;padding-left:0;line-height:1.1;margin-top:2px}.nav{display:flex;gap:4px;margin-left:8px}.nav a{font-size:14px;font-weight:500;color:var(--ink-2);padding:8px 13px;border-radius:9px;transition:.15s;white-space:nowrap}.nav a:hover{color:var(--ink);background:#ffffff0a}.nav a.on{color:#07140d;background:var(--green);font-weight:600}.top-right{margin-left:auto;gap:12px}.live-pill,.top-right{display:flex;align-items:center}.live-pill{gap:7px;font-size:13px;font-weight:600;background:#ff4d4f1a;color:#ff8f90;border:1px solid #ff4d4f33;padding:7px 12px;border-radius:99px;white-space:nowrap}.live-pill .dot{width:8px;height:8px;border-radius:99px;background:var(--live);animation:pulse 1.4s infinite}.search{display:flex;align-items:center;gap:8px;background:#ffffff0c;border:1px solid var(--line);border-radius:99px;padding:8px 14px;min-width:200px}.search input{background:none;border:none;outline:none;color:var(--ink);font-family:var(--font-thai);font-size:13.5px;width:100%}.search input::placeholder{color:var(--ink-4)}.search svg{width:15px;height:15px;color:var(--ink-3);flex-shrink:0}.icon-btn{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--ink-2);border:1px solid var(--line)}.icon-btn:hover{background:#ffffff0a;color:var(--ink)}.burger{display:none}.ticker{border-bottom:1px solid var(--line);background:#0c1a13;overflow:hidden;position:relative}.ticker-in{display:flex;align-items:stretch}.ticker-label{display:flex;align-items:center;gap:7px;flex-shrink:0;background:var(--live);color:#fff;font-weight:700;font-size:12px;letter-spacing:.8px;padding:0 16px;-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}.ticker-label .dot{width:7px;height:7px;border-radius:99px;background:#fff;animation:pulse 1.2s infinite}.ticker-track-wrap{overflow:hidden;flex:1 1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}.ticker-track{display:flex;gap:0;width:max-content;animation:scrollx 46s linear infinite}.ticker-track:hover{animation-play-state:paused}.tk{display:flex;align-items:center;gap:9px;padding:9px 18px;border-right:1px solid var(--line-soft);white-space:nowrap;font-size:13px}.tk .tk-min{color:var(--green);font-weight:700;font-size:11.5px;min-width:26px}.tk .tk-min.ft{color:var(--ink-3)}.tk .tk-sc{font-weight:800;font-family:var(--font-num);color:#fff}.tk .tk-sc em{color:var(--green);font-style:normal}.tk .tk-team{color:var(--ink-2)}.main{padding:20px 0 60px}.grid{display:grid;grid-template-columns:232px minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}.col-side{position:-webkit-sticky;position:sticky;top:78px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel+.panel{margin-top:16px}.panel-head{display:flex;align-items:center;gap:8px;padding:13px 15px;border-bottom:1px solid var(--line);font-weight:700;font-size:14px;white-space:nowrap}.panel-head .bar{width:3px;height:15px;border-radius:9px;background:var(--green)}.panel-head .count{margin-left:auto;font-size:11.5px;color:var(--ink-3);font-weight:500;flex-shrink:0}.lg-list{padding:6px}.lg-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;transition:.14s;text-align:left}.lg-item:hover{background:var(--row-hover)}.lg-item.on{background:#ffffff0d}.lg-item.on .lg-name{color:var(--ink)}.flag{width:26px;height:19px;border-radius:4px;flex-shrink:0;position:relative;overflow:hidden;display:grid;place-items:center;font-size:8.5px;font-weight:800;letter-spacing:.3px;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f;font-family:var(--font-num)}.lg-name{flex:1 1;font-size:13px;color:var(--ink-2);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-item .lg-badge{font-size:11px;font-weight:700;color:var(--green);min-width:18px;text-align:right}.lg-item .star{color:var(--gold);width:12px;height:12px;flex-shrink:0}.content-top{margin-bottom:16px}.ph-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.ph-title{min-width:0}.h-inline{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.h-inline .subhead{margin-top:0}@media (max-width:760px){.h-inline .subhead{display:none}}.date-chip{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);padding:8px 13px;border-radius:99px;white-space:nowrap;flex-shrink:0}.date-chip svg{color:var(--green)}.toolbar{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.toolbar .tabs{margin:0}.toolbar .filters{margin-top:0}.tb-divider{width:1px;align-self:stretch;background:var(--line);margin:4px 2px}@media (max-width:640px){.tb-divider{display:none}}.tb-search{margin-left:auto;min-width:240px}@media (max-width:560px){.tb-search{margin-left:0;width:100%;min-width:0}}.h1{font-family:var(--font-disp);font-weight:800;font-size:27px;letter-spacing:.3px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;white-space:nowrap}.h1>span:not(.date){display:inline-flex}.h1 .date{font-family:var(--font-thai);font-size:13px;font-weight:500;color:var(--ink-3)}.subhead{color:var(--ink-3);font-size:13.5px;margin-top:3px}.tabs{gap:6px;margin:16px 0 0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:5px;width:max-content;max-width:100%}.tab,.tabs{display:flex}.tab{align-items:center;gap:8px;padding:9px 16px;border-radius:8px;font-size:14px;font-weight:600;color:var(--ink-2);transition:.15s;white-space:nowrap}.tab:hover{color:var(--ink)}.tab.on{background:var(--green);color:#07140d}.tab .tcount{font-size:11px;background:#00000022;padding:1px 7px;border-radius:99px;font-family:var(--font-num)}.tab.on .tcount{background:#07140d22}.tab .ld{width:7px;height:7px;border-radius:99px;background:var(--live)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}.chip{font-size:12.5px;font-weight:600;color:var(--ink-2);background:#ffffff0a;border:1px solid var(--line);padding:6px 13px;border-radius:99px;transition:.14s}.chip:hover{color:var(--ink)}.chip.on,.chip:hover{border-color:var(--green-dim)}.chip.on{background:var(--green-glow);color:var(--green)}.chip .n{color:var(--ink-4);font-family:var(--font-num)}.chip.on .n{color:var(--green-dim)}.spacer{flex:1 1}.sortlink{font-size:12.5px;color:var(--ink-3);display:flex;align-items:center;gap:5px}.sortlink:hover{color:var(--ink)}.group{margin-top:18px}.group-head{display:flex;align-items:center;gap:11px;padding:10px 14px;background:linear-gradient(90deg,var(--surface),#0e1c1500);border:1px solid var(--line);border-bottom:none;border-radius:12px 12px 0 0}.group-head .flag{width:28px;height:20px}.group-title{font-weight:700;font-size:14.5px}.group-title .sub{color:var(--ink-3);font-weight:500;font-size:12px;margin-left:8px}.group-head .star-row{color:var(--gold);width:14px;height:14px}.group-head .gh-right{margin-left:auto;display:flex;gap:18px;font-size:11px;color:var(--ink-4);font-weight:600;letter-spacing:.3px;white-space:nowrap}.table{border:1px solid var(--line);border-top:none;border-radius:0 0 12px 12px;overflow:hidden;background:var(--surface);--cols:60px minmax(0,1fr) 64px minmax(0,1fr) 72px 200px 50px}.thead{display:grid;grid-template-columns:var(--cols);grid-gap:0;gap:0;align-items:center;padding:8px 14px;font-size:10.5px;font-weight:700;letter-spacing:.5px;color:var(--ink-4);text-transform:uppercase;border-bottom:1px solid var(--line);background:#0c1813}.thead span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thead .c-away,.thead .c-hdp,.thead .c-home,.thead .c-ht,.thead .c-live,.thead .c-sc{text-align:center}.thead .th-match{text-align:left;padding-left:4px}.c-match{flex-direction:column;gap:7px;padding:1px 8px 1px 4px}.c-match,.mteam{display:flex;min-width:0}.mteam{align-items:center;gap:10px}.mteam .crest{width:26px;height:26px;border-radius:7px}.mname{flex:1 1;min-width:0;font-size:13.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mname.fav{color:var(--green);font-weight:700}.msc{font-family:var(--font-num);font-weight:800;font-size:19px;line-height:1;color:var(--ink-3);min-width:20px;text-align:right;flex-shrink:0}.mteam.live .msc{color:#fff}.msc.flash,.msc.win{color:var(--green)}.msc.flash{animation:goalpop .9s ease}.row{display:grid;grid-template-columns:var(--cols);grid-gap:0;gap:0;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line-soft);position:relative;transition:background .14s;cursor:pointer}.row:last-child{border-bottom:none}.row:nth-child(2n){background:var(--row-alt)}.row:hover{background:var(--row-hover)}.row.live-row:before{left:0;background:var(--live)}.row.hot:after,.row.live-row:before{content:"";position:absolute;top:0;bottom:0;width:3px}.row.hot:after{right:0;background:linear-gradient(var(--gold),var(--gold-dim));opacity:.55}.c-time{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.kick{font-size:13px;color:var(--ink-2);font-weight:600}.st-badge{font-size:10px;font-weight:700;letter-spacing:.4px;padding:2px 7px;border-radius:5px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.st-live{background:#ff4d4f1f;color:#ff9a9b}.st-live .dot{width:5px;height:5px;border-radius:99px;background:var(--live);animation:pulse 1.3s infinite}.st-min{color:var(--green);font-weight:800;font-size:13px}.st-ht{background:var(--gold);color:#1a1205;font-weight:800}.st-ft,.st-ht{padding:2px 7px;border-radius:5px;font-size:10px}.st-ft{background:#ffffff14;color:var(--ink-3);font-weight:700}.st-ns{color:var(--ink-4);font-size:10.5px;font-weight:600}.c-home{justify-content:flex-end}.c-away,.c-home{display:flex;align-items:center;gap:10px;min-width:0}.c-away{justify-content:flex-start}.tname{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-home .tname{text-align:right}.tname.fav{color:var(--green)}.tname.dim{color:var(--ink-2);font-weight:500}.crest{width:28px;height:28px;border-radius:8px;flex-shrink:0;position:relative;display:grid;place-items:center;font-family:var(--font-num);font-weight:800;font-size:11px;color:#fff;letter-spacing:-.3px;box-shadow:inset 0 0 0 1px #ffffff22,0 2px 6px -2px #000a}.crest span{mix-blend-mode:normal;text-shadow:0 1px 2px #00000066}.c-sc{display:flex}.c-sc,.scorebox{align-items:center;justify-content:center}.scorebox{display:inline-flex;gap:7px;font-family:var(--font-num);font-weight:800;font-size:20px;line-height:1;padding:4px 10px;border-radius:8px;background:#00000033;min-width:58px}.scorebox.live{background:#ff4d4f14;color:#fff;box-shadow:inset 0 0 0 1px #ff4d4f30}.scorebox.ft{color:var(--ink)}.scorebox .vs{color:var(--ink-4);font-size:13px;font-weight:600}.scorebox .goal-flash{animation:goalpop .9s ease;color:var(--green)}.scorebox .sep{color:var(--ink-4)}.c-ht{text-align:center;font-family:var(--font-num);font-size:12.5px;color:var(--ink-3);font-weight:600}.c-hdp{display:flex;justify-content:center}.hdp{display:inline-flex;flex-direction:column;align-items:center;gap:1px;background:#f5c4510f;border:1px solid #f5c45130;border-radius:8px;padding:4px 11px;min-width:62px}.hdp .line{font-family:var(--font-num);font-weight:800;font-size:15px;color:var(--gold);line-height:1}.hdp .who{font-size:9px;color:var(--ink-4);font-weight:600;letter-spacing:.3px}.hdp.away .line{color:var(--blue)}.c-tip{justify-content:flex-start;overflow:hidden}.c-tip,.tip{display:flex;min-width:0}.tip{align-items:center;gap:7px;font-size:12px;padding:5px 9px;border-radius:8px;background:#ffffff07;border:1px solid var(--line);max-width:100%}.tip .conf{font-size:9px;font-weight:800;padding:2px 6px;border-radius:5px;letter-spacing:.3px;flex-shrink:0}.conf-VIP{background:linear-gradient(135deg,var(--gold),var(--gold-dim));color:#1a1205}.conf-มั่นใจ{background:var(--green-glow);color:var(--green)}.conf-แนะนำ{background:#5badd622;color:var(--blue)}.tip .pick{color:var(--ink-2);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1}.tip.win{border-color:var(--green-dim);background:var(--green-glow)}.tip .wincheck{color:var(--green);width:13px;flex-shrink:0}.c-live{display:flex}.c-live,.watch{justify-content:center}.watch{display:inline-flex;align-items:center;width:36px;height:32px;border-radius:9px;transition:.14s}.watch.on{background:var(--live);color:#fff;box-shadow:0 4px 14px -4px #ff4d4f88}.watch.on:hover{filter:brightness(1.08);transform:translateY(-1px)}.watch.off{background:#ffffff0d;color:var(--ink-3);border:1px solid var(--line)}.watch.off:hover{color:var(--green);border-color:var(--green-dim);background:var(--green-glow)}.tip-row{display:flex;align-items:center;gap:11px;padding:11px 14px;border-bottom:1px solid var(--line-soft);transition:.14s;cursor:pointer}.tip-row:last-child{border-bottom:none}.tip-row:hover{background:var(--row-hover)}.avatar{width:34px;height:34px;border-radius:99px;flex-shrink:0;display:grid;place-items:center;font-weight:800;color:#07140d;font-family:var(--font-num);font-size:14px}.tip-info{flex:1 1;min-width:0}.tip-info .ex{font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px}.tip-info .ex .rec{font-size:10px;color:var(--ink-4);font-weight:600;font-family:var(--font-num)}.tip-info .pk{font-size:12px;color:var(--ink-2);margin-top:1px}.tip-row .cf{font-size:9px;font-weight:800;padding:3px 7px;border-radius:6px;flex-shrink:0}.promo{border-radius:var(--radius);overflow:hidden;position:relative;padding:18px;background:linear-gradient(135deg,#103a24,#0a2417);border:1px solid var(--line);margin-top:16px}.promo h4{font-size:15px;font-weight:800}.promo p{font-size:12.5px;color:var(--ink-2);margin:6px 0 13px}.promo .cta{display:inline-flex;align-items:center;gap:7px;background:var(--green);color:#07140d;font-weight:700;font-size:13px;padding:9px 16px;border-radius:9px}.promo:after{content:"⚽";position:absolute;right:-10px;bottom:-18px;font-size:90px;opacity:.07}.standings .st-row{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line-soft);font-size:12.5px}.standings .st-row:last-child{border-bottom:none}.standings .pos{width:18px;font-family:var(--font-num);font-weight:800;color:var(--ink-3);text-align:center}.standings .pos.top{color:var(--green)}.standings .pts{margin-left:auto;font-family:var(--font-num);font-weight:800}.standings .stname{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2)}.toasts{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;background:#11231b;border:1px solid var(--green-dim);border-radius:12px;padding:12px 16px;box-shadow:var(--shadow-lg);animation:toastin .4s cubic-bezier(.2,.9,.3,1.3);min-width:250px}.toast .gicon{width:34px;height:34px;border-radius:9px;background:var(--green-glow);display:grid;place-items:center;font-size:18px}.toast .gtitle{font-weight:800;font-size:13px;color:var(--green);letter-spacing:.5px}.toast .gtext{font-size:12.5px;color:var(--ink-2);margin-top:1px}.toast .gsc{margin-left:auto;font-family:var(--font-num);font-weight:800;font-size:18px}.overlay{position:fixed;inset:0;z-index:80;background:#050b08cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;animation:fade .2s}.modal{width:min(560px,100%);background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden auto;max-height:calc(100dvh - 40px);animation:toastin .3s cubic-bezier(.2,.9,.3,1.2)}.modal-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;top:0;z-index:3}.modal-foot,.modal-head{position:-webkit-sticky;position:sticky;background:var(--surface)}.modal-foot{bottom:0}.modal-head .lg{font-size:12.5px;color:var(--ink-3);font-weight:600;display:flex;align-items:center;gap:8px}.modal-close{margin-left:auto;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--ink-3)}.modal-close:hover{background:#ffffff0d;color:var(--ink)}.modal-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:14px;gap:14px;padding:26px 20px}.ms-team{display:flex;flex-direction:column;align-items:center;gap:9px}.ms-team .crest{width:52px;height:52px;border-radius:13px;font-size:18px}.ms-team .nm{font-size:14px;font-weight:700}.ms-center,.ms-team .nm{text-align:center}.ms-center .big{font-family:var(--font-num);font-weight:800;font-size:44px;line-height:1}.ms-center .big em{font-style:normal;color:var(--green)}.ms-center .st{font-size:12px;margin-top:6px}.modal-stats{padding:4px 20px 20px}.stat{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;grid-gap:12px;gap:12px;padding:7px 0}.stat .lab{grid-column:2;text-align:center;font-size:11px;color:var(--ink-3)}.stat .v{font-family:var(--font-num);font-weight:700;font-size:14px}.stat .v.l{text-align:right}.stat .v.r{text-align:left}.stbar{grid-column:2;height:6px;border-radius:99px;background:#ffffff10;display:flex;overflow:hidden}.stbar .a{background:var(--green)}.stbar .b{background:var(--blue)}.modal-foot{padding:16px 20px;border-top:1px solid var(--line);display:flex;gap:10px}.btn-primary{background:var(--live);color:#fff;font-weight:700;border-radius:11px}.btn-ghost,.btn-primary{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;padding:12px}.btn-ghost{background:#ffffff0c;border:1px solid var(--line);color:var(--ink-2);border-radius:11px}.footer{border-top:1px solid var(--line);padding:30px 0;margin-top:20px;color:var(--ink-4);font-size:12.5px}.footer .wrap{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}.footer a{color:var(--ink-3);white-space:nowrap}.footer a:hover{color:var(--ink-2)}.m-only{display:none}.drawer-nav{display:flex;flex-direction:column;padding:8px}.drawer-link{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-radius:10px;font-size:15px;font-weight:600;color:var(--ink-2)}.drawer-link:hover{background:var(--row-hover);color:var(--ink)}.drawer-link.on{background:var(--green-glow);color:var(--green)}.panel-foot-link{display:flex;align-items:center;justify-content:center;gap:5px;padding:11px;font-size:12.5px;font-weight:700;color:var(--green);border-top:1px solid var(--line-soft)}.panel-foot-link:hover{background:var(--row-hover)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.82)}}@keyframes scrollx{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes goalpop{0%{transform:scale(1)}30%{transform:scale(1.5)}60%{transform:scale(.9)}to{transform:scale(1)}}@keyframes toastin{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rowflash{0%{background:var(--green-glow)}to{background:transparent}}.row.flash{animation:rowflash 1.4s ease}.mobile-drawer{display:none}@media (max-width:1180px){.grid{grid-template-columns:232px minmax(0,1fr)}}@media (max-width:1040px){.grid{grid-template-columns:1fr}.grid .col-left{display:none}}@media (max-width:980px){.nav,.topbar .search{display:none}.burger{display:grid}.brand-tag{display:none}}@media (max-width:760px){.wrap{padding:0 12px}.topbar-in{height:56px;gap:10px}.brand-tag{display:none}.brand-name{font-size:20px}.h1{font-size:22px}.ticker-label{padding:0 11px;font-size:11px}.thead{display:none}.row{grid-template-columns:1fr auto 1fr!important;grid-template-areas:"time  time  live" "home  score away" "hdp   tip   tip";gap:9px 12px;padding:13px 14px}.c-time{grid-area:time;flex-direction:row;align-items:center;gap:9px}.c-home{grid-area:home;justify-content:flex-start}.c-home .tname{text-align:left}.c-sc{grid-area:score;align-self:center}.c-away{grid-area:away;justify-content:flex-end}.c-away .tname{text-align:right}.c-hdp{grid-area:hdp;justify-self:start}.c-tip{grid-area:tip;justify-self:end}.c-tip .tip .pick{max-width:200px}.c-live{grid-area:live;justify-self:end}.row.hot:after{display:none}.sport-table .row{grid-template-areas:"time  time  live" "home  score away" "clock clock clock"}.sport-table .c-clock{grid-area:clock;flex-direction:row;justify-content:center;gap:8px;padding-top:2px}.sport-table .c-clock .ck-sub{max-width:none}}.grid-2{grid-template-columns:232px minmax(0,1fr);grid-gap:20px}.grid-2,.grid-2r{display:grid;gap:20px;align-items:start}.grid-2r{grid-template-columns:minmax(0,1fr) 320px;grid-gap:20px}@media (max-width:1080px){.grid-2{grid-template-columns:1fr}.grid-2 .col-left{display:none}.grid-2r{grid-template-columns:1fr}.grid-2r .col-right{display:none}}.daytabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.daytab{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 18px;border-radius:11px;background:var(--surface);border:1px solid var(--line);transition:.14s}.daytab:hover{border-color:var(--green-dim)}.daytab.on{background:var(--green);border-color:var(--green)}.daytab .dt{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap}.daytab .dn{font-size:10.5px;color:var(--ink-3);white-space:nowrap}.daytab.on .dn,.daytab.on .dt{color:#07140d}.tipster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));grid-gap:16px;gap:16px}.tipster{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.16s}.tipster:hover{border-color:var(--green-dim);transform:translateY(-2px);box-shadow:var(--shadow)}.ts-head{display:flex;align-items:center;gap:13px;padding:16px;border-bottom:1px solid var(--line);position:relative}.ts-avatar{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:800;color:#07140d;font-family:var(--font-num);font-size:20px;flex-shrink:0}.ts-name{font-size:16px;font-weight:800;display:flex;align-items:center;gap:7px;white-space:nowrap}.ts-id{flex:1 1;min-width:0;padding-right:56px}.ts-vip{font-size:9px;font-weight:800;padding:2px 7px;border-radius:5px;background:linear-gradient(135deg,var(--gold),var(--gold-dim));color:#1a1205;letter-spacing:.5px}.ts-meta{display:flex;gap:14px;margin-top:4px;font-size:11.5px;color:var(--ink-3);white-space:nowrap}.ts-meta b{color:var(--green);font-family:var(--font-num)}.ts-rate{position:absolute;right:16px;top:16px;text-align:right}.ts-rate .big{font-family:var(--font-num);font-weight:800;font-size:26px;color:var(--green);line-height:1}.ts-rate .lab{font-size:9.5px;color:var(--ink-4);letter-spacing:.4px}.ts-picks{padding:6px}.ts-pick{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:9px;transition:.14s}.ts-pick:hover{background:var(--row-hover)}.ts-pick .pwhen{font-size:11px;color:var(--ink-4);font-family:var(--font-num);min-width:38px}.ts-pick .pteams{flex:1 1;min-width:0}.ts-pick .pmatch{font-size:11.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-pick .ppick{font-size:13px;font-weight:700;color:var(--ink);margin-top:1px}.ts-pick .pcf{font-size:9px;font-weight:800;padding:3px 7px;border-radius:6px;flex-shrink:0}.ts-foot{padding:12px 16px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.streak-dots{display:flex;gap:4px}.streak-dots i{width:16px;height:7px;border-radius:4px;background:var(--green);display:block}.streak-dots i.l{background:#ffffff18}.seg{display:inline-flex;gap:5px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:5px}.seg button{padding:8px 16px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--ink-2)}.seg button.on{background:var(--green);color:#07140d}.odds-table{--ocols:64px minmax(0,1fr) 150px 150px 156px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.odds-row,.odds-thead{display:grid;grid-template-columns:var(--ocols);align-items:center}.odds-thead{padding:9px 14px;font-size:10.5px;font-weight:700;color:var(--ink-4);letter-spacing:.4px;text-transform:uppercase;border-bottom:1px solid var(--line);background:#0c1813}.odds-thead span{text-align:center}.odds-thead .o-match{text-align:left}.odds-row{padding:11px 14px;border-bottom:1px solid var(--line-soft);transition:.14s}.odds-row:last-child{border-bottom:none}.odds-row:nth-child(2n){background:var(--row-alt)}.odds-row:hover{background:var(--row-hover)}.o-match{align-items:center;gap:10px}.o-match,.o-match .ot{display:flex;min-width:0}.o-match .ot{flex-direction:column;gap:3px}.o-match .oline{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;min-width:0}.o-match .oline span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-match .oline .crest{width:22px;height:22px;border-radius:6px;font-size:9px}.o-time{font-family:var(--font-num);font-size:12.5px;color:var(--ink-3);font-weight:600}.o-grp{display:flex;flex-direction:column;gap:5px;padding:0 6px}.o-cell{display:grid;grid-template-columns:1fr 52px;align-items:center;grid-gap:8px;gap:8px;font-size:12px}.o-cell .lbl{color:var(--ink-3)}.o-cell .lbl b{color:var(--ink)}.o-cell .lbl b,.o-cell .w{font-family:var(--font-num)}.o-cell .w{font-weight:700;text-align:right;padding:3px 8px;border-radius:6px;background:#00000033}.o-cell .w.fav{color:var(--green);background:var(--green-glow)}.o-cell .w.blue{color:var(--blue)}.o-ml{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;gap:5px;padding:0 6px}.o-ml div{text-align:center;padding:6px 2px;border-radius:7px;background:#00000033}.o-ml div .k{font-size:9px;color:var(--ink-4);display:block}.o-ml div .v{font-family:var(--font-num);font-weight:700;font-size:13px}.o-ml div.best .v{color:var(--gold)}@media (max-width:860px){.odds-table{--ocols:1fr}.odds-thead{display:none}.odds-row{grid-template-columns:1fr;gap:12px}.o-grp,.o-ml{border-top:1px dashed var(--line);padding-top:10px}}.an-layout{display:grid;grid-template-columns:340px minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}@media (max-width:980px){.an-layout{grid-template-columns:1fr}}.an-list{display:flex;flex-direction:column;gap:8px}.an-item{display:flex;align-items:center;gap:11px;padding:13px;border-radius:12px;background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:.14s}.an-item:hover{border-color:var(--green-dim)}.an-item.on{border-color:var(--green);background:var(--green-glow)}.an-item .crest{width:26px;height:26px}.an-item .ai-main{flex:1 1;min-width:0}.an-item .ai-teams{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.an-item .ai-sub{font-size:11.5px;color:var(--ink-3);margin-top:1px}.an-item .ai-go{color:var(--ink-4)}.an-detail{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.and-head{padding:22px 20px;background:linear-gradient(135deg,#103a24,#0c1c14);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:14px;gap:14px;border-bottom:1px solid var(--line)}.and-team{display:flex;flex-direction:column;align-items:center;gap:9px}.and-team .crest{width:54px;height:54px;border-radius:14px;font-size:18px}.and-team .nm{font-size:14.5px;font-weight:700;text-align:center}.and-center .vs{font-family:var(--font-disp);font-weight:800;font-size:22px;color:var(--ink-3)}.and-center .tm{font-family:var(--font-num);font-size:13px;color:var(--green);margin-top:3px}.and-section{padding:18px 20px;border-bottom:1px solid var(--line)}.and-section:last-child{border-bottom:none}.and-title{font-size:12px;font-weight:700;color:var(--ink-3);letter-spacing:.5px;margin-bottom:13px;text-transform:uppercase;gap:8px;white-space:nowrap}.and-title,.form-row{display:flex;align-items:center}.form-row{gap:12px;margin-bottom:10px}.form-row:last-child{margin-bottom:0}.form-row .fn{width:96px;font-size:13px;font-weight:600;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-pills{display:flex;gap:5px}.fp{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-family:var(--font-num);font-weight:800;font-size:11px;color:#fff}.fp.W{background:var(--green-dim)}.fp.D{background:#ffffff22;color:var(--ink-2)}.fp.L{background:#c0392b}.h2h-row{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:13px;border-bottom:1px solid var(--line-soft)}.h2h-row:last-child{border-bottom:none}.h2h-row .dot2{width:8px;height:8px;border-radius:99px;flex-shrink:0}.h2h-row .dot2.h{background:var(--green)}.h2h-row .dot2.a{background:var(--blue)}.h2h-row .dot2.d{background:var(--ink-4)}.h2h-row .res{font-weight:700;white-space:nowrap}.h2h-row .res,.prob-bar{font-family:var(--font-num)}.prob-bar{height:30px;border-radius:9px;overflow:hidden;display:flex;font-weight:800;font-size:12px}.prob-bar .ph{background:var(--green-dim);color:#07140d;display:grid;place-items:center}.prob-bar .pd{background:#ffffff1a;color:var(--ink-2);display:grid;place-items:center}.prob-bar .pa{background:#2a6f9e;color:#fff;display:grid;place-items:center}.prob-legend{display:flex;gap:16px;margin-top:9px;font-size:11.5px;color:var(--ink-3)}.verdict{background:var(--green-glow);border:1px solid var(--green-dim);border-radius:11px;padding:14px;font-size:13.5px;line-height:1.6}.verdict b{color:var(--green)}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.atag{font-size:11.5px;font-weight:600;color:var(--ink-2);background:#ffffff0a;border:1px solid var(--line);padding:5px 11px;border-radius:99px}.flow-pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;background:#f5c4510f;border:1px solid #f5c45130;padding:9px 14px;border-radius:10px}.flow-pill b{color:var(--gold);font-family:var(--font-num)}.watch-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:20px;gap:20px;align-items:start}@media (max-width:980px){.watch-grid{grid-template-columns:1fr}}.player{background:#07110c;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.player-screen{position:relative;aspect-ratio:16/9;background:radial-gradient(120% 100% at 50% 0,#14361f,#061009);display:grid;place-items:center;overflow:hidden}.player-screen:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,#ffffff06 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 64px)}.pitch-lines{position:absolute;inset:14% 10%;border:2px solid #ffffff14;border-radius:4px}.pitch-lines:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#ffffff14}.pitch-lines:after{content:"";position:absolute;left:50%;top:50%;width:64px;height:64px;border:2px solid #ffffff14;border-radius:99px;transform:translate(-50%,-50%)}.play-big{position:relative;width:76px;height:76px;border-radius:99px;background:#ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff2a;display:grid;place-items:center;color:#fff;cursor:pointer;transition:.16s;z-index:2}.play-big:hover{background:var(--green);color:#07140d;transform:scale(1.06)}.player-top{top:0;gap:10px;padding:14px 16px;background:linear-gradient(#000a,transparent)}.player-bot,.player-top{position:absolute;left:0;right:0;display:flex;align-items:center;z-index:2}.player-bot{bottom:0;gap:14px;padding:12px 16px;background:linear-gradient(transparent,#000a)}.live-tag{display:inline-flex;align-items:center;gap:6px;background:var(--live);color:#fff;font-size:11px;font-weight:800;padding:4px 9px;border-radius:6px;letter-spacing:.5px}.live-tag .dot{width:6px;height:6px;border-radius:99px;background:#fff;animation:pulse 1.3s infinite}.viewers{font-size:12px;color:#fff;display:flex;align-items:center;gap:6px}.player-bot .pscore{font-family:var(--font-num);font-weight:800;font-size:19px;color:#fff;white-space:nowrap}.player-bot .pmin{color:var(--green);font-family:var(--font-num);font-weight:700;font-size:13px}.qbtn{margin-left:auto;font-size:11px;font-weight:700;color:#fff;border:1px solid #ffffff33;padding:4px 9px;border-radius:6px}.player-info{padding:14px 16px;display:flex;align-items:center;gap:12px}.player-info .pi-mid{flex:1 1;min-width:0}.player-info .pi-teams{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-info .pi-lg{font-size:12px;color:var(--ink-3)}.player-info .pi-actions{margin-left:auto;display:flex;gap:8px}.ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-top:16px}.ch-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;transition:.14s}.ch-card:hover{border-color:var(--green-dim)}.ch-card.on{border-color:var(--green)}.ch-thumb{aspect-ratio:16/9;background:radial-gradient(120% 100% at 50% 0,#143620,#08130c);position:relative;display:grid;place-items:center}.ch-thumb .play-sm{width:38px;height:38px;border-radius:99px;background:#ffffff18;border:1px solid #ffffff2a;display:grid;place-items:center;color:#fff}.ch-thumb .live-tag{position:absolute;top:8px;left:8px;transform:scale(.85);transform-origin:left top}.ch-body{padding:10px 12px}.ch-body .cn{font-size:13px;font-weight:700}.ch-body .cm{font-size:11.5px;color:var(--ink-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;height:560px}.chat-head{padding:13px 15px;border-bottom:1px solid var(--line);font-weight:700;font-size:14px;gap:8px}.chat-head,.chat-head .on-now{display:flex;align-items:center}.chat-head .on-now{margin-left:auto;font-size:11px;color:var(--green);font-weight:600;gap:5px}.chat-body{flex:1 1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:11px}.cmsg{display:flex;gap:9px;animation:toastin .3s ease}.cmsg .cav{width:26px;height:26px;border-radius:99px;flex-shrink:0;display:grid;place-items:center;font-size:11px;font-weight:800;color:#07140d}.cmsg .cb{min-width:0}.cmsg .cu{font-size:11.5px;font-weight:700}.cmsg .cc{font-size:13px;color:var(--ink-2);line-height:1.4}.chat-foot{padding:11px 13px;border-top:1px solid var(--line);display:flex;gap:8px}.chat-foot input{flex:1 1;background:#ffffff0c;border:1px solid var(--line);border-radius:10px;padding:9px 13px;color:var(--ink);font-family:var(--font-thai);font-size:13px;outline:none}.chat-foot input:focus{border-color:var(--green-dim)}.chat-send{width:40px;border-radius:10px;background:var(--green);color:#07140d;display:grid;place-items:center;flex-shrink:0}.iconbtn-sm{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--ink-2);border:1px solid var(--line);background:#ffffff08}.iconbtn-sm:hover{color:var(--ink);background:#ffffff10}.btn-green{display:inline-flex;align-items:center;gap:7px;background:var(--green);color:#07140d;font-weight:700;font-size:13px;padding:9px 15px;border-radius:10px}.sportbar{background:#07110c;border-bottom:1px solid var(--line)}.sportbar-in{display:flex;align-items:center;gap:12px;height:44px}.sportbar-lab{font-size:10.5px;color:var(--ink-4);font-weight:700;letter-spacing:.6px;flex-shrink:0;text-transform:uppercase}.sportbar-tabs{display:flex;gap:2px;overflow-x:auto;flex:1 1;scrollbar-width:none}.sportbar-tabs::-webkit-scrollbar{display:none;height:0}.sport-tab{display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:8px;flex-shrink:0;color:var(--ink-3);transition:.14s;border-bottom:2px solid transparent}.sport-tab:hover{color:var(--ink);background:#ffffff06}.sport-tab.on{color:var(--ink);background:#ffffff08;border-bottom-color:var(--sc)}.sport-badge{min-width:30px;height:20px;padding:0 6px;border-radius:6px;display:grid;place-items:center;font-family:var(--font-num);font-weight:800;font-size:10.5px;letter-spacing:.3px}.sport-label{font-size:12.5px;font-weight:600;white-space:nowrap}@media (max-width:720px){.sport-label,.sportbar-lab{display:none}}.sport-table{--cols:88px minmax(0,1fr) 96px minmax(0,1fr) 132px 56px}.c-clock{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;min-width:0}.c-clock .ck{font-family:var(--font-num);font-size:12.5px;font-weight:700;color:var(--ink-2);white-space:nowrap}.c-clock .ck.on{color:var(--green)}.c-clock .ck-time{font-family:var(--font-num);font-size:13px;color:var(--ink-2);font-weight:600}.c-clock .ck-sub{font-size:9.5px;color:var(--ink-4);font-family:var(--font-num);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.f1-hero{background:linear-gradient(135deg,#2a0a0a,#140a0c);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.f1-hero-top{display:flex;align-items:center;gap:12px}.f1-gp{font-family:var(--font-disp);font-weight:800;font-size:21px}.f1-circuit{font-size:12.5px;color:var(--ink-3);margin-top:2px}.f1-lap{margin-top:16px}.f1-lapn{display:flex;align-items:baseline;gap:8px}.f1-lapn .num{font-family:var(--font-num);font-weight:800;font-size:32px;color:#ff5a5a;line-height:1}.f1-lapt{font-size:13px;color:var(--ink-3)}.f1-progress{height:6px;border-radius:99px;background:#ffffff12;margin-top:9px;overflow:hidden}.f1-bar{height:100%;background:linear-gradient(90deg,#ff2e2e,#ff7a45);border-radius:99px}.f1-row{display:grid;grid-template-columns:40px 4px 48px minmax(0,1fr) 80px 40px;align-items:center;grid-gap:10px;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line-soft)}.f1-row:last-child{border-bottom:none}.f1-row:nth-child(2n){background:var(--row-alt)}.f1-pos{font-family:var(--font-num);font-weight:800;font-size:16px;color:var(--ink-2);text-align:center}.f1-pos.podium{color:var(--gold)}.f1-team-bar{width:4px;height:24px;border-radius:2px}.f1-code{font-family:var(--font-num);font-weight:800;font-size:14px}.f1-driver{display:flex;flex-direction:column;min-width:0}.f1-name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f1-teamn{font-size:11px;color:var(--ink-4)}.f1-gap{color:var(--ink-2);text-align:right}.f1-gap,.f1-pits{font-family:var(--font-num);font-size:13px}.f1-pits{color:var(--ink-3);text-align:center}.f1-sched{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line-soft);font-size:13px}.f1-sched:last-child{border-bottom:none}.f1-sdot{width:8px;height:8px;border-radius:99px;background:#ffffff22;flex-shrink:0}.f1-sdot.done{background:var(--ink-4)}.f1-sdot.live{background:#ff2e2e;animation:pulse 1.3s infinite}.f1-sname{font-weight:600;color:var(--ink-2)}.f1-sday{margin-left:auto;color:var(--ink-3);font-size:12px}.mma-hero{background:linear-gradient(135deg,#2a0a0a,#150a10);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-align:center}.mma-org{font-size:11px;letter-spacing:1.8px;color:var(--ink-3);font-weight:700}.mma-event{font-family:var(--font-disp);font-weight:800;font-size:32px;margin:5px 0;letter-spacing:.5px}.mma-venue{font-size:13px;color:var(--ink-3)}.mma-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.mma-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.mma-card.title{border-color:var(--gold-dim);background:linear-gradient(180deg,#19140a,var(--surface))}.mma-card.live{border-color:var(--live);box-shadow:0 0 0 1px #ff4d4f30}.mma-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px}.mma-wclass{font-size:12px;font-weight:700;color:var(--ink-2);letter-spacing:.3px;white-space:nowrap}.mma-card.title .mma-wclass{color:var(--gold)}.mma-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:12px;gap:12px}.mma-fighter{display:flex;align-items:center;gap:11px;min-width:0}.mma-fighter.f2{flex-direction:row-reverse}.mma-av{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:18px;color:#fff;flex-shrink:0}.mma-fmeta{min-width:0}.mma-fighter.f2 .mma-fmeta{text-align:right}.mma-fname{font-size:15px;font-weight:700;display:flex;align-items:center;gap:7px;white-space:nowrap}.mma-fighter.f2 .mma-fname{flex-direction:row-reverse}.mma-frec{font-size:12px;color:var(--ink-3);margin-top:2px;white-space:nowrap}.mma-fighter.lose{opacity:.48}.mma-w{font-size:9px;font-weight:800;background:var(--green);color:#07140d;padding:2px 6px;border-radius:5px}.mma-mid{text-align:center;flex-shrink:0}.mma-x{font-family:var(--font-disp);font-weight:800;color:var(--ink-4);font-size:16px}.mma-method{margin-top:12px;padding-top:11px;border-top:1px solid var(--line-soft);font-size:12.5px;color:var(--ink-3);text-align:center}@media (max-width:600px){.mma-av{width:38px;height:38px;font-size:15px}.mma-fname{font-size:13px}.mma-event{font-size:24px}}.api-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:7px 13px;border-radius:99px;background:var(--green);color:#07140d;flex-shrink:0;white-space:nowrap;box-shadow:0 4px 14px -6px var(--green-glow)}.api-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.api-btn svg{stroke:none;fill:#07140d}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(400px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-lg)}.auth-card h1{font-size:22px;margin-bottom:4px;color:var(--green)}.auth-card p.sub{color:var(--ink-3);font-size:13px;margin-bottom:20px}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;color:var(--ink-2);margin-bottom:6px}.input,.select,.textarea{width:100%;background:#ffffff0c;border:1px solid var(--line);border-radius:9px;padding:10px 12px;color:var(--ink);font-family:inherit;font-size:14px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--green)}.select{color-scheme:dark;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a9c2b4' stroke-width='3'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.select optgroup,.select option{background:#11231b;color:var(--ink)}.textarea{min-height:90px;resize:vertical;font-family:var(--font-num)}.btn{background:var(--green);color:#07140d;font-weight:700;border-radius:9px;padding:10px 16px;font-size:14px;display:inline-flex;align-items:center;gap:6px}.btn:disabled{opacity:.5;cursor:default}.btn-sm{padding:6px 12px;font-size:13px}.btn-ghost{background:#ffffff10;color:var(--ink);font-weight:600;border-radius:9px;padding:8px 14px;font-size:13px}.btn-danger{background:#ff4d4f22;color:var(--live)}.err{color:var(--live)}.err,.ok-msg{font-size:13px;margin-top:8px}.ok-msg{color:var(--green)}.admin{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.admin-side{background:#0c1c14;border-right:1px solid var(--line);padding:20px 14px}.admin-side .a-brand{font-family:var(--font-disp);font-weight:800;font-size:18px;color:var(--green);padding:0 8px 16px;display:block}.admin-side .who{font-size:12px;color:var(--ink-3);padding:0 8px 16px;border-bottom:1px solid var(--line);margin-bottom:12px}.admin-nav a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:9px;color:var(--ink-2);font-size:14px;font-weight:600;margin-bottom:3px}.admin-nav a:hover{background:#ffffff0a;color:var(--ink)}.admin-nav a.on{background:var(--green-glow);color:var(--green)}.admin-main{padding:28px 32px;max-width:920px}.admin-main h2{font-size:24px;margin-bottom:4px}.admin-main .lead{color:var(--ink-3);font-size:14px;margin-bottom:24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:18px}.card h3{font-size:16px;margin-bottom:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.list-item:last-child{border-bottom:none}.list-item .grow{flex:1 1;min-width:0}.badge{font-size:11px;padding:2px 8px;border-radius:99px;background:#ffffff14;color:var(--ink-2)}.badge.green{background:var(--green-glow);color:var(--green)}.badge.gold{background:#f5c45122;color:var(--gold)}.badge.red{background:#ff4d4f22;color:var(--live)}.row-flex{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.color-swatch{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);padding:0}@media (max-width:720px){.admin{grid-template-columns:1fr}.admin-side{display:none}.grid2{grid-template-columns:1fr}}