/* Player page v2 (11 Oct 16:55, owner "ทำหน้านักเตะใหม่ทั้งหน้า"): full-width broadcast hero, chip navigation, two-column card grid */
html body.fbth-player main header.pl-hero{--hc:#14532d;--sbpad:max(24px,calc((100vw - 1224px) / 2));width:100vw;max-width:none!important;margin:0 0 0 calc(50% - 50vw)!important;border-radius:0!important;isolation:isolate;overflow:hidden;padding:46px var(--sbpad) 0!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) minmax(0,330px)!important;grid-template-areas:"ph id fm" "tl tl tl"!important;gap:26px 44px!important;align-items:center!important;box-shadow:none!important;background:linear-gradient(110deg,var(--hc) 0%,color-mix(in srgb,var(--hc) 55%,#050b08) 40%,#f5b301 40%,#f5b301 40.5%,#0f3a26 40.5%,#07130c 100%)!important}
html body.fbth-player main header.pl-hero::after{background:repeating-linear-gradient(110deg,rgba(255,255,255,.035) 0 2px,transparent 2px 26px),linear-gradient(180deg,rgba(5,11,8,.35) 0%,rgba(5,11,8,0) 40%,rgba(5,11,8,.55) 100%)!important;z-index:-1!important}
html body.fbth-player main header.pl-hero .pl-wm{position:absolute;top:46%;left:-5%;width:min(42vw,560px);aspect-ratio:1;background:center/contain no-repeat;opacity:.12;z-index:-1;pointer-events:none;transform:translateY(-50%) rotate(-12deg)}
html body.fbth-player main header.pl-hero .pl-ghost{opacity:.07!important;color:transparent!important;-webkit-text-stroke:2px #fff!important;right:calc(var(--sbpad) + 280px)!important;top:-40px!important;z-index:-1!important}
html body.fbth-player main header.pl-hero .pl-ph{grid-area:ph!important;width:216px!important;height:216px!important;border-radius:50%!important;background:#e8ece7!important;border:5px solid #f5b301!important;box-shadow:0 0 0 9px rgba(245,179,1,.18),0 20px 44px rgba(0,0,0,.45)!important;overflow:visible!important}
html body.fbth-player main header.pl-hero .pl-ph>img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover}
html body.fbth-player main header.pl-hero .pl-ph a.cl{width:64px!important;height:64px!important;top:auto!important;bottom:-4px!important;right:-6px!important;padding:8px!important;box-shadow:0 6px 16px rgba(0,0,0,.35)!important}
html body.fbth-player main header.pl-hero .pl-id{grid-area:id!important;min-width:0}
html body.fbth-player main header.pl-hero .pl-id h1{font:800 clamp(40px,5.2vw,72px)/1.02 Prompt,sans-serif!important;font-style:normal!important;color:#fff!important;letter-spacing:-.01em;text-shadow:0 6px 22px rgba(0,0,0,.35);margin:0 0 6px!important}
html body.fbth-player main header.pl-hero .pl-id .full{color:rgba(255,255,255,.72)!important;font:400 15px Anuphan,sans-serif!important;margin:0 0 12px!important}
html body.fbth-player main header.pl-hero .pl-id .club a{display:inline-flex!important;align-items:center;gap:8px;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18);border-radius:999px!important;padding:6px 16px 6px 8px!important;color:#fff!important;font:600 15px Prompt,sans-serif!important}
html body.fbth-player main header.pl-hero .pl-facts{display:flex!important;flex-wrap:wrap;gap:8px!important;margin:16px 0!important}
html body.fbth-player main header.pl-hero .pl-facts>div{background:rgba(5,11,8,.42)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;padding:8px 14px!important;min-width:0}
html body.fbth-player main header.pl-hero .pl-facts small{color:#fcd34d!important;font:500 11px Prompt,sans-serif!important;display:block}
html body.fbth-player main header.pl-hero .pl-facts b{color:#fff!important;font:600 15px Prompt,sans-serif!important}
html body.fbth-player main header.pl-hero .pl-acts{display:flex;gap:10px;flex-wrap:wrap}
html body.fbth-player main header.pl-hero .pl-acts>*{border-radius:999px!important}
html body.fbth-player main header.pl-hero .pl-acts>button{background:linear-gradient(180deg,#22c55e,#15803d)!important;color:#fff!important;border:0!important}
html body.fbth-player main header.pl-hero .pl-hform{grid-area:fm!important;align-self:center!important;background:rgba(5,11,8,.5)!important;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px!important}
html body.fbth-player main header.pl-hero .pl-hform .h{color:#fcd34d!important;font:600 13px Prompt,sans-serif!important}
html body.fbth-player main header.pl-hero .pl-tiles{grid-area:tl!important;margin:14px calc(-1 * var(--sbpad)) 0!important;padding:18px var(--sbpad) 20px!important;background:rgba(5,11,8,.78)!important;border-top:3px solid #f5b301!important;border-radius:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
html body.fbth-player main header.pl-hero .pl-tiles .cap{grid-column:1/-1;color:#fcd34d!important;font:600 12px Prompt,sans-serif!important;margin:0!important}
html body.fbth-player main header.pl-hero .pl-tiles>div{background:none!important;border:0!important;padding:0!important}
html body.fbth-player main header.pl-hero .pl-tiles b{font:800 clamp(28px,3.4vw,44px)/1 Rubik,sans-serif!important;color:#f5b301!important}
html body.fbth-player main header.pl-hero .pl-tiles small{color:rgba(255,255,255,.75)!important;font:500 13px Prompt,sans-serif!important}
html body.fbth-player .pl-body{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;margin-top:4px}
html body.fbth-player .pl-side{position:sticky!important;top:68px!important;z-index:30;margin:0 -28px!important;padding:10px 28px!important;background:#f4f1e9!important;border-bottom:1px solid #e6e1d4;width:auto!important;display:block!important}
html body.fbth-player .pl-side .pl-nav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto;scrollbar-width:none;padding:0!important;border:0!important}
html body.fbth-player .pl-side .pl-nav::-webkit-scrollbar{display:none}
html body.fbth-player .pl-side .pl-nav-g{display:none!important}
html body.fbth-player .pl-side .pl-nav a{flex:none!important;display:inline-flex!important;align-items:center;gap:6px;padding:8px 15px!important;margin:0!important;border-radius:999px!important;background:#fff!important;border:1px solid #e6e1d4!important;font:500 14px Prompt,sans-serif!important;color:#0d1912!important;white-space:nowrap;box-shadow:none!important}
html body.fbth-player .pl-side .pl-nav a::before{display:none!important}
html body.fbth-player .pl-side .pl-nav a.on{background:#0f3a26!important;border-color:#0f3a26!important;color:#fff!important}
html body.fbth-player .pl-side .pl-nav a.pl-me img{width:22px;height:22px;border-radius:50%}
html body.fbth-player .pl-main{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense!important;gap:20px!important;align-items:start}
html body.fbth-player .pl-main>*{grid-column:1/-1;margin:0!important}
html body.fbth-player .pl-main>#bio,html body.fbth-player .pl-main>#clubs,html body.fbth-player .pl-main>#injuries,html body.fbth-player .pl-main>#absent{grid-column:auto}
html body.fbth-player .pl-main .hcard.fv-sec{background:#fff!important;border:0!important;border-radius:20px!important;box-shadow:0 1px 2px rgba(11,26,18,.05),0 6px 22px rgba(11,26,18,.07)!important;overflow:hidden}
html body.fbth-player .pl-main .hcard.fv-sec>h2{background:none!important;color:#0d1912!important;border:0!important;border-bottom:1px solid #efe9da!important;font:700 19px/1.3 Prompt,sans-serif!important;display:flex!important;align-items:center;gap:10px}
html body.fbth-player .pl-main .hcard.fv-sec>h2::before{content:""!important;flex:none;width:5px!important;height:20px!important;border-radius:3px!important;background:linear-gradient(#2bd576,#15803d)!important}
html body.fbth-player .pl-main .pl-chap{margin-top:14px!important;display:flex;align-items:center;gap:14px}
html body.fbth-player .pl-main .pl-chap>h2{background:none!important;box-shadow:none!important;padding:0!important;transform:none!important;font:800 28px/1.2 Prompt,sans-serif!important;font-style:normal!important;color:#0d1912!important}
html body.fbth-player .pl-main .pl-chap>h2::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px;vertical-align:middle;background:#15803d}
html body.fbth-player .pl-main .pl-chap.c2>h2::before{background:#f5b301}
html body.fbth-player .pl-main .pl-chap.c3>h2::before{background:#0f3a26}
@media (max-width:900px){
 html body.fbth-player main header.pl-hero{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"ph" "id" "fm" "tl"!important;justify-items:center;text-align:center;padding-top:30px!important;gap:18px!important;background:linear-gradient(172deg,var(--hc) 0%,color-mix(in srgb,var(--hc) 55%,#050b08) 24%,#f5b301 24%,#f5b301 24.6%,#0f3a26 24.6%,#07130c 100%)!important}
 html body.fbth-player main header.pl-hero .pl-ph{width:170px!important;height:170px!important}
 html body.fbth-player main header.pl-hero .pl-facts,html body.fbth-player main header.pl-hero .pl-acts{justify-content:center}
 html body.fbth-player main header.pl-hero .pl-hform{width:100%}
 html body.fbth-player main header.pl-hero .pl-tiles{grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:14px 12px 16px!important;margin:6px -24px 0!important;width:100vw}
 html body.fbth-player main header.pl-hero .pl-tiles b{font-size:24px!important}
 html body.fbth-player main header.pl-hero .pl-tiles small{font-size:11px!important}
 html body.fbth-player main header.pl-hero .pl-wm{width:80vw;left:-30%;top:18%}
 html body.fbth-player main header.pl-hero .pl-ghost{display:none!important}
 html body.fbth-player .pl-side{margin:0 -16px!important;padding:8px 16px!important}
 html body.fbth-player .pl-main{grid-template-columns:minmax(0,1fr)}
 html body.fbth-player .pl-main>#bio,html body.fbth-player .pl-main>#clubs,html body.fbth-player .pl-main>#injuries,html body.fbth-player .pl-main>#absent{grid-column:1/-1}
 html body.fbth-player .pl-main .pl-chap>h2{font-size:22px!important}
 html body.fbth-player .pl-main .pl-chap{flex-direction:column;align-items:flex-start;gap:2px}
}
/* chapter tabs (11 Oct 17:05, owner "ยังดูยากอยู่"): one chapter at a time instead of one very long page */
html body.fbth-player .pl-side{display:none!important}
html body.fbth-player .pl-tabs3{position:sticky;top:68px;z-index:30;display:flex;gap:8px;align-items:center;padding:10px 0;margin:2px 0 4px;background:#f4f1e9;border-bottom:1px solid #e6e1d4}
html body.fbth-player .pl-tabs3 button{border:1px solid #e6e1d4;border-radius:999px;background:#fff;color:#0d1912;font:500 14px/1 Prompt,sans-serif;padding:9px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
html body.fbth-player .pl-tabs3 button:hover{border-color:#15803d;color:#15803d}
html body.fbth-player .pl-tabs3 button small{font:600 11px/1 Rubik,sans-serif;color:#5b6b62;background:#f1eee5;border-radius:999px;padding:3px 7px}
html body.fbth-player .pl-tabs3 button[aria-selected="true"]{background:#0f3a26;border-color:#0f3a26;color:#fff}
html body.fbth-player .pl-tabs3 button[aria-selected="true"] small{background:#f5b301;color:#0b1a12}
html body.fbth-player .page-head:has(.crumbs.sb-moved){display:none}
html body.fbth-player main header.pl-hero{padding-top:64px!important}
html body.fbth-player main header.pl-hero>.crumbs{position:absolute;top:16px;left:var(--sbpad);z-index:3;display:flex;align-items:center;gap:6px;flex-wrap:nowrap;max-width:calc(100% - 2 * var(--sbpad));overflow:hidden;white-space:nowrap;margin:0;padding:6px 14px;border-radius:999px;background:rgba(5,11,8,.45);border:1px solid rgba(255,255,255,.12);font:500 13px Prompt,sans-serif;color:rgba(255,255,255,.6)}
html body.fbth-player main header.pl-hero>.crumbs a{color:rgba(255,255,255,.85)!important;text-decoration:none}
html body.fbth-player main header.pl-hero>.crumbs a:hover{color:#fcd34d!important}
html body.fbth-player main header.pl-hero>.crumbs>:last-child{color:#fcd34d;overflow:hidden;text-overflow:ellipsis}
html body.fbth-player .pl-main[data-tab] .pl-chap{display:none!important}
html body.fbth-player .pl-main[data-tab="c1"]>section:not(.c1),html body.fbth-player .pl-main[data-tab="c2"]>section:not(.c2),html body.fbth-player .pl-main[data-tab="c3"]>section:not(.c3),html body.fbth-player .pl-main[data-tab="c4"]>section:not(.c4){display:none!important}
html body.fbth-player .pl-main .hcard.fv-sec{font-size:15px;color:#1c2722}
html body.fbth-player .pl-main .hcard.fv-sec th{color:#46554d!important;font-weight:600!important}
html body.fbth-player .pl-main .hcard.fv-sec td{color:#1c2722}
@media (max-width:900px){html body.fbth-player .pl-tabs3{top:60px;margin:2px -16px 4px;padding:8px 16px;overflow-x:auto;scrollbar-width:none}html body.fbth-player .pl-tabs3 button{font-size:13px;padding:8px 13px;flex:none}html body.fbth-player main header.pl-hero{padding-top:58px!important}html body.fbth-player main header.pl-hero>.crumbs{left:16px;max-width:calc(100% - 32px);font-size:12px}}
html body.fbth-player .pl-main>.sbp-x .sbp-in{padding:16px 22px 20px}
html body.fbth-player .pl-main>#profile,html body.fbth-player .pl-main>#csum{grid-column:1/-1}
html body.fbth-player .pl-main>#ctl,html body.fbth-player .pl-main>#fun{grid-column:auto}
html body.fbth-player .sbp-lead{font:400 16px/1.8 Anuphan,sans-serif;color:#1c2722;margin:0 0 16px}
html body.fbth-player .sbp-lead a{color:#15803d;font-weight:600}
html body.fbth-player .sbp-kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
html body.fbth-player .sbp-kv>div{background:#f7f5ef;border:1px solid #efe9da;border-radius:14px;padding:11px 14px;min-width:0}
html body.fbth-player .sbp-kv small{display:block;font:500 12px Prompt,sans-serif;color:#6b7a71;margin-bottom:3px}
html body.fbth-player .sbp-kv b{display:block;font:600 15px/1.35 Prompt,sans-serif;color:#0d1912;overflow-wrap:anywhere}
html body.fbth-player .sbp-sum{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
html body.fbth-player .sbp-sum>div{background:linear-gradient(180deg,#0f3a26,#0b2a1b);border-radius:16px;padding:14px;text-align:center}
html body.fbth-player .sbp-sum b{display:block;font:800 30px/1.1 Rubik,sans-serif;color:#f5b301}
html body.fbth-player .sbp-sum small{display:block;margin-top:4px;font:500 12px Prompt,sans-serif;color:rgba(255,255,255,.75)}
html body.fbth-player .sbp-note{margin:12px 0 0;font:400 14px Anuphan,sans-serif;color:#46554d}
html body.fbth-player .sbp-note b{color:#0f3a26}
html body.fbth-player .sbp-tl{list-style:none;margin:0;padding:0 0 0 22px;position:relative}
html body.fbth-player .sbp-tl:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:linear-gradient(#f5b301,#15803d)}
html body.fbth-player .sbp-tl li{position:relative;padding:0 0 14px}
html body.fbth-player .sbp-tl li:before{content:"";position:absolute;left:-21px;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #15803d;box-sizing:border-box}
html body.fbth-player .sbp-tl li.st:before{border-color:#f5b301}
html body.fbth-player .sbp-tl li:last-child:before{background:#f5b301;border-color:#f5b301}
html body.fbth-player .sbp-tl .d{display:block;font:500 12px Prompt,sans-serif;color:#6b7a71}
html body.fbth-player .sbp-tl li>div{display:flex;align-items:center;gap:8px;font:600 15px Prompt,sans-serif;color:#0d1912;flex-wrap:wrap}
html body.fbth-player .sbp-tl img{width:22px;height:22px;object-fit:contain}
html body.fbth-player .sbp-tl a{color:#0d1912!important}
html body.fbth-player .sbp-tl em{font:500 11px Prompt,sans-serif;font-style:normal;background:#fff4d6;color:#92400e;border-radius:999px;padding:2px 8px}
html body.fbth-player .sbp-fun{list-style:none;margin:0;padding:0;display:grid;gap:10px}
html body.fbth-player .sbp-fun li{display:flex;gap:12px;align-items:flex-start;background:#f7f5ef;border-radius:14px;padding:12px 14px;font:400 15px/1.55 Anuphan,sans-serif;color:#1c2722}
html body.fbth-player .sbp-fun i{font-style:normal;font-size:20px;line-height:1.2}
@media (max-width:900px){html body.fbth-player .pl-main>#ctl,html body.fbth-player .pl-main>#fun{grid-column:1/-1}html body.fbth-player .sbp-sum{grid-template-columns:repeat(2,minmax(0,1fr))}html body.fbth-player .sbp-kv{grid-template-columns:repeat(2,minmax(0,1fr))}}