:root{--carbon:#0d0d0d;--slate:#1a1a1a;--line:#2e2a28;--red:#e50914;--gold:gold;--text:#fff;--muted:#a8a29e;--win:#2fbf71;--draw:#8a8580;--display:"Chakra Petch", "Tahoma", system-ui, sans-serif;--body:"IBM Plex Sans Thai", "Tahoma", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--carbon);color:var(--text);font:400 16px/1.8 var(--body);margin:0}.wrap{max-width:1180px;margin:0 auto;padding-inline:20px}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.notice{background:var(--gold);color:var(--carbon);font:600 12px/1 var(--display);letter-spacing:.08em;text-align:center;padding:8px 16px}header{top:env(safe-area-inset-top,0px);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#0d0d0deb;position:sticky}.bar{align-items:center;gap:28px;height:64px;display:flex}.logo{font:italic 700 26px/1 var(--display);letter-spacing:-.01em}.logo b{color:var(--gold)}.actions{gap:10px;display:flex}.btn{font:600 14px/1 var(--display);border:0;border-radius:3px;padding:10px 18px}.btn-red{background:var(--red);color:#fff}.btn-ghost{color:var(--text);box-shadow:inset 0 0 0 1px var(--line);background:0 0}@media (max-width:860px){.bar{justify-content:space-between}}.crumb{font:500 13px/1.4 var(--display);color:var(--muted);flex-wrap:wrap;gap:8px;padding-block:18px;display:flex}.crumb span:not(:last-child):after{content:"›";color:var(--red);margin-left:8px}.crumb span:last-child{color:var(--text)}.cover{aspect-ratio:16/9;background:url(/card-football.webp) center/cover, var(--slate);border-radius:4px;place-items:center;max-width:100%;display:grid;position:relative;overflow:hidden}.cover:before{content:"";background:radial-gradient(#0d0d0d8c,#0d0d0deb 75%);position:absolute;inset:0}.cover:after{content:"";background:linear-gradient(90deg, var(--red) 0 60%, var(--gold) 60%);height:6px;position:absolute;bottom:0;left:0;right:0}.cv{z-index:1;justify-items:center;gap:clamp(8px,2vw,18px);width:100%;padding:16px;display:grid;position:relative}.cv-ucl{filter:drop-shadow(0 2px 8px #0009);width:clamp(34px,6vw,60px);height:auto}.cv-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(10px,3vw,40px);width:100%;max-width:820px;display:grid}.cv-team{text-align:center;justify-items:center;gap:clamp(6px,1.4vw,14px);display:grid}.cv-team img{filter:drop-shadow(0 6px 18px #000000b3);width:clamp(64px,14vw,150px);height:auto}.cv-team b{font:700 clamp(16px, 3vw, 34px)/1.15 var(--display);text-shadow:0 2px 12px #000}.cv-vs{font:italic 700 clamp(22px, 4.6vw, 56px)/1 var(--display);color:var(--gold);text-shadow:0 2px 16px #000}.page{grid-template-columns:minmax(0,1fr) 320px;gap:40px;padding-block:28px 64px;display:grid}@media (max-width:960px){.page{grid-template-columns:1fr}}.kicker{font:600 12px/1 var(--display);letter-spacing:.14em;color:var(--gold);align-items:center;gap:10px;display:flex}.kicker img{object-fit:contain;width:22px;height:22px}h1{font:700 clamp(28px, 4vw, 42px)/1.2 var(--display);text-wrap:balance;margin:12px 0 14px}.byline{color:var(--muted);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px 18px;padding-bottom:20px;font-size:14px;display:flex}.byline b{color:var(--text);font-weight:600}.dek{color:#d6d1cc;max-width:65ch;margin:22px 0;font-size:18px}.toc{background:var(--slate);border:1px solid var(--line);border-radius:4px;margin:24px 0;padding:16px 20px}.toc h2{font:600 13px/1 var(--display);letter-spacing:.14em;color:var(--muted);margin:0 0 8px}.toc ol{gap:2px;margin:0;padding-left:20px;font-size:15px;display:grid}.toc li::marker{color:var(--red);font-family:var(--display);font-weight:700}article h2{font:700 26px/1.25 var(--display);text-wrap:balance;align-items:center;gap:12px;margin:40px 0 14px;display:flex}article h2:before{content:"";background:var(--red);flex:none;width:14px;height:20px;transform:skew(-18deg)}article p{color:#e4e0dc;max-width:65ch;margin:0 0 16px}article p strong{color:var(--gold);font-weight:600}.info{border:1px solid var(--line);border-radius:4px;grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}.info div{border-bottom:1px solid var(--line);gap:2px;padding:12px 16px;display:grid}.info div:nth-child(odd){border-right:1px solid var(--line)}.info div:nth-last-child(-n+2){border-bottom:0}.info small{font:600 11px/1.2 var(--display);letter-spacing:.12em;color:var(--muted)}.info span{font:600 16px/1.4 var(--display);align-items:center;gap:8px;display:flex}.info img{object-fit:contain;width:20px;height:20px}@media (max-width:520px){.info{grid-template-columns:1fr}.info div:nth-child(odd){border-right:0}.info div:nth-last-child(2){border-bottom:1px solid var(--line)}}.form{gap:10px;display:grid}.form-row{background:var(--slate);border:1px solid var(--line);border-radius:4px;grid-template-columns:200px 1fr;align-items:center;gap:12px;padding:12px 16px;display:grid}.form-row .tm{font:600 16px/1.2 var(--display);align-items:center;gap:10px;display:flex}.form-row .tm img{object-fit:contain;width:28px;height:28px}.chips{gap:6px;display:flex}.fr{width:30px;height:30px;font:700 13px/1 var(--display);color:#0d0d0d;border-radius:3px;place-items:center;display:grid}.fr.w{background:var(--win)}.fr.d{background:var(--draw)}.fr.l{background:var(--red);color:#fff}@media (max-width:520px){.form-row{grid-template-columns:1fr}}.table-box{border:1px solid var(--line);border-radius:4px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}th{text-align:left;font:600 12px/1 var(--display);letter-spacing:.12em;color:var(--muted);border-bottom:1px solid var(--line);background:var(--slate);padding:12px 16px}td{border-bottom:1px solid var(--line);padding:12px 16px}td.sc{font:700 16px/1 var(--display);font-variant-numeric:tabular-nums;color:var(--gold);text-align:center}td.dt{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.pick{background:linear-gradient(120deg, #1d1705, var(--slate) 60%);text-align:center;border:1px solid #ffd70059;border-radius:4px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:24px;display:grid}.pick .tm{font:600 16px/1.2 var(--display);justify-items:center;gap:8px;display:grid}.pick .tm img{object-fit:contain;width:56px;height:56px}.pick .big{font:700 52px/1 var(--display);font-variant-numeric:tabular-nums;color:var(--gold)}.pick small{font:600 11px/1 var(--display);letter-spacing:.14em;color:var(--muted);margin-bottom:8px;display:block}.chan{flex-wrap:wrap;gap:8px;display:flex}.chip{font:600 14px/1 var(--display);background:var(--slate);border:1px solid var(--line);border-radius:2px;padding:10px 14px}details.faq{border-bottom:1px solid var(--line);max-width:65ch;padding:14px 0}details.faq summary{cursor:pointer;font:600 17px/1.4 var(--display);justify-content:space-between;gap:12px;list-style:none;display:flex}details.faq summary::-webkit-details-marker{display:none}details.faq summary:after{content:"+";color:var(--gold);font-size:22px;line-height:1}details.faq[open] summary:after{content:"−"}details.faq p{color:var(--muted);margin:10px 0 0;font-size:15px}details.tags{border:1px solid var(--line);background:var(--slate);border-radius:4px;margin-top:40px}details.tags summary{cursor:pointer;font:600 14px/1 var(--display);letter-spacing:.08em;color:var(--muted);justify-content:space-between;padding:14px 18px;list-style:none;display:flex}details.tags summary::-webkit-details-marker{display:none}details.tags summary:after{content:"แสดง";color:var(--gold)}details.tags[open] summary:after{content:"ซ่อน"}.tag-list{flex-wrap:wrap;gap:8px;padding:0 18px 18px;display:flex}.tag{font:500 13px/1 var(--display);background:var(--carbon);border:1px solid var(--line);color:var(--muted);border-radius:2px;padding:8px 12px}.tag.brand{color:var(--gold);border-color:#ffd7004d}aside{align-content:start;gap:20px;display:grid}.box{background:var(--slate);border:1px solid var(--line);border-radius:4px}.box h3{font:600 13px/1 var(--display);letter-spacing:.12em;color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:8px;margin:0;padding:14px 18px;display:flex}.box h3 img{object-fit:contain;width:18px;height:18px}.rel{border-bottom:1px solid var(--line);grid-template-columns:84px 1fr;align-items:center;gap:12px;padding:12px 18px;display:grid}.rel:last-child{border-bottom:0}.rel .th{aspect-ratio:4/3;background-position:50%;background-size:cover;border-radius:3px;max-width:100%}.rel b{font:600 14px/1.4 var(--display);display:block}.rel small{color:var(--muted);font-size:12px}.mini{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr;align-items:center;gap:10px;padding:10px 18px;font-size:14px;line-height:1.4;display:grid}.mini:last-child{border-bottom:0}.mini .t{font:700 14px/1 var(--display);color:var(--gold);font-variant-numeric:tabular-nums}.mini .p{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.mini img{object-fit:contain;width:18px;height:18px}.mini i{color:var(--muted);font-style:normal}.cta{text-align:center;background:linear-gradient(160deg, #2a0306, var(--slate) 70%);border-color:#e5091473;gap:10px;padding:20px;display:grid}.cta b{font:700 20px/1.3 var(--display)}.cta p{color:var(--muted);margin:0;font-size:14px}footer{border-top:1px solid var(--line);color:var(--muted);background:#090909;padding-block:28px;font-size:13px}.mc{aspect-ratio:16/9;isolation:isolate;max-width:100%;font-family:var(--display);color:#fff;background:#0d0d0d;border-radius:4px;position:relative;overflow:hidden;container-type:inline-size}.mc-bg{z-index:-2;background:url(/card-football.webp) 62%/cover;position:absolute;inset:0}.mc:before{content:"";z-index:-1;background:linear-gradient(90deg,#0d0d0d 0%,#0d0d0df0 30%,#0d0d0d73 58%,#0d0d0dcc 100%),repeating-linear-gradient(45deg,#ffffff06 0 2px,#0000 2px 5px);position:absolute;inset:0}.mc:after{content:"";background:linear-gradient(90deg, var(--red) 0 62%, var(--gold) 62%);height:1.1cqw;position:absolute;bottom:0;left:0;right:0}.mc-slash{background:var(--red);opacity:.85;z-index:-1;width:1.4cqw;position:absolute;top:-10%;bottom:-10%;left:57%;transform:skew(-16deg)}.mc-left{flex-direction:column;justify-content:center;gap:1.8cqw;width:54cqw;display:flex;position:absolute;top:0;bottom:0;left:5cqw}.mc-brand{flex-wrap:wrap;align-items:center;gap:2.4cqw;display:flex}.mc-logo{font:italic 700 6.2cqw/1 var(--display);letter-spacing:-.02em}.mc-logo b{color:var(--gold)}.mc-label{font:700 1.5cqw/1 var(--display);letter-spacing:.2em;color:var(--red);border-left:.4cqw solid var(--red);padding-left:1cqw}.mc-comp{width:max-content;font:600 1.7cqw/1 var(--display);color:#fff;background:#ffd70014;border:.15cqw solid #ffd70073;border-radius:99px;align-items:center;gap:1cqw;padding:.7cqw 1.6cqw .7cqw .8cqw;display:inline-flex}.mc-comp img{object-fit:contain;width:2.6cqw;height:2.6cqw}.mc-names{background:#0d0d0d8c;border:.15cqw solid #ffffff14;border-radius:.8cqw;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.6cqw;padding:1.6cqw 2cqw;display:grid}.mc-names b{font:700 4.3cqw/1.15 var(--display);text-wrap:balance;word-break:keep-all}.mc-names b:last-child{text-align:right}.mc-names i{font:italic 700 4cqw/1 var(--display);color:var(--gold)}.mc-sub{font:500 1.75cqw/1.3 var(--body);color:#d6d1cc}.mc-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141212b8;border:.15cqw solid #ffd7004d;border-radius:1.4cqw;grid-template-rows:auto 1fr auto;gap:1.4cqw;width:31cqw;padding:2.4cqw;display:grid;position:absolute;top:8cqw;bottom:8cqw;right:4cqw;box-shadow:0 2cqw 5cqw #0009}.mc-sides{font:600 1.5cqw/1 var(--display);color:var(--muted);text-align:center;grid-template-columns:1fr 1fr;gap:2cqw;display:grid}.mc-crests{grid-template-columns:1fr 1fr;place-items:center;gap:2cqw;display:grid}.mc-crest{aspect-ratio:1;border:.25cqw solid var(--red);background:linear-gradient(160deg,#262222,#121010);border-radius:1.4cqw;place-items:center;width:11cqw;display:grid;box-shadow:0 0 2cqw #e5091459}.mc-crest.away{border-color:var(--gold);box-shadow:0 0 2cqw #ffd70040}.mc-crest img{object-fit:contain;width:72%;height:72%}.mc-time{text-align:center;gap:.6cqw;display:grid}.mc-time b{font:700 3.4cqw/1 var(--display);font-variant-numeric:tabular-nums;color:var(--gold)}.mc-time small{font:500 1.4cqw/1 var(--body);color:var(--muted)}.mc-cta{text-align:center;background:var(--red);font:700 1.6cqw/1 var(--display);border-radius:.6cqw;padding:1.2cqw}nav{font:500 14px/1 var(--display);flex:1;gap:6px;display:flex}nav a{color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:4px;padding:9px 12px;text-decoration:none;transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s}nav a:hover{color:var(--text);background:#1c1a1a;border-color:#ffd70073;transform:translateY(-2px);box-shadow:0 8px 18px #0000008c,0 0 0 1px #ffd7001f}nav a[aria-current=page]{color:var(--gold);border-color:var(--gold);background:#1a1708;box-shadow:0 6px 16px #ffd7001f}nav a:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){nav a{transition:none}nav a:hover{transform:none}}a.logo{color:var(--text);text-decoration:none}[id$=-h]{scroll-margin-top:90px}html{scroll-behavior:smooth}@media (max-width:1080px){nav{gap:2px}nav a{padding:8px}}@media (max-width:860px){header .bar{flex-wrap:wrap;row-gap:8px;height:auto;padding-block:10px}header nav{flex-basis:100%;order:3;padding-bottom:4px;display:flex;overflow-x:auto}}.mc-names b span{white-space:nowrap;display:inline-block}.mc-names b{font-size:3.7cqw}.more-arts{border-top:1px solid var(--line);padding-bottom:56px}.more-arts section{padding-top:40px}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.sec-head h2{font:700 28px/1.15 var(--display);align-items:center;gap:12px;margin:0;display:flex}.sec-head h2:before{content:"";background:var(--red);flex:none;width:16px;height:22px;transform:skew(-18deg)}.tag-sample{font:500 11px/1 var(--display);letter-spacing:.1em;color:var(--muted);border:1px dashed var(--line);border-radius:2px;padding:5px 8px}.arts{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.art-card{align-content:start;gap:6px;display:grid}.art-cv{aspect-ratio:16/9;border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:4px;max-width:100%;margin-bottom:6px;position:relative;overflow:hidden}.art-mc{border:1px solid var(--line);margin-bottom:6px}.art-card:hover .art-mc,.art-card:hover .art-cv{border-color:var(--gold)}.art-card .k{font:600 11px/1 var(--display);letter-spacing:.14em;color:var(--red)}.art-card h3{font:600 18px/1.4 var(--display);text-wrap:balance;margin:0}.art-card small{color:var(--muted);font-size:12px}@media (max-width:760px){.arts{grid-template-columns:1fr}}.crumb a{color:inherit;text-decoration:none}.crumb a:hover{color:var(--gold)}.lib-head{border-bottom:1px solid var(--line);gap:18px;margin-bottom:28px;padding-block:8px 24px;display:grid}.lib-head .dek{margin:0}.lib-head h1{margin:10px 0 8px}.filters{flex-wrap:wrap;gap:8px;display:flex}.f{background:var(--slate);color:var(--muted);border:1px solid var(--line);font:600 14px/1 var(--display);border-radius:4px;padding:9px 14px;transition:transform .2s,border-color .2s,color .2s}.f b{color:var(--text);opacity:.6;margin-left:6px;font-weight:700}.f:hover{color:var(--text);border-color:#ffd70073;transform:translateY(-2px)}.f.on{color:var(--carbon);background:var(--gold);border-color:var(--gold)}.f.on b{color:var(--carbon);opacity:1}.lib{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px;padding-bottom:64px;display:grid}.post{color:inherit;align-content:start;gap:12px;text-decoration:none;display:grid}.post .art-mc,.post .art-cv{border:1px solid var(--line);margin:0;transition:border-color .2s,transform .2s,box-shadow .2s}a.post:hover .art-mc,a.post:hover .art-cv{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 12px 26px #0009}a.post:hover .post-t{color:var(--gold)}.post-body{gap:6px;display:grid}.post .k{font:600 11px/1 var(--display);letter-spacing:.14em;color:var(--red)}.post-t{font:600 19px/1.4 var(--display);text-wrap:balance;margin:0;transition:color .2s}.post p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.post small{color:var(--muted);font-size:12px}.post .soon{font:500 11px/1 var(--display);color:var(--muted);border:1px dashed var(--line);border-radius:2px;justify-self:start;padding:5px 8px}.post.off{cursor:default}.post.feat{grid-column:1/-1;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:28px}.post.feat .post-t{font-size:clamp(22px,2.6vw,30px)}.post.feat p{font-size:16px}.empty{color:var(--muted);padding-bottom:64px}@media (max-width:960px){.lib{grid-template-columns:repeat(2,minmax(0,1fr))}.post.feat{grid-template-columns:1fr}}@media (max-width:600px){.lib{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.f,.post .art-mc,.post .art-cv{transition:none}}.table-box{background:var(--slate);border:1px solid var(--line);border-radius:4px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px}th{text-align:left;font:600 12px/1 var(--display);letter-spacing:.12em;color:var(--muted);border-bottom:1px solid var(--line);padding:14px 18px}td{border-bottom:1px solid var(--line);padding:14px 18px;font-size:14px}tr:last-child td{border-bottom:0}td.t{font:700 15px/1 var(--display);font-variant-numeric:tabular-nums}td .lg{font:600 12px/1 var(--display);color:var(--gold)}td .vs{color:var(--muted);margin-inline:6px}.league-row td{font:700 13px/1 var(--display);letter-spacing:.06em;color:var(--gold);background:#141212;padding-block:10px}.rail{scrollbar-color:var(--line) transparent;grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.game{background:var(--slate);border:1px solid var(--line);border-radius:4px;overflow:hidden}.game:hover{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 24px #ffd7001f}.art{aspect-ratio:4/3;max-width:100%;font:italic 700 22px/1 var(--display);color:#ffffffe6;text-align:center;place-items:center;padding:10px;display:grid}.g-body{gap:4px;padding:12px 14px 14px;display:grid}.g-body .nm{font:600 15px/1.3 var(--display)}.g-body .pv{color:var(--muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.g-body .pv b{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}.rtp{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.rtp-item{background:var(--slate);border:1px solid var(--line);border-radius:4px;gap:10px;padding:16px 18px;display:grid}.rtp-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.rtp-top .nm{font:600 16px/1.3 var(--display)}.rtp-top .pc{font:700 22px/1 var(--display);color:var(--gold);font-variant-numeric:tabular-nums}.gauge{background:var(--carbon);border-radius:3px;height:6px;overflow:hidden}.gauge i{background:linear-gradient(90deg, var(--red), var(--gold));height:100%;display:block}.rtp-item small{color:var(--muted);font-size:12px}@media (max-width:860px){.rtp{grid-template-columns:1fr 1fr}}@media (max-width:520px){.rtp{grid-template-columns:1fr}}.providers{background:var(--line);border:1px solid var(--line);border-radius:4px;grid-template-columns:repeat(6,1fr);gap:1px;display:grid;overflow:hidden}.prov{background:var(--slate);text-align:center;font:700 16px/1.2 var(--display);color:var(--muted);padding:22px 10px}.prov:hover{color:var(--gold)}@media (max-width:760px){.providers{grid-template-columns:repeat(3,1fr)}}.guides{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.guide{border-top:2px solid var(--line);gap:6px;padding:20px 0 0;display:grid}.guide:hover{border-top-color:var(--red)}.guide .k{font:600 11px/1 var(--display);letter-spacing:.14em;color:var(--red)}.guide h3{font:600 19px/1.35 var(--display);text-wrap:balance;margin:0}.guide p{color:var(--muted);margin:0;font-size:14px}@media (max-width:760px){.guides{grid-template-columns:1fr}}.promo{background:linear-gradient(120deg, #1d1705, var(--slate) 55%);border:1px solid #ffd70059;border-radius:4px;grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;padding:34px;display:grid}.promo .big{font:italic 700 clamp(40px, 6vw, 68px)/1 var(--display);color:var(--gold)}.promo h3{font:700 22px/1.3 var(--display);margin:8px 0 6px}.promo p{color:var(--muted);margin:0 0 18px}.promo ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.promo li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:10px;font-size:14px;display:flex}.promo li b{font:700 15px/1.4 var(--display);color:var(--gold);white-space:nowrap}@media (max-width:760px){.promo{grid-template-columns:1fr;padding:22px}}.hub-sec{padding-block:44px 0}.hub-sec .lib{padding-bottom:0}.hub-intro{border-bottom:1px solid var(--line);padding-block:8px 26px}.hub-intro .dek{margin:0}.hub-intro h1{margin:10px 0 8px}.hub-foot{padding-bottom:64px}.types{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.type{border:1px solid var(--line);aspect-ratio:4/3;isolation:isolate;background-position:50%;background-size:cover;border-radius:4px;flex-direction:column;justify-content:flex-end;max-width:100%;padding:16px;display:flex;position:relative;overflow:hidden}.type:before{content:"";z-index:-1;background:linear-gradient(#0d0d0d59,#0d0d0df2 90%);position:absolute;inset:0}.type b{font:700 22px/1.2 var(--display)}.type span{color:var(--muted);font-size:13px;line-height:1.5}@media (max-width:760px){.types{grid-template-columns:repeat(2,minmax(0,1fr))}}.nc{aspect-ratio:16/9;isolation:isolate;max-width:100%;font-family:var(--display);border-radius:4px;position:relative;overflow:hidden;container-type:inline-size}.nc-bg{z-index:-2;background-size:cover;position:absolute;inset:0}.nc:before{content:"";z-index:-1;background:linear-gradient(100deg,#0d0d0d 12%,#0d0d0db8 55%,#0d0d0d59);position:absolute;inset:0}.nc:after{content:"";background:linear-gradient(90deg, var(--red) 0 62%, var(--gold) 62%);height:1.1cqw;position:absolute;bottom:0;left:0;right:0}.nc-top{align-items:center;gap:2cqw;display:flex;position:absolute;top:5cqw;left:5cqw}.nc-logo{font:italic 700 4.6cqw/1 var(--display)}.nc-logo b{color:var(--gold)}.nc-label{font:700 1.6cqw/1 var(--display);letter-spacing:.2em;color:var(--red);border-left:.4cqw solid var(--red);padding-left:1cqw}.nc-badge{object-fit:contain;filter:drop-shadow(0 2cqw 4cqw #000c);width:24cqw;height:24cqw;position:absolute;top:50%;right:6cqw;transform:translateY(-58%)}.nc-head{width:58cqw;font:700 5.4cqw/1.18 var(--display);text-wrap:balance;position:absolute;bottom:7cqw;left:5cqw}.nc-head em{color:var(--gold);font-style:normal}.logo{align-items:center;line-height:0;display:inline-flex}.logo img{width:auto;height:40px;display:block}footer .logo img{height:34px}@media (max-width:480px){.logo img{height:32px}}.foot-simple{gap:12px;display:grid}.foot-links{flex-wrap:wrap;gap:6px 20px;display:flex}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--gold)}.foot-simple p{margin:0}html,body{max-width:100%;overflow-x:clip}.hero-top>*,.watch>*,.pillars>*,.news-page>*,.page>*,.lib>*,.step>*{min-width:0}@media (max-width:480px){.actions .btn{padding:9px 12px;font-size:13px}.bar{gap:12px}}header{background:#161616eb}footer{background:linear-gradient(#0d0d0d99,#090909f2)}.hero{background:0 0}.notice{z-index:11;position:relative}:root{--text:#e8e4e0;--gold:#f0c93f;--red:#d4121c;--muted:#9c9791}body{color:var(--text)}.notice{color:#e0bc44;background:#17140a;border-bottom:1px solid #f0c93f40}.logo img,.nc-logo-img,.mc-logo,.cr,.cr-lg,.mc-crest img,.kicker img,.info img,.mini img,.mrow img,.form-row .tm img,.pick .tm img{filter:none}h1,h2,h3,.team,.sc,.stat .n{color:var(--text)}.btn-red{background:#c9111b}.btn-red:hover{background:#e0242e}.live{background:#b5111a}.mc-cta{background:#c9111b}.promo-card,.pillar,.now,.next,.box,.game,.rtp-item,.type,.table-box{box-shadow:none}::selection{background:#f0c93f4d}:root{--line:#ffffff12;--slate:#1b1b1b}img,.nc-bg,.mc-bg,.art-cv,.type img,.promo-img img,.hero-img,.p-img{filter:brightness(.88)saturate(.92)contrast(.96)}.pillar,.promo-card,.now,.next,.box,.game,.rtp-item,.type,.table-box,.art-mc,.hero-fig,.info,.form-row,.toc,.mock,.stats{border-radius:10px}.pillar,.now,.next,.box,.rtp-item,.game,.form-row,.toc,.mock{background:#1e1e1eb8}.promo-card{background:#1e1e1ecc}th{background:#1e1e1eb3}.mc-cta,.btn{border-radius:6px}.stats{border-bottom:0;overflow:hidden}.stat{border-right:1px solid #ffffff0d}h2:before{opacity:.8}.hero{border-bottom:0}.eyebrow,.kicker{opacity:.9}.live,.lvb{box-shadow:none}.promo-card:hover,a.post:hover .art-mc,a.post:hover .art-cv{box-shadow:0 10px 24px #00000059}.seo-article{border-top:1px solid var(--line);padding-block:40px 56px}.seo-article h2{font:700 26px/1.3 var(--display);margin:34px 0 12px}.seo-article h2:first-of-type{margin-top:10px}.seo-article h3{font:700 19px/1.4 var(--display);color:var(--gold);margin:22px 0 8px}.seo-article p{color:#d9d5d1;max-width:70ch;margin:0 0 14px;line-height:1.85}.seo-article p strong{color:var(--text);font-weight:600}.seo-article ul{gap:8px;max-width:70ch;margin:0 0 16px;padding:0;list-style:none;display:grid}.seo-article li{color:#d9d5d1;padding-left:20px;line-height:1.75;position:relative}.seo-article li:before{content:"";background:var(--red);width:9px;height:3px;position:absolute;top:.78em;left:0}.seo-article li strong{color:var(--gold);font-weight:600}.seo-article a{color:var(--gold);text-underline-offset:3px;-webkit-text-decoration:underline #f0c93f59;text-decoration:underline #f0c93f59}.seo-article a:hover{-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.seo-faq{max-width:70ch;margin-top:10px}.seo-faq details{border-bottom:1px solid var(--line);padding:14px 0}.seo-faq summary{cursor:pointer;font:600 17px/1.45 var(--display);justify-content:space-between;gap:12px;list-style:none;display:flex}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq summary:after{content:"+";color:var(--gold);font-size:22px;line-height:1}.seo-faq details[open] summary:after{content:"−"}.seo-faq p{color:var(--muted);margin:10px 0 0;font-size:15px}.seo-note{color:var(--muted);margin-top:18px;font-size:13px}a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}a.btn-ghost{color:var(--text)}a.btn-red,a.btn-red:hover{color:#fff}a.btn-gold{color:var(--carbon)}html{background:#161616 linear-gradient(#232323 0%,#1f1f1f 14%,#1b1b1b 30%,#171717 48%,#141414 66%,#111 84%,#0e0e0e 100%) fixed}body{background:0 0}body:before,body:after{content:"";z-index:9999;pointer-events:none;will-change:opacity, transform;mix-blend-mode:screen;background-repeat:repeat;position:fixed;inset:-10%}body:before{filter:drop-shadow(0 0 3px #ffc850d9);background-image:radial-gradient(2.8px 2.8px at 12% 18%,#ffe196,#0000 60%),radial-gradient(2.6px 2.6px at 78% 12%,#ffe696,#0000 60%),radial-gradient(3px 3px at 33% 62%,#ffd76e,#0000 60%),radial-gradient(2.4px 2.4px at 88% 72%,#ffecaa,#0000 60%),radial-gradient(2.6px 2.6px at 58% 34%,#ffe196f2,#0000 60%);background-size:240px 210px;animation:2.6s ease-in-out infinite alternate twinkle-a}body:after{filter:drop-shadow(0 0 4px #ffbe3ccc);background-image:radial-gradient(2.3px 2.3px at 22% 78%,#ffd66e,#0000 60%),radial-gradient(2.8px 2.8px at 66% 88%,#ffcd78,#0000 60%),radial-gradient(2.2px 2.2px at 46% 8%,#ffe08c,#0000 60%),radial-gradient(2.6px 2.6px at 6% 46%,#ffc446,#0000 60%);background-size:300px 265px;animation:3.4s ease-in-out infinite alternate twinkle-b}@keyframes twinkle-a{0%{opacity:.08;transform:translate(0,0)}to{opacity:1;transform:translate(-10px,-14px)}}@keyframes twinkle-b{0%{opacity:1;transform:translate(0,0)}to{opacity:.1;transform:translate(12px,10px)}}.logo{position:relative;overflow:hidden}.logo:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 42%,#fff6 50%,#0000 58%);animation:6s ease-in-out infinite logo-sweep;position:absolute;inset:0;transform:translate(-130%)}@keyframes logo-sweep{0%,65%{transform:translate(-130%)}85%,to{transform:translate(130%)}}.pillar:hover,.promo-card:hover,.type:hover,.game:hover,a.post:hover .art-mc,a.post:hover .art-cv{box-shadow:0 12px 26px #0006,0 0 0 1px #f0c93f59,0 0 22px #f0c93f1f}.btn-red{position:relative;overflow:hidden}.btn-red:after{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff47 50%,#0000 60%);animation:7s ease-in-out 1.5s infinite logo-sweep;position:absolute;inset:0;transform:translate(-130%)}@media (prefers-reduced-motion:reduce){body:before,body:after,.logo:after,.btn-red:after{animation:none}.btn-red:after,.logo:after{opacity:0}}.pillar,.now,.next,.box,.rtp-item,.game,.form-row,.toc,.mock,.promo-card,.table-box,.stats,.info,.auth-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#1a1a1a99}.hero,section,main{position:relative}h2 em,.eyebrow,.kicker{text-shadow:0 0 14px #f0c93f40}@media (max-width:760px){body{font-size:15.5px}.wrap{padding-inline:16px}section,.hub-sec{padding-block:30px 6px}.seo-article{padding-block:28px 40px}h1{font-size:clamp(26px,7.4vw,34px)!important;line-height:1.22!important}h2{font-size:22px!important;line-height:1.3!important}.seo-article h2{margin-top:26px;font-size:21px!important}.seo-article h3,.info-page h2{font-size:18px!important}.sec-head{align-items:center;margin-bottom:14px}.tag-sample{padding:4px 7px;font-size:10px}header .bar{gap:10px;padding-block:8px}.logo img{height:30px}header nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:4px;margin-inline:-16px;padding-inline:16px}header nav::-webkit-scrollbar{display:none}header nav a{padding:10px 12px;font-size:14px}.actions .btn{padding:10px 12px;font-size:13px}.pillars,.arts,.lib,.guides,.promos,.feats,.fix,.types,.rtp{grid-template-columns:1fr!important}.providers{grid-template-columns:repeat(2,1fr)!important}.watch,.page,.news-page,.post.feat{grid-template-columns:1fr!important}.stats{grid-template-columns:repeat(2,1fr)!important}.stat{padding:14px}.stat .n{font-size:26px}.score{gap:6px}.team{font-size:16px}.cr-lg{width:48px;height:48px}.sc{font-size:34px}.next .row{grid-template-columns:48px 1fr;row-gap:4px}.next .row .c{text-align:left;color:var(--gold);grid-column:2}.table-box{position:relative}.table-box:after{content:"เลื่อนซ้าย-ขวาเพื่อดูทั้งหมด";font:500 11px/1 var(--display);color:var(--muted);border-top:1px solid var(--line);padding:8px 14px;display:block}table{min-width:560px;font-size:14px}th,td{padding:11px 12px}.lg-toggle{padding:12px 14px;font-size:12.5px}.news .lead,.info-page .lead{font-size:16.5px}.seo-article p,.info-page p,.news p{line-height:1.8}.toc ol{font-size:14.5px}details.faq summary,.seo-faq summary{font-size:15.5px}.foot{gap:22px}.foot h5{margin-bottom:6px}.foot-links{gap:8px 14px;font-size:13px}.foot-bottom{flex-direction:column;gap:4px}body{padding-bottom:72px}.m-cta{display:flex!important}}.m-cta{z-index:9998;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0e0ef0;border-top:1px solid #f0c93f40;gap:10px;display:none;position:fixed;bottom:0;left:0;right:0}.m-cta a{text-align:center;font:700 15px/1 var(--display);border-radius:8px;flex:1;padding:13px 10px;text-decoration:none}.m-cta .a-in{color:var(--gold);border:1px solid #f0c93f8c}.m-cta .a-up{color:#fff;background:#c9111b}.side-nav{display:none}@media (min-width:1180px){.side-nav{z-index:20;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent;background:linear-gradient(#151515 0%,#101010 60%,#0c0c0c 100%);border-right:1px solid #f0c93f2e;width:252px;padding:18px 14px 20px;display:block;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.side-nav::-webkit-scrollbar{width:6px}.side-nav::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}.side-brand{text-align:center;border-bottom:1px solid #ffffff0f;margin-bottom:14px;padding:8px 6px 16px;display:block}.side-brand img{width:172px;height:auto}.side-brand small{font:600 9.5px/1 var(--display);letter-spacing:.34em;color:var(--muted);margin-top:6px;display:block}.side-list{gap:8px;display:grid}.side-list a{color:#e8e4e0;font:600 14.5px/1.2 var(--display);background:#1c1c1ce6;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s,color .18s;display:flex}.side-list a .ic{width:30px;height:30px;color:var(--gold);background:linear-gradient(160deg,#2b2b2b,#1a1a1a);border:1px solid #f0c93f40;border-radius:9px;flex:none;place-items:center;font-size:14px;line-height:1;display:grid}.side-list a:hover{border-color:#f0c93f8c;transform:translate(3px)}.side-list a[aria-current=page]{color:#121212;background:linear-gradient(100deg,#f0c93f 0%,#e0b233 45%,#c9972a 100%);border-color:#f5d96a;box-shadow:0 8px 20px #f0c93f38}.side-list a[aria-current=page] .ic{color:#1a1a1a;background:#00000038;border-color:#00000040}.side-promo{text-align:left;background:linear-gradient(150deg,#241d07,#141414 70%);border:1px solid #f0c93f4d;border-radius:14px;gap:4px;margin-top:16px;padding:14px 14px 16px;text-decoration:none;display:grid}.side-promo b{font:700 9.5px/1 var(--display);letter-spacing:.16em;color:#121212;background:var(--gold);border-radius:6px;justify-self:start;padding:5px 8px}.side-promo span{color:var(--muted);margin-top:6px;font-size:12px}.side-promo em{color:#e8e4e0;font-style:normal;font:600 14px/1.3 var(--display)}.side-promo strong{font:italic 800 30px/1 var(--display);color:var(--gold)}.side-foot{text-align:center;color:var(--muted);margin-top:14px;font-size:11px;line-height:1.7}body{padding-left:252px}header{left:252px}header nav{display:none}.m-cta{left:252px}.side-promo{grid-template-columns:1fr auto;align-items:center;gap:10px;position:relative;overflow:hidden}.side-promo .sp-text{gap:2px;display:grid}.side-promo .gift{filter:drop-shadow(0 6px 14px #f0c93f59);transform-origin:50% 85%;flex:none;animation:3.2s ease-in-out infinite gift-wiggle}.side-promo:hover .gift{animation-duration:1.4s}@keyframes gift-wiggle{0%,to{transform:rotate(-6deg)translateY(0)}40%{transform:rotate(6deg)translateY(-3px)}70%{transform:rotate(-3deg)translateY(-1px)}}@media (prefers-reduced-motion:reduce){.side-promo .gift{animation:none}}}.bar .actions{margin-left:auto}@media (min-width:1180px){.side-nav{border:1px solid #f0c93f73;border-radius:18px;width:246px;top:12px;bottom:12px;left:12px;box-shadow:0 18px 40px #0000008c,inset 0 0 0 1px #ffffff0a}body{padding-left:272px}header,.m-cta{left:272px}}.hero{border:1px solid #f0c93f66;border-radius:18px;margin:16px 20px 0;overflow:hidden;box-shadow:0 14px 34px #00000059}@media (max-width:760px){.hero{border-radius:14px;margin:12px 16px 0}}header{border:1px solid #f0c93f66;border-radius:18px;margin:12px 20px 0;box-shadow:0 10px 26px #00000052}header .bar{padding-inline:8px}@media (max-width:760px){header{border-radius:14px;margin:10px 16px 0}}.bar .actions{align-items:center;gap:10px}.bar .actions .btn{font:700 14px/1 var(--display);letter-spacing:.03em;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;transition:transform .18s,box-shadow .18s,background .18s,color .18s,border-color .18s;display:inline-flex}.bar .actions .btn-ghost{color:#e8e4e0;box-shadow:none;background:#ffffff08;border:1px solid #f0c93f73}.bar .actions .btn-ghost:hover{color:var(--gold);border-color:var(--gold);background:#f0c93f1a;transform:translateY(-1px)}.bar .actions .btn-red{color:#fff;background:linear-gradient(135deg,#e0222c 0%,#c9111b 55%,#9e0c14 100%);border:1px solid #ffffff24;position:relative;overflow:hidden;box-shadow:0 6px 16px #c9111b52,inset 0 1px #ffffff2e}.bar .actions .btn-red:hover{background:linear-gradient(135deg,#f02733 0%,#d8141f 55%,#a80d16 100%);transform:translateY(-1px);box-shadow:0 10px 22px #c9111b73,inset 0 1px #ffffff38}.bar .actions .btn-red:before{content:"";background:#fff;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 8px #ffffffe6}.bar .actions .btn:active{transform:translateY(0)}@media (max-width:480px){.bar .actions .btn{padding:10px 13px;font-size:13px}.bar .actions .btn-red:before{display:none}}@media (prefers-reduced-motion:reduce){.bar .actions .btn{transition:none}}.nav-burger{display:none}@media (max-width:1179px){.nav-burger{cursor:pointer;background:#181818e6;border:1px solid #f0c93f59;border-radius:10px;flex:none;align-content:center;justify-items:stretch;gap:4px;width:42px;height:42px;padding:11px 9px;display:inline-grid}.nav-burger span{background:var(--gold);border-radius:2px;height:2px;transition:transform .22s,opacity .18s;display:block}body.nav-open .nav-burger span:first-child{transform:translateY(6px)rotate(45deg)}body.nav-open .nav-burger span:nth-child(2){opacity:0}body.nav-open .nav-burger span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav-backdrop{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;position:fixed;inset:0}.nav-backdrop[hidden]{display:none}.side-nav{z-index:80;overscroll-behavior:contain;background:linear-gradient(#151515 0%,#101010 60%,#0c0c0c 100%);border-right:1px solid #f0c93f47;width:min(80vw,286px);padding:18px 14px 34px;transition:transform .25s;display:block;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-102%)}body.nav-open .side-nav{transform:none;box-shadow:18px 0 46px #0009}body.nav-open{overflow:hidden}.side-brand{text-align:center;border-bottom:1px solid #ffffff0f;margin-bottom:12px;padding:4px 6px 14px;display:block}.side-brand img{width:158px;height:auto}.side-list{gap:7px;display:grid}.side-list a{color:#e8e4e0;font:600 14px/1.2 var(--display);background:#1c1c1ce6;border:1px solid #ffffff0f;border-radius:11px;align-items:center;gap:11px;padding:11px 13px;text-decoration:none;display:flex}.side-list a .ic{width:28px;height:28px;color:var(--gold);background:linear-gradient(160deg,#2b2b2b,#1a1a1a);border:1px solid #f0c93f40;border-radius:8px;flex:none;place-items:center;font-size:13px;line-height:1;display:grid}.side-list a[aria-current=page]{color:#121212;background:linear-gradient(100deg,#f0c93f 0%,#e0b233 45%,#c9972a 100%);border-color:#f5d96a}.side-list a[aria-current=page] .ic{color:#1a1a1a;background:#00000038;border-color:#00000040}.side-promo{background:linear-gradient(150deg,#241d07,#141414 70%);border:1px solid #f0c93f4d;border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:14px;padding:13px;text-decoration:none;display:grid}.side-promo .sp-text{gap:2px;display:grid}.side-promo b{font:700 9px/1 var(--display);letter-spacing:.14em;color:#121212;background:var(--gold);border-radius:6px;justify-self:start;padding:4px 7px}.side-promo span{color:var(--muted);margin-top:4px;font-size:11.5px}.side-promo em{color:#e8e4e0;font-style:normal;font:600 13px/1.3 var(--display)}.side-promo strong{font:italic 800 26px/1 var(--display);color:var(--gold)}.side-promo .gift{flex:none;width:44px;height:44px}.side-foot{text-align:center;color:var(--muted);margin-top:12px;font-size:10.5px;line-height:1.7}}@media (prefers-reduced-motion:reduce){.side-nav{transition:none}}@media (max-width:1179px){header nav{display:none!important}.bar{flex-wrap:nowrap;align-items:center;gap:8px}.bar .logo{flex:none}.bar .logo img{width:128px;height:auto}.bar .actions{flex:none;gap:7px;margin-left:auto}.bar .actions .btn{white-space:nowrap;padding:9px 11px;font-size:12.5px}.nav-burger{border-radius:11px;width:40px;height:40px;padding:11px 9px}}@media (max-width:420px){.bar .logo img{width:104px}.bar .actions .btn{padding:8px 9px;font-size:11.5px}.bar .actions .btn-red:before{display:none}.nav-burger{width:36px;height:36px;padding:10px 8px}}@media (max-width:620px){.types{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))!important}.types>*{text-align:center;font-size:12.5px;padding:10px 6px!important}.providers{grid-template-columns:repeat(3,1fr)!important}.rail{grid-auto-columns:minmax(132px,1fr)!important}}.nw{white-space:nowrap}