/* v279: skala genap. Mirror font/spacing dari v3.css dibulatkan ke kelipatan 2 (dipasang paling atas supaya urutan cascade tetap) */
body{margin:0;font:400 14px/1.45 Inter,system-ui,sans-serif}
button,input{font:inherit}
button{padding:0}
h1,h2,h3,p,figure,blockquote,dl,dd{margin:0}
.fine{font-size:12px}
.info{padding:0 var(--pad) 40px}
.side{padding-bottom:18px;gap:14px}
.logo{padding-left:calc((var(--rail) - var(--ric)) / 2)}
.rail-g{gap:10px}
.side{gap:22px}
.ri{gap:6px;padding:2px 4px;font:500 14px/1.1 Inter,system-ui,sans-serif}
.ri em{font:700 10px/1 Inter,sans-serif}
@media (max-height:860px){
.side{gap:14px}
.rail-g{gap:6px}
.ri{gap:4px;font-size:12px}
}
.top{gap:12px;padding:0 var(--pad)}
.top-r{gap:8px}
.lang{padding:4px}
.lang button{font-size:12px}
.search{gap:10px;padding:0 14px}
.search input{font-size:14px}
.btn{gap:8px;padding:0 20px;font-size:14px}
.slides{padding:40px 40px 24px var(--in)}
.sl-top{gap:28px}
.st b{font:700 56px/.9 var(--dh)}
.st small{font-size:12px;margin-top:6px}
.score{gap:20px}
.sc-n{font:700 64px/.9 var(--dh)}
.sc-m{padding:0 4px}
.sc-m b{font:700 26px/1 var(--dh)}
.sc-m small{font-size:12px;margin-top:6px}
.sl-k{gap:8px;margin-top:28px;font-size:14px}
.sl-h{font:700 clamp(44px,min(4.6vw,8vh),84px)/.92 var(--dh);margin-top:12px}
.sl-acts{gap:10px;margin-top:24px}
.sl-rel{gap:24px;margin-top:32px}
.rel{gap:2px}
.rel h2,.rel h3{font:700 22px/1 var(--dh);margin-bottom:8px}
.rel a{gap:10px;font-size:14px}
.sl-fine{margin-top:20px;font-size:12px}
.stories{gap:16px;padding:0 40px 32px var(--in)}
.stories button{padding-top:0}
.pg{margin-bottom:12px}
.stories small{font-size:12px}
.stories b{font:700 20px/1 var(--dh);margin-top:6px}
@media (max-height:780px){
.slides{padding-top:28px}
.st b{font-size:46px}
.sc-n{font-size:52px}
.sl-k{margin-top:20px}
.sl-acts{margin-top:18px}
.sl-rel{margin-top:22px}
}
.sec{padding-top:40px}
.sec:first-child{padding-top:12px}
.sh{gap:12px 20px}
.sh h2{gap:10px;font:700 34px/1 var(--dh);margin-right:auto}
.sh-row{gap:16px}
.see{gap:4px;font-size:12px}
.see::after{margin-left:2px}
.sh+*{margin-top:16px}
.tabs{gap:6px}
.tabs button{padding:0 12px;font-size:12px;gap:6px}
.tabs em{font-size:12px}
.note{margin-top:10px;font-size:12px}
.more{margin-top:8px;font-size:12px}
.ev-grid{gap:8px}
.ev{padding:14px 14px 0}
.ev-m{gap:6px;font-size:12px}
.ev-vs{gap:6px;margin-top:14px}
.ev-t small{font-size:12px}
.ev-t b{font:700 30px/1 var(--dh);margin-top:4px}
.ev-n{margin-top:10px;font-size:12px}
.ev-b{gap:6px;margin-top:12px}
.ob{gap:2px}
.ob small{font-size:10px}
.ob b{font-size:14px}
.ev-f{margin:12px -14px 0;padding:0 14px;font-size:12px}
.rows{gap:6px}
.row{gap:16px;padding:8px 10px 8px 10px}
.row .c small{font-size:12px}
.row .c b{font-size:14px}
.row .go{font-size:12px}
.tiles{gap:8px}
.tile .pl{padding:8px}
.tl-b{padding:10px 12px 12px}
.tl-b b{font-size:12px}
.tl-b small{font-size:12px;margin-top:2px}
.rk{font:700 16px/1 var(--dh)}
.tbl{gap:4px}
.th,.tr{gap:12px;padding:0 14px}
.th{font-size:12px}
.tr{padding-top:8px;padding-bottom:8px}
.tm{gap:10px}
.tm b{font-size:14px}
.tm small{font-size:12px}
.tm.sm b{font-size:12px}
.tr>b{font-size:14px}
.pos{font:700 18px/1 var(--dh)}
.pick{font-size:12px}
.xk-n{gap:10px}
.xk-n b{font-size:14px}
.xk{font:700 20px/1 var(--dh)}
.xc-g .mut{font-size:12px}
.dur{gap:10px}
.dur b{font-size:12px}
.ed-n b{font-size:14px}
.ed-n small{font-size:12px}
.ed-g .mut{font-size:12px}
.fin2 b{font-size:12px}
.fin2 small{font-size:12px}
.bar{gap:8px}
.bar b{font-size:12px}
.tip{padding:18px}
.tip-m{font-size:12px}
.flipbar{gap:8px;margin-top:12px}
.sc{padding:12px 8px}
.sc small{font-size:12px}
.sc b{font:700 44px/1 var(--dh);margin-top:4px}
.arr{gap:8px;font-size:14px}
.arr em{font-size:12px}
.tip-x{margin-top:12px;font-size:12px}
.tip .btn{margin-top:14px}
.qq{margin-top:6px;font-size:16px}
.opts{gap:8px;margin-top:14px}
.opt{font:700 30px/1 var(--dh)}
.answer{margin-top:12px;font-size:12px}
.cells{gap:8px}
.cl{padding:14px}
.cl small{font-size:12px}
.cl b{font:700 34px/1 var(--dh);margin-top:8px}
.cl span{font-size:12px;margin-top:4px}
.quotes{gap:8px}
.qt{gap:14px;padding:16px}
.qt blockquote{font-size:14px}
.qt figcaption{gap:6px;font-size:12px}
.logos{gap:8px}
.lg{font-size:16px}
.lg.nv{font-size:14px}
.seo{margin-top:36px}
.seo summary{gap:12px;padding:14px 16px;font-size:14px}
.seo .body{padding:0 16px 16px;gap:8px;font-size:12px}
.foot{margin-top:28px;padding-top:24px;gap:12px}
.foot-r{gap:12px}
.foot-soc{gap:6px}
.foot-about{font-size:12px}
.foot-links{gap:6px 18px;font-size:12px}
.foot-c{font-size:12px}
.kpi{gap:4px}
.k{gap:12px;padding:10px 16px}
.k span{gap:10px;font-size:14px}
.k b{font:700 44px/1 var(--dh)}
.lds{gap:8px}
.ld-hd{gap:12px;padding:16px 16px 16px}
.ld-n{font:700 76px/.82 var(--dh)}
.ld-l{margin-top:10px;font-size:12px}
.ld-r{margin-top:14px;font-size:14px}
.ld-who{margin-top:2px;font:700 28px/.95 var(--dh)}
.ld-sub{gap:6px;margin-top:6px;font-size:12px}
.ld-img{margin-top:var(--f)}
.ld-ls{margin:0;padding:0}
.ld-ls li{gap:10px;padding:0 16px;font-size:12px}
.ld-ls b{font-size:12px}
.ld-more{gap:6px;margin-top:auto;padding:16px;font-size:12px}
.px{gap:8px}
.px button{gap:14px;padding:14px}
.px span{gap:8px;font-size:12px}
.px em{margin-top:4px}
.px b{font:700 34px/1 var(--dh)}
.buy{gap:16px;margin-top:8px;padding:12px 12px 12px 18px}
.sum{gap:28px}
.sum div{gap:4px}
.sum dt{font-size:12px}
.sum dd{font-size:14px}
.sum dd b{font:700 30px/1 var(--dh)}
#notify{gap:8px}
.seg{gap:4px;padding:4px}
.seg button{font-size:12px}
.field{padding:0 14px;font-size:14px}
.done{font-size:14px}
.btn{font-size:14px}
.search{padding:0 16px;gap:12px}
.search input{font-size:16px}
.lang button{font-size:14px}
.qk{gap:12px;padding-top:4px}
.qk-i{gap:14px;padding:0 16px}
.qk-t b{font-size:18px}
.qk-t small{font-size:14px}
.sec,.sec:first-child{padding-top:40px}
.sh{gap:14px 16px}
.sh h2{font:600 22px/1.2 var(--in-f);gap:12px}
.sh:has(.tabs) .sh-row{gap:20px}
.see{padding:0 14px;font-size:14px}
.sh-row .fine{font-size:14px}
.tabs{gap:22px}
.tabs button{padding:0;font-size:16px;gap:8px}
.tabs em{padding:0 6px;font-size:14px}
.sh+*{margin-top:18px}
.note{margin-top:12px;font-size:14px}
.more{margin-top:10px;font-size:14px}
.ev-grid{gap:12px}
.ev{padding:16px 12px 12px}
.ev-m{gap:8px;font-size:14px}
.ev-vs{margin-top:16px}
.ev .tb{font-size:16px}
.ev-t small{font-size:14px}
.ev-t b{font:600 18px/1.2 var(--in-f);margin-top:4px}
.ev-n{margin-top:14px;font-size:16px}
.ev-b{gap:6px;margin-top:14px}
.ob{gap:8px;padding:0 14px}
.ob small{font-size:14px}
.ob b{font-size:16px}
.ev-f{margin:8px 0 0;padding:0 14px;font-size:14px}
.rows{gap:8px}
.row{padding:12px 14px}
.row .c small{font-size:14px}
.row .c b{font-size:14px}
.row .go{padding:0 16px;font-size:14px}
.tiles{gap:12px}
.tl-b{padding:12px 14px 14px}
.tl-b b{font-size:14px}
.tl-b small{font-size:12px;margin-top:4px}
.tbl{gap:6px}
.th{font-size:14px}
.tm b{font-size:14px}
.tm small{font-size:12px}
.pos{font:600 14px/1 var(--in-f)}
.pick{font-size:14px}
.xk{font:700 14px/1 var(--in-f)}
.xk-n b{font-size:14px}
.xc-g .mut,.ed-g .mut{font-size:14px}
.dur b,.bar b{font-size:14px}
.ed-n b{font-size:14px}
.ed-n small{font-size:12px}
.fin2 b{font-size:14px}
.fin2 small{font-size:12px}
.tip{padding:20px}
.tip-m{font-size:14px}
.sc b{font:600 34px/1.1 var(--in-f)}
.arr{font-size:14px}
.arr em{font-size:14px}
.tip-x{font-size:14px}
.qq{font-size:18px}
.opt{font:600 24px/1 var(--in-f)}
.answer{font-size:14px}
.cl{padding:16px}
.cl small{font-size:14px}
.cl b{font:600 28px/1.1 var(--in-f)}
.cl span{font-size:14px}
.qt{padding:18px}
.qt blockquote{font-size:16px}
.qt figcaption{font-size:14px}
.seo summary{font-size:14px;padding:16px 18px}
.seo .body{font-size:14px;padding:0 18px 18px}
.foot-about{font-size:14px}
.foot-links{font-size:14px}
.foot-c{font-size:12px}
.kpi{gap:6px}
.k{padding:10px 16px}
.k span{font-size:14px}
.kpi .k b{font:600 26px/1 var(--in-f)}
.lds{gap:12px}
.ld-hd{padding:18px 18px 16px}
.ld-n{font:700 52px/1 var(--in-f)}
.ld-l{margin-top:6px;font-size:14px}
.ld-r{margin-top:14px;font-size:14px}
.ld-who{margin-top:4px;font:600 18px/1.25 var(--in-f)}
.ld-sub{font-size:14px}
.ld-img{margin-top:0}
.ld-ls li{padding:0 18px;font-size:14px}
.ld-ls b{font-size:14px}
.ld-more{padding:14px 18px 16px;font-size:14px}
.px{gap:10px}
.px button{padding:14px 16px}
.px span{font-size:14px}
.px em{margin-top:6px}
.px b{font:600 24px/1 var(--in-f)}
.buy{margin-top:10px}
.sum dt{font-size:14px}
.sum dd{font-size:14px}
.sum dd b{font:600 26px/1.1 var(--in-f)}
.seg button{font-size:14px}
.field{font-size:14px}
.done{font-size:14px}
.sl-acts{gap:16px;margin-top:28px}
.sl-acts .btn{padding:0 32px;font:700 22px/1 var(--dh)}
.rel h2,.rel h3{font-size:24px;margin-bottom:10px}
.rel a{gap:12px;font-size:18px}
.rel svg.i{padding:6px}
.rel svg.i.fill{padding:6px 6px 6px 8px}
.stories{gap:20px}
.pg{margin-bottom:14px}
.stories small{font:700 20px/1 var(--dh)}
.stories b{font-size:22px;margin-top:8px}
@media (max-height:780px){
.sl-acts .btn{font-size:20px;padding:0 26px}
.rel a{font-size:16px}
}
@container (max-width:860px){
.qk-i{gap:12px;padding:0 14px}
}
@container (max-width:720px){
.qk-i{gap:10px;padding:16px}
}
@container (max-width:460px){
.qk{gap:8px}
.qk-i{padding:0 14px;gap:12px}
.tabs{gap:18px}
.ld-n{font-size:44px}
}
.info{font-size:14px}
.search{padding:0 14px;gap:10px}
.search input{font-size:14px}
.lang button{font-size:12px}
.qk{gap:10px;padding-top:2px}
.qk-i{padding:0 12px;gap:12px}
.qk-t b{font-size:16px}
.qk-t small{font-size:14px}
.sec,.sec:first-child{padding-top:32px}
.sh{gap:10px 14px}
.sh h2{font-size:18px;gap:10px}
.see{padding:0 12px;font-size:14px}
.sh-row .fine{font-size:12px}
.tabs{gap:20px}
.tabs button{font-size:14px;gap:6px}
.tabs em{padding:0 6px;font-size:12px}
.sh+*{margin-top:12px}
.note{margin-top:10px;font-size:12px}
.more{font-size:14px}
.btn{padding:0 18px;font-size:14px}
.kpi{gap:4px}
.k{padding:6px 14px;gap:10px}
.k span{gap:8px;font-size:14px}
.kpi .k b{font-size:20px}
.px{gap:8px}
.px button{padding:12px 14px;gap:10px}
.px span{font-size:14px;gap:8px}
.px em{margin-top:6px}
.px b{font-size:20px}
.buy{margin-top:8px;padding:8px 8px 8px 14px;gap:12px}
.sum{gap:22px}
.sum dt{font-size:12px}
.sum dd{font-size:14px}
.sum dd b{font-size:20px}
.seg{padding:4px}
.seg button{font-size:14px}
.field{font-size:14px}
.done{font-size:14px}
.ev-grid{gap:8px}
.ev{padding:12px 10px 10px}
.ev-m{font-size:14px;gap:6px}
.ev-vs,.ev-grid .ev-vs{margin-top:12px}
.ev .tb{font-size:14px}
.ev-t small{font-size:14px}
.ev-t b{font-size:14px;margin-top:2px}
.ev-n{margin-top:10px;font-size:14px}
.ev-b{gap:4px;margin-top:10px}
.ob{padding:0 10px}
.ob small{font-size:14px}
.ob b{font-size:14px}
.ev-f{margin-top:6px;padding:0 10px;font-size:14px}
.rows{gap:6px}
.row{gap:14px;padding:10px 12px}
.row .c small{font-size:12px}
.row .c b{font-size:14px}
.row .go{padding:0 12px;font-size:12px}
.tiles{gap:8px}
.tl-b{padding:10px 12px 12px}
.tl-b b{font-size:14px}
.tl-b small{font-size:12px}
.tbl{gap:4px}
.th{font-size:12px}
.tr{padding-top:6px;padding-bottom:6px}
.tm b{font-size:14px}
.tm small{font-size:12px}
.pos{font-size:12px}
.pick{font-size:12px}
.xk{font-size:12px}
.xk-n b,.ed-n b{font-size:14px}
.xc-g .mut,.ed-g .mut,.fin2 b{font-size:14px}
.dur b,.bar b{font-size:12px}
.ed-n small,.fin2 small{font-size:12px}
.lds{gap:8px}
.ld-hd{padding:14px 14px 12px}
.ld-n{font-size:40px}
.ld-l{margin-top:4px;font-size:14px}
.ld-r{margin-top:10px;font-size:12px}
.ld-who{font-size:16px}
.ld-sub{font-size:12px;margin-top:4px}
.ld-ls li{padding:0 14px;font-size:14px;gap:8px}
.ld-ls b{font-size:14px}
.ld-more{padding:12px 14px;font-size:14px}
.tip{padding:16px}
.tip-m{font-size:14px}
.sc b{font-size:28px}
.arr,.tip-x,.answer{font-size:14px}
.qq{font-size:16px}
.opt{font-size:20px}
.cl{padding:12px 14px}
.cl small{font-size:12px}
.cl b{font-size:22px;margin-top:6px}
.cl span{font-size:12px}
.qt{padding:14px}
.qt blockquote{font-size:14px}
.qt figcaption{font-size:12px}
.seo summary{font-size:14px;padding:14px 16px}
.seo .body{font-size:14px;padding:0 16px 16px}
.foot-about,.foot-links{font-size:12px}
.foot-c{font-size:12px}
@container (max-width:460px){
.ld-n{font-size:36px}
}
@container (max-width:820px){
.k.w3{gap:6px;padding:10px 12px}
.k.w3 span{font-size:12px}
.k.w3 b{font-size:20px}
}
@container (max-width:460px){
.sh h2{font-size:18px}
.k{padding:10px 12px}
.k b{font-size:20px}
}
@media (max-width:1180px){
.stage{margin:0 var(--pad)}
.slides{padding:32px 32px 24px}
.stories{padding:0 32px 28px}
.sl-h{font-size:clamp(44px,6vw,72px)}
.info{padding-top:8px}
}
@media (max-width:860px){
.info{padding-bottom:96px}
.bottombar{padding:0 4px env(safe-area-inset-bottom)}
.bottombar a{gap:4px;font-size:10px}
}
@media (max-width:640px){
.slides{padding:24px 20px 20px}
.stories{padding:0 20px 20px;gap:10px}
.stories b{font-size:16px}
.sl-top{gap:18px}
.st b{font-size:40px}
.score{gap:10px}
.sc-n{font-size:44px}
.sc-m b{font-size:20px}
.sl-rel{gap:16px}
}
@container (max-width:460px){
.sh-row{row-gap:8px}
}
.info{font-size:14px;padding-bottom:32px}
.top{gap:8px}
.sec,.sec:first-child{padding-top:24px}
.info>.sec:first-of-type{padding-top:8px}
.sh{gap:8px 12px}
.sh h2{font-size:16px;gap:8px}
.sh+*{margin-top:10px}
.see{padding:0 10px;font-size:12px}
.tabs{gap:16px}
.tabs button{font-size:14px}
.note{margin-top:8px;font-size:12px}
.more{margin-top:6px}
#pemain .tiles{gap:6px}
.ev{padding:10px 10px 8px}
.ev-vs,.ev-grid .ev-vs{margin-top:6px}
.ev .tb{font-size:14px}
.ev-t small,.ev-m{font-size:12px}
.ev-t b{font-size:14px}
.ev-n{margin-top:6px;font-size:14px}
.ev-b{margin-top:8px}
.ob small,.ob b{font-size:12px}
.ev-f{margin-top:4px;font-size:12px}
.rows{gap:4px}
.row{padding:6px 10px;gap:12px}
.row .c b{font-size:14px}
.tbl{gap:4px}
.tr{padding-top:4px;padding-bottom:4px}
.tm b{font-size:14px}
.tl-b{padding:8px 10px 10px}
.kpi{gap:4px}
.k{padding:4px 12px}
.k span{font-size:12px}
.kpi .k b{font-size:18px}
.px button{padding:10px 12px;gap:6px}
.px b{font-size:18px}
.buy{padding:6px 6px 6px 12px}
.sum dd b{font-size:18px}
.btn{font-size:14px}
.lds{gap:6px}
.ld-hd{padding:12px 12px 10px;gap:10px}
.ld-n{font-size:32px}
.ld-who{font-size:14px}
.ld-ls li{padding:0 12px;font-size:12px}
.ld-ls b{font-size:12px}
.ld-more{padding:10px 12px;font-size:12px}
.cl{padding:10px 12px}
.cl b{font-size:20px;margin-top:4px}
.qt{padding:12px}
.qt blockquote{font-size:14px}
@container (max-width:460px){
.ld-n{font-size:30px}
}
@media (min-width:1181px){
.slides{padding-bottom:40px}
}
.sl-acts{margin-top:24px}
.sum dd small{font-size:12px}
.arws{gap:4px}
.info>.sec.hl-sec{padding-top:12px}
.hl{gap:16px;padding:2px 0}
.hl a{gap:6px}
.hl-r{padding:4px}
.hl .t{font-size:12px}
.info>.sec.qk{padding-top:20px}
.ev-grid,#laga .ev-grid{gap:10px}
.ev{padding:16px 14px 14px}
.ev-m{font-size:14px;gap:6px}
.ev-vs,.ev-grid .ev-vs{margin-top:16px}
.ev .tb{font-size:16px}
.ev-t small{font-size:14px}
.ev-t b{font:600 18px/1.2 var(--in-f);margin-top:4px}
.ev-n{margin-top:14px;font-size:14px}
.ev-b{gap:6px;margin-top:14px}
.ob small,.ob b{font-size:14px}
.ev-f{margin-top:8px;font-size:14px}
@container (max-width:460px){
.ev-grid,#laga .ev-grid{gap:8px}
}
.ev .tb{padding:8px}
.ev-n span{margin:0 2px}
.pcards{gap:14px;padding:4px}
.tc-lg{padding:6px 6px 6px 6px}
.tc-br{font:900 8px/1 var(--wd);padding-bottom:2px}
.tc-rk{padding:0 6px 6px 6px}
.tc-rk small{font:800 8px/1 var(--wd)}
.tc-rk b{font:800 22px/1 var(--wd)}
.tc-nb{padding:0 6px 0 22px}
.tc-nb b{font:900 var(--fs)/1 var(--wd)}
.tc-ft{font:500 8px/1 var(--wd)}
.tc-q{font:700 150px/1 var(--dh)}
.tc-go{gap:6px;font-size:14px}
@container (max-width:460px){
.pcards{gap:10px}
}
.tc-ft{font-size:8px}
.pcards{padding:4px 4px 18px;margin-bottom:-12px}
.yt-row{gap:16px}
.yt-d{padding:0 6px;font-size:12px}
.yt-b{gap:12px;margin-top:12px}
.yt-t b{font-size:14px;margin-bottom:4px}
.yt-t small{font-size:14px}
.nws{gap:12px}
.nw-bg{font:700 clamp(64px,13cqw,104px)/.84 "Dharma Gothic E",Inter,sans-serif}
.nw-tags{gap:6px}
.nw-tag,.nw-new{padding:0 10px;font-size:12px}
.nw-lead .nw-tx{gap:8px;padding:14px 16px 16px}
.nw-h{font-size:20px}
.nw-x{font-size:14px}
.nw-m{gap:12px;margin-top:auto;padding-top:4px;font-size:12px}
.nw-go{gap:4px}
.nw-ls{gap:8px}
.nw-i{gap:12px;padding:8px}
.nw-i .nw-tx{gap:4px;padding-right:4px}
.nw-k{font-size:12px}
.nw-i b{font-size:14px}
.nw-i time{font-size:12px}
@container (max-width:460px){
.yt-row{gap:12px}
.nw-h{font-size:18px}
}
.pcards{gap:16px;padding:4px 4px 18px}
.xc-vl{font:700 6px/1 var(--wd)}
.xc-bdg{padding:4px 6px;font:800 6px/1 var(--wd)}
.xc-ed{padding:2px 4px;font:800 6px/1.15 var(--wd)}
.xc-sd{gap:8px}
.xc-vn{font:900 var(--vs,22px)/30px var(--wd);padding-top:4px}
.xc-no{gap:1px;padding-top:6px}
.xc-no b{font:900 22px/1 var(--wd)}
.xc-no small{font:800 6px/1 var(--wd)}
.xc-dm{margin:2px 0 6px}
.xc-np small{font:700 6px/1 var(--wd)}
.xc-fn{font:800 14px/1 var(--wd)}
.xc-ln{font:900 var(--ls,30px)/1 var(--wd)}
.xc-ft{gap:6px}
.xc-ft small{font:500 4px/1.35 var(--wd)}
.xc-ft::after{font:300 10px/1 Inter,sans-serif;margin-right:2px}
.xc-q{font:700 140px/1 var(--dh)}
@container (max-width:460px){
.pcards{gap:12px}
}
.nw-lead .nw-bg{font-size:clamp(76px,17cqw,128px)}
.nw-lead .nw-tx{padding:0 20px 18px;gap:8px}
.nw-lead .nw-h{font-size:24px}
@container (max-width:620px){
.nw-lead .nw-h{font-size:20px}
}
.sh-row .arws{margin-left:auto;margin-right:-8px}
.xk-deck{gap:12px}
.xk-c{margin:0;padding:15% 9% 9%}
.xk-ix b{font:700 15cqi/0.9 var(--dh)}
.xk-ix small{font-size:4.6cqi;margin-top:1.5cqi}
.xk-art{margin:2cqi 0 4cqi}
.xk-gl .t{font:700 8px/1 var(--in-f)}
.xk-tri{gap:7cqi}
.xk-t{margin:0;font:700 14cqi/0.95 var(--dh)}
.xk-x{margin:3cqi 0 0;font-size:6.4cqi}
.xk-ft{gap:3cqi;margin:5cqi 13cqi 0}
.xk-ch{padding:1.6cqi 3.6cqi;font:700 6.4cqi/1 var(--in-f)}
.xk-ft small{font-size:5.6cqi}
@container (max-width:620px){
.xk-deck{margin-right:calc(var(--pad) * -1);padding-right:var(--pad)}
}
.xk-ft{margin:5cqi 20cqi 0}
.xk-ix b{font-size:17cqi}
.xk-deck{gap:14px;padding:4px 0 10px}
.xk-c{padding:0}
.xk-c .xk-t{margin:15cqi 0 0;font:700 14cqi/.9 var(--dh)}
.xk-art{margin:3cqi 0}
.xk-c .xk-x{margin:0;padding:0 10cqi;font:500 5.3cqi/1.42 var(--in-f)}
.xk-lg{margin:5cqi 0 10cqi}
.tbl{padding:2px 6px 6px;gap:4px}
.tbl .th{padding:0 12px}
.tbl .tr{padding-left:12px;padding-right:12px}
@media (max-width:760px){
.tbl{padding:0 4px 4px;gap:4px}
.tbl .th{padding:0 10px}
.tbl .tr{padding-left:10px;padding-right:10px}
}
@container (max-width:460px){
.ed-g .bar b{font-size:12px}
}
.sec,.sec:first-child{padding-top:64px}
.info>.sec:first-of-type{padding-top:8px}
.info>.sec.hl-sec{padding-top:12px}
.info>.sec.qk{padding-top:24px}
.sh+*{margin-top:14px}
@container (max-width:620px){
.sec,.sec:first-child{padding-top:44px}
.sh+*{margin-top:12px}
}
.sh h2{font:700 32px/1 var(--dh);gap:10px}
@media (max-width:640px){
.sh h2{font-size:28px;gap:8px}
}
.ev-h{margin-top:6px;font-size:12px}
.sgs{gap:6px}
.sg{gap:10px;padding:10px 12px}
.sg-av{font-size:12px}
.sg-t{gap:1px}
.sg-t b{font-size:14px}
.sg-t small{font-size:12px}
.sg-rk{font:600 14px/1 var(--in-f)}
.sg-new{padding:0 8px;font-size:12px}
@container (max-width:620px){
.sg{padding:8px 10px}
}
.rvs{gap:8px}
.rv{padding-bottom:10px}
.rv-hd{gap:8px;padding:18px 14px 14px}
.rv-tm{gap:8px}
.rv-tm b{font-size:14px}
.rv-sc{column-gap:6px}
.rv-sc b{font:700 46px/1 var(--dh)}
.rv-sc i{font-size:22px}
.rv-sc small{margin-top:4px;font-size:12px}
.rv-ls{margin:0;padding:0}
.rv-ls li{gap:12px;padding:0 14px;font-size:14px}
@container (max-width:760px){
.rv-hd{padding:14px 12px 12px}
}
.hfs{gap:8px}
.hf{padding:16px}
.hf small{font-size:12px}
.hf img,.hf-av{margin:12px 0 10px}
.hf-av{font-size:16px}
.hf b{font-size:16px}
.hf>span:not(.hf-av){margin-top:4px;font-size:12px}
.hf-ppl{gap:8px;margin-top:8px}
.hf-g{gap:10px;padding:14px 16px}
.hf-g small{font-size:12px}
.hf-l{gap:6px}
.hf-l a{gap:8px;padding:0 12px 0 4px;font-size:14px}
.hf-l img,.hf-l span{font-size:10px}
@container (max-width:620px){
.hf{padding:14px}
.hf img,.hf-av{margin:10px 0 8px}
}

/* end v279 mirror */
/* v287: mirror warna teks v3.css, putih #fff -> #CFCFD4 */
:root,body{--ink:#CFCFD4}
body{color:var(--ink)}
a{color:inherit}
button,input{color:inherit}
.mut{color:var(--mut)}
.c-cy{color:var(--pri)}
.fine{color:var(--fnt)}
.ri{color:#8E8E96}
.ri-c{color:#B5B5BD}
.ri:hover{color:#CFCFD4}
.ri:hover .ri-c{color:#CFCFD4}
.ri.on{color:#CFCFD4}
.ri.on .ri-c{color:#CFCFD4}
.ri em{color:#CFCFD4}
.ri.pri{color:var(--pri)}
.ri.pri .ri-c{color:var(--pri)}
.ri.r,.ri.r .ri-c{color:#FF5A63}
.ri.p,.ri.p .ri-c{color:#B65CFF}
.ic-btn{color:var(--mut)}
.ic-btn:hover{color:var(--ink)}
.lang button{color:var(--mut)}
.lang button[aria-pressed=true]{color:var(--ink)}
.me{color:var(--mut)}
.search{color:var(--fnt)}
.search input{color:var(--ink)}
.search input::placeholder{color:var(--fnt)}
.btn.line{color:var(--ink)}
.btn.pri{color:#000}
.st b.gd{color:var(--gold)}
.st small{color:var(--mut)}
.sc-m small{color:var(--gold)}
.sl-k{color:#D6D6D6}
.sl-k svg.i{color:var(--pri)}
.rel a{color:#E6E6E6}
.rel a:hover{color:var(--pri)}
.rel svg.i{color:var(--mut)}
.sl-fine{color:var(--fnt)}
.stories button{color:var(--fnt)}
.stories button:hover{color:#C8C8C8}
.stories button[aria-selected=true]{color:var(--ink)}
.stories button[aria-selected=true] small{color:var(--pri)}
.sh h2 svg.i{color:var(--mut)}
.see{color:var(--mut)}
.see:hover{color:var(--ink)}
.tabs button{color:#C8C8C8}
.tabs button:hover{color:var(--ink)}
.tabs em{color:var(--fnt)}
.tabs button[aria-selected=true]{color:#000}
.tabs button[aria-selected=true] em{color:#00534A}
.note{color:var(--fnt)}
.more{color:#C8C8C8}
.more:hover{color:var(--ink)}
.ev-m{color:var(--mut)}
.ev.fin .ev-m{color:var(--gold)}
.tb{color:var(--fnt)}
.ev-t small{color:var(--mut)}
.ev-n{color:var(--mut)}
.ob small{color:var(--mut)}
.ob b{color:var(--pri)}
.ob svg.i{color:var(--ink)}
.ev-f{color:var(--mut)}
.ev-f:hover{color:var(--ink)}
.row .c small{color:var(--fnt)}
.tile .pl{color:#000}
.tl-b small{color:var(--mut)}
.rk{color:var(--ink)}
.rk.a{color:#000}
.th{color:var(--fnt)}
.tm small{color:var(--mut)}
.pos{color:var(--mut)}
.pos.p1{color:#000}
.pos.p2,.pos.p3{color:var(--ink)}
.pick[aria-pressed=true]{color:#000}
.xk{color:#000}
.ed-n small{color:var(--mut)}
.fin2 small{color:var(--mut)}
.tip-m{color:var(--mut)}
.sc small{color:var(--mut)}
.sc.hot{color:#000}
.sc.hot small{color:#00534A}
.arr em{color:var(--mut)}
.tip-x{color:var(--mut)}
.opt.ok{color:#000}
.opt.no{color:var(--fnt)}
.answer{color:var(--ink)}
.cl small{color:var(--mut)}
.cl span{color:var(--fnt)}
.qt figcaption{color:var(--mut)}
.lg{color:#B8B8B8}
.seo summary svg.i{color:var(--mut)}
.seo .body{color:var(--mut)}
.foot-soc a{color:var(--mut)}
.foot-soc a:hover{color:var(--ink)}
.foot-about{color:var(--mut)}
.foot-links{color:#C8C8C8}
.foot-links a:hover{color:var(--ink)}
.foot-c{color:var(--fnt)}
.k span{color:#E6E6E6}
.k svg.i{color:var(--mut)}
.k b{color:var(--pri)}
.ld-n{color:var(--pri)}
.ld-r{color:var(--pri)}
.ld-sub{color:#C8C8C8}
.ld-ls li{color:#D6D6D6}
.ld-ls li:first-child{color:var(--ink)}
.ld-i{color:var(--fnt)}
.ld-ls b{color:var(--ink)}
.ld-more{color:var(--pri)}
.ld-more:hover{color:var(--ink)}
.px button[aria-checked=true] b{color:var(--pri)}
.sum dt{color:var(--mut)}
.sum dd b{color:var(--pri)}
.seg button{color:var(--mut)}
.seg button:hover{color:var(--ink)}
.seg button[aria-pressed=true]{color:var(--ink)}
.field{color:var(--ink)}
.field::placeholder{color:var(--fnt)}
.done{color:var(--pri)}
.search{color:#8A8A93}
.search input::placeholder{color:#8A8A93}
.qk-ic{color:#E4E4EA}
.qk-ic.t{color:var(--pri)}
.qk-t small{color:var(--mut)}
.qk-go{color:var(--mut)}
.qk-i:hover .qk-go{color:var(--ink)}
.sh h2 svg.i{color:var(--pri)}
.see{color:#C9C9D0}
.tabs button{color:var(--mut)}
.tabs button:hover{color:var(--ink)}
.tabs em{color:var(--mut)}
.tabs button[aria-selected=true]{color:var(--pri)}
.tabs button[aria-selected=true] em{color:var(--pri)}
.ev-n{color:#CFCFD4}
.ob b{color:var(--ink)}
.row .go{color:#C9C9D0}
.row:hover .go{color:var(--ink)}
.k span{color:#BDBDC5}
.k svg.i{color:#8A8A93}
.kpi .k b{color:var(--pri)}
.ld-l{color:var(--mut)}
.ld-sub{color:var(--mut)}
.sl-acts .btn.line{color:#CFCFD4}
.sl-acts .btn.line:hover{color:#000}
.rel a{color:#CFCFD4}
.rel svg.i{color:#000}
.stories small{color:inherit}
@media (max-width:860px){
.bottombar a{color:var(--mut)}
}
.sum dd small{color:var(--mut)}
.arws button{color:var(--ink)}
.arws button:disabled{color:var(--s4)}
.hl-ic{color:var(--pri)}
.hl .t{color:#D6D6DC}
.hl a:hover .t{color:var(--ink)}
.ev-n{color:#CFCFD4}
.ev-n span{color:var(--mut)}
.tc{color:#111}
.tc-br{color:#1A1A1E}
.tc-rk small{color:var(--rl)}
.tc-rk b{color:var(--vt)}
.tc-nb{color:var(--nt)}
.tc-ft{color:#55565C}
.tc-ft b{color:#1A1A1E}
.tc-q{color:#38383E}
.tc-go{color:#000}
.tc-rk b{color:var(--vt)}
.tc-nb{color:var(--nt)}
.tc-q{color:#3A3A40}
.yt-d{color:#CFCFD4}
.yt-t b{color:#F1F1F1}
.yt-t small{color:#AAAAAA}
.yt:hover .yt-t b{color:#CFCFD4}
.nw-bg{color:transparent}
.nw-tag{color:#CFCFD4}
.nw-new{color:#000}
.nw-x{color:var(--mut)}
.nw-m{color:var(--fnt)}
.nw-go{color:var(--pri)}
.nw-k{color:var(--pri)}
.nw-k.t{color:var(--gold)}
.nw-i time{color:var(--fnt)}
.xc{color:#111}
.xc-vl{color:rgba(20,20,24,.7)}
.xc-bdg{color:#CFCFD4}
.xc-ed{color:rgba(20,20,24,.75)}
.xc-vn{color:#111}
.xc-no b{color:var(--rk)}
.xc-no small{color:#111}
.xc-np small{color:#8E929A}
.xc-fn{color:#E9EBEF}
.xc-ln{color:transparent}
.xc-ft small{color:#55585E}
.xc-ft::after{color:#55585E}
.xc.nx .xc-vl{color:rgba(255,255,255,.45)}
.xc-q{color:#3A3A40}
.nw-lead .nw-x{color:#C9C9CE}
.nw-lead .nw-m{color:#9A9AA2}
.xk-c{color:var(--ink)}
.xk-ix{color:var(--c)}
.xk-ix small{color:var(--mut)}
.xk-x{color:var(--mut)}
.xk-ch{color:#000}
.xk-ft small{color:var(--mut)}
.xk-c .xk-t{color:var(--c)}
.xk-c .xk-x{color:#CFCFD4}
.ev-h{color:var(--mut)}
.ev-h b{color:#D6D6D6}
.tabs button[disabled]:hover{color:var(--mut)}
.sg-av{color:var(--mut)}
.sg-t small{color:var(--mut)}
.sg-rk{color:var(--ink)}
.sg-rk.no{color:var(--fnt)}
.sg-new{color:#000}
.rv-sc b{color:var(--pri)}
.rv-sc i{color:var(--fnt)}
.rv-sc small{color:var(--mut)}
.rv-ls li{color:var(--mut)}
.rv-ls b{color:var(--ink)}
.hf small{color:var(--gold)}
.hf-av{color:var(--mut)}
.hf>span:not(.hf-av){color:var(--mut)}
.hf-g small{color:var(--mut)}
.hf-l img,.hf-l span{color:var(--mut)}
/* end v287 mirror */
/* PITCH: panel kanan = informasi murni berbingkai lapangan datar (top-down).
   Mode: Stats (default) · Finals · xBall · Road. Data sama dengan kolom informasi, TBA ditandai. Tanpa glow dekoratif. */

/* ---- tukar sisi kolom: rail | informasi | panel ---- */
@media (min-width:1181px){
  .app{grid-template-columns:var(--sw) minmax(0,1fr) var(--stage);grid-template-areas:"side top stage" "side info stage"}
  .side{grid-area:side;width:auto;background:var(--bg)}
  /* kolom informasi satu tingkat di atas lapangan: latar & kartu sedikit lebih terang, lapangan tetap hitam */
  body{--bg:#0C0C0F}
  .side,.top,.info{--s1:#1C1C21;--s2:#25252A;--s3:#303036;--s4:#3F3F46;--line:#25252A}
  .info .tc.nx .tc-ph{background:var(--s2)}
  /* rail: menu tidak aktif = cincin outline saja, aktif tetap terisi */
  .side .ri-c{background:none;box-shadow:inset 0 0 0 .5px #34343B}
  .side .ri:hover .ri-c{background:none;box-shadow:inset 0 0 0 .5px #6A6A73}
  .side .ri.on .ri-c{background:#2C2C31;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.7)}
  .side .ri.pri .ri-c,.side .ri.pri:hover .ri-c{background:none;box-shadow:inset 0 0 0 .5px rgba(0,255,239,.45)}
  .side .ri.r .ri-c,.side .ri.r:hover .ri-c{background:none;box-shadow:inset 0 0 0 .5px rgba(255,90,99,.45)}
  .side .ri.p .ri-c,.side .ri.p:hover .ri-c{background:none;box-shadow:inset 0 0 0 .5px rgba(182,92,255,.5)}
  .side .ri.pri:hover .ri-c{box-shadow:inset 0 0 0 .5px var(--pri)}
  .side .ri.r:hover .ri-c{box-shadow:inset 0 0 0 .5px #FF5A63}
  .side .ri.p:hover .ri-c{box-shadow:inset 0 0 0 .5px #B65CFF}
  .side .ri em{border-color:var(--bg)}
}

.pt{--tc:var(--pri);background:#000;border-left:1px solid var(--s2)}
.pt::before{display:none}
.pt .slide,.pt .stage-media{display:none!important}

/* ---- header: mode + hitung mundur ---- */
.pt-hd{display:flex;align-items:center;gap:12px;padding:16px 20px 0}
.pt-seg{display:flex;flex:1;min-width:0;background:var(--s1);padding:4px;clip-path:var(--chamf-s)}
.pt-seg button{flex:1;display:grid;place-items:center;padding:0 10px;height:34px;font-size:12px;font-weight:600;color:#9a9aa2;white-space:nowrap;clip-path:var(--chamf-s)}
.pt-seg button:hover{color:#CFCFD4}
.pt-seg button[aria-selected=true]{background:#fff;color:#000}
.pt-cd{display:flex;align-items:baseline;gap:8px;flex:none}
.pt-cd span{display:flex;align-items:baseline;gap:1px;font-size:12px;font-weight:600;color:#6A6A73}
.pt-cd b{font:700 24px/1 var(--dh);color:#CFCFD4;font-variant-numeric:tabular-nums}

/* ---- lapangan ---- */
.pt-view{position:relative;flex:1 1 auto;min-height:0;padding:14px 20px}
.pt-pl{--ln:rgba(255,255,255,.07);--pbg:var(--s1);position:relative;height:100%;
  background:repeating-linear-gradient(180deg,var(--s1) 0 10%,#151519 10% 20%);box-shadow:inset 0 0 0 1.5px var(--ln)}
.pt-ln{position:absolute;border:1.5px solid var(--ln);pointer-events:none}
.pt-ln.half{left:0;right:0;top:50%;border-width:1.5px 0 0}
.pt-ln.cc{left:50%;top:50%;width:26%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%)}
.pt-ln.sp{left:50%;top:50%;width:5px;height:5px;border:0;border-radius:50%;background:var(--ln);transform:translate(-50%,-50%)}
.pt-ln.pa{left:26%;right:26%;height:12%}
.pt-ln.pa.t{top:0;border-top:0}.pt-ln.pa.b{bottom:0;border-bottom:0}
.pt-ln.gl{left:42%;right:42%;height:6px;background:var(--ln);border:0}
.pt-ln.gl.t{top:0}.pt-ln.gl.b{bottom:0}

.pt-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.pt-path path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.pt-path .done{stroke:var(--tc);stroke-width:3}
.pt-path .todo{stroke:rgba(255,255,255,.32);stroke-width:2;stroke-dasharray:2 7}

.pt-layer{position:absolute;inset:0}
.pt-layer[hidden]{display:none}

/* ---- road: satu gaya penanda = titik + label teks 2 baris; kartu hanya untuk milestone terpilih ---- */
.pt-mk{position:absolute;width:26px;height:26px;padding:0;display:grid;place-items:center;transform:translate(-50%,-50%);color:inherit}
.pt-dot{width:10px;height:10px;border-radius:50%;background:#6A6A73;box-shadow:0 0 0 3px var(--pbg)}
.pt-lb{position:absolute;top:50%;transform:translateY(-50%);display:grid;gap:2px;white-space:nowrap;text-align:left;
  text-shadow:0 0 3px var(--pbg),0 0 6px var(--pbg)}
.pt-mk.r .pt-lb{left:calc(100% + 2px)}
.pt-mk.l .pt-lb{right:calc(100% + 2px);text-align:right}
.pt-lb small{font-size:10px;line-height:1.2;font-weight:600;color:#7A7A83}
.pt-lb b{font:700 18px/1 var(--dh);text-transform:uppercase;color:#B5B5BD}
.pt-cards{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);display:none;gap:6px}
.pt-mk.on .pt-cards{display:flex}
.pt .xc{zoom:var(--zc,.36);pointer-events:none;flex:none}
.pt .xc:hover{transform:none}

.pt-mk:hover .pt-lb b{color:#CFCFD4}
.pt-mk.done .pt-dot{background:var(--tc)}
.pt-mk.next .pt-dot{width:14px;height:14px;background:var(--pri)}
.pt-mk.next .pt-lb small{color:var(--pri)}
.pt-mk.lock .pt-dot{background:var(--pbg);box-shadow:0 0 0 3px var(--pbg),inset 0 0 0 1.5px #6A6A73}
.pt-mk.ko .pt-dot{width:14px;height:14px;background:#fff}
.pt-mk.ko .pt-lb b{font-size:22px;color:#CFCFD4}
.pt-mk.on .pt-dot{outline:2px solid #fff;outline-offset:3px}
.pt-mk.on .pt-lb b{color:#CFCFD4}

/* bola = hari ini */
.pt-ball{position:absolute;width:16px;height:16px;transform:translate(-50%,-50%);pointer-events:none}
.pt-ball i{position:absolute;inset:0;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--pbg)}
.pt-ball small{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);font-size:10px;font-weight:700;color:#CFCFD4;text-shadow:0 0 3px var(--pbg)}

/* ---- kartu bawah ---- */
.pt-card,.pt-info{position:relative;margin:0 20px 20px;padding:16px 18px 18px;background:var(--s1);clip-path:var(--chamf-l)}
.pt-card[hidden],.pt-info[hidden],.pt-top[hidden]{display:none}
.pt-ch{display:flex;align-items:center;gap:8px}
.pt-k{flex:1;min-width:0;font-size:12px;font-weight:600;color:#c8c8cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-step{display:flex;align-items:center;gap:2px;font-size:12px;color:#8a8a93}
.pt-step button{width:28px;height:28px;display:grid;place-items:center;color:#CFCFD4;background:var(--s3);clip-path:var(--chamf-s)}
.pt-step button:hover{background:var(--s4)}
.pt-step svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4}
.pt-step span{min-width:34px;text-align:center}
.pt-h{font:700 clamp(30px,2.5vw,40px)/.95 var(--dh);text-transform:uppercase;margin-top:6px;text-wrap:balance}
.pt-p{margin-top:6px;font-size:14px;color:#a8a8b0}
.pt-acts{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}
.pt-acts .btn{height:40px;padding:0 16px;font-size:14px}
.pt-acts .btn[disabled]{opacity:.4;cursor:not-allowed}
.pt-acts .btn small{font-size:12px;font-weight:500;opacity:.7;margin-left:6px}

.pt-tba{display:inline-block;margin-left:4px;padding:1px 4px;font:700 10px/1.2 Inter,sans-serif;background:#3a2f00;color:#ffd84d;vertical-align:1px}
.pt-acts:empty{display:none}

/* ---- judul insight: satu angka besar = pesan utama tab ---- */
.pt-top{display:flex;align-items:flex-end;gap:12px;min-width:0;margin-bottom:12px}
.pt-n{flex:none;font:700 48px/.9 var(--in-f);letter-spacing:-.03em;color:var(--pri)}
.pt-t{flex:1;min-width:0;display:grid;gap:4px}
.pt-t b{font:700 22px/1 var(--dh);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-t small{font-size:12px;line-height:1.3;color:#8a8a93}
.pt-ed{flex:none;align-self:center;display:flex;gap:2px;padding:2px;background:var(--s1);clip-path:var(--chamf-s)}
.pt-ed button{display:flex;align-items:center;height:28px;padding:0 10px;font-size:12px;font-weight:600;color:#8a8a93;clip-path:var(--chamf-s)}
.pt-ed button:hover:not([disabled]){color:#CFCFD4}
.pt-ed button[aria-pressed=true]{background:var(--s3);color:#CFCFD4}
.pt-ed button[disabled]{cursor:not-allowed;color:#55555d}

/* ---- stats: pemimpin stat di posisi perannya ---- */
.pt-ld{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:#000;
  box-shadow:inset 0 0 0 1px var(--s4);clip-path:var(--chamf-s);color:#CFCFD4;text-align:left}
.pt-ld img{flex:none;width:30px;height:30px}
.pt-v{font:700 30px/.85 var(--dh)}
.pt-w{display:grid;gap:1px}
.pt-w small{font-size:10px;font-weight:600;color:#8a8a93}
.pt-w b{font-size:12px;font-weight:600;white-space:nowrap}
.pt-ld:hover{box-shadow:inset 0 0 0 1px #8a8a93}
.pt-ld[aria-pressed=true]{box-shadow:inset 0 0 0 2px #fff}
.pt-ld[aria-pressed=true] .pt-w small{color:var(--pri)}
.pt-mvp{position:absolute;top:0;right:0;padding:2px 6px;background:var(--pri);color:#000;font:700 10px/1.2 Inter,sans-serif}
.pt-src{position:absolute;top:8px;right:10px;font-size:10px;color:#6A6A73}

/* ---- finals: dua finalis, skor di lingkaran tengah ---- */
.pt-half{position:absolute;left:0;right:0;height:50%;display:grid;place-items:center}
.pt-half.t{top:0;background:linear-gradient(180deg,var(--c),transparent)}
.pt-half.b{bottom:0;background:linear-gradient(0deg,var(--c),transparent)}
.pt-tm{display:grid;justify-items:center;gap:6px;text-align:center;zoom:var(--fz,1)}
.pt-half.t .pt-tm{margin-bottom:60px}.pt-half.b .pt-tm{margin-top:60px}
.pt-tm img{width:72px;height:72px}
.pt-tm b{font:700 26px/1 var(--dh);text-transform:uppercase}
.pt-tm small{font-size:12px;font-weight:600;color:#8a8a93}
.pt-tm.win small{color:var(--pri)}
.pt-hz{display:flex;align-items:center;gap:8px;margin-top:4px;padding:4px 10px 4px 4px;background:#000;box-shadow:inset 0 0 0 1px var(--pri);font-size:12px;font-weight:600;white-space:nowrap}
.pt-hz i{width:22px;height:22px;border-radius:50%;background:var(--s3);display:grid;place-items:center;font:700 10px/1 Inter,sans-serif;font-style:normal}
.pt-sc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px;padding:10px 16px;
  background:#000;box-shadow:inset 0 0 0 1px var(--s4);clip-path:var(--chamf-s)}
.pt-sc b{font:700 44px/.85 var(--dh);white-space:nowrap}
.pt-sc small{font-size:12px;font-weight:600;color:#c8c8cc}

/* ---- xBall: titik pemain, efek kartu terlihat di formasi ---- */
.pt-pd{position:absolute;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);
  transition:left .35s,top .35s,opacity .25s,background-color .25s,box-shadow .25s}
.pt-pd.r{background:#6A6A73}
.pt-pd.y{background:var(--pri)}
.pt-pd.gk{border-radius:5px}
.pt-pd.gh{opacity:.15}
.pt-pd.sub{background:var(--pbg);box-shadow:inset 0 0 0 2px var(--pri)}
.pt-pd.gold{background:#E8B931;box-shadow:0 0 0 3px var(--pbg),0 0 0 5px #E8B931}
.pt-pd.x{box-shadow:0 0 0 3px var(--pbg),0 0 0 5px #fff}
.pt-pd[hidden]{display:none}
.pt-tg{position:absolute;transform:translateX(-50%);font-size:12px;font-weight:700;white-space:nowrap;color:var(--pri);text-shadow:0 0 3px var(--pbg),0 0 6px var(--pbg)}
.pt-tg.gold{color:#E8B931}
.pt-cnt{position:absolute;left:12px;display:grid;font-size:12px;font-weight:600;color:#8a8a93}
.pt-cnt b{font:700 30px/.9 var(--dh);color:#CFCFD4}
.pt-cnt.r{top:10px}.pt-cnt.y{bottom:10px}

/* ---- kartu info bawah ---- */
.pt-info{padding:14px 16px 16px}
.pt-ih{display:flex;align-items:baseline;gap:10px}
.pt-more{flex:none;font-size:12px;font-weight:600;color:#8a8a93;text-decoration:underline;text-underline-offset:3px}
.pt-more:hover{color:#CFCFD4}
.pt-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
.pt-facts span{display:grid;gap:4px;padding:8px 10px;background:var(--s2);clip-path:var(--chamf-s);font-size:12px;line-height:1.3;font-weight:600;color:#8a8a93}
.pt-facts b{font:700 22px/1 var(--dh);color:#CFCFD4}
.pt-meet{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--s3);font-size:12px;color:#a8a8b0}
.pt-meet b{color:#CFCFD4;font-weight:600;white-space:nowrap}
.pt-eff{margin-top:10px;font-size:14px;line-height:1.45;color:#c8c8cc}
.pt-eff b{color:#CFCFD4;font-weight:600}

/* ---- lebar panel: lebih ramping supaya kolom informasi lega ---- */
/* kolom informasi tetap selebar dulu (panel lama clamp(440px,38vw,640px)); selisihnya jadi jarak kosong */
@media (min-width:1181px){
  :root{--stage0:clamp(440px,38vw,640px);--stage:clamp(380px,30vw,470px)}
  /* selisih dibagi dua kiri-kanan supaya konten tetap di tengah antara rail dan panel */
  .app{--g:calc((var(--stage0) - var(--stage)) / 2);grid-template-columns:var(--sw) var(--g) minmax(0,1fr) var(--g) var(--stage);
    grid-template-areas:"side . top . stage" "side . info . stage"}
}
.pt{container:pt / inline-size}
@container pt (max-width:480px){
  .pt-hd{padding-left:16px;padding-right:16px}
  .pt-hd{gap:8px}
  .pt-seg button{padding:0 6px}
  .pt-cd{gap:6px}.pt-cd b{font-size:22px}
  .pt-cd span:last-child{display:none}
  .pt-view{padding-left:16px;padding-right:16px}
  .pt-card,.pt-info{margin-left:16px;margin-right:16px}
}

/* ---- stats: kartu bawah = kartu stat lama (.ld), baris belang + angka besar cyan ---- */
.pt-info.ld{padding:0;background:#1C1C21}
.pt-info.ld .pt-top{padding:14px 16px 0;align-items:center}
.pt-t b .pt-mvp{position:static;margin-left:6px;vertical-align:3px}
.pt-lg{flex:none;width:44px;height:44px}
.pt-info.ld .ld-ls li{height:32px;padding:0 16px;gap:8px;font-size:14px}
.pt-info.ld .ld-ls li:nth-child(odd){background:#25252A}
.pt-info.ld .ld-ls img{width:18px;height:18px}
.pt-info.ld .ld-ls b{font-size:14px}
.pt-lf{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px 12px}
.pt-lf .ld-more{padding:0;font-size:14px}
.pt-lf .pt-ed{background:#25252A}

/* ---- xBall: pemilih = X-Card asli versi mini; yang tidak dipilih diredupkan ---- */
.pt-xk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:520px;margin-top:10px}
.pt-xk .xk-c{width:100%;opacity:.45;filter:saturate(.5);transition:opacity .2s,filter .2s}
.pt-xk .xk-c .xk-t{margin-top:16cqi}
.pt-xk .xk-c .xk-lg{margin-bottom:12cqi}
.pt-xk .xk-c:hover{opacity:.8;filter:none}
.pt-xk .xk-c[aria-pressed=true]{opacity:1;filter:none;outline:2px solid #fff;outline-offset:2px}
.pt-xk .xk-c:focus-visible{outline:2px solid var(--pri);outline-offset:2px}

/* tinggi lapangan sama di semua tab (patokan: kartu Stats yang paling tinggi), kartu bawah mengisi sisanya */
@media (min-width:1181px){.pt-view{flex:none;height:max(260px,calc(max(100vh,620px) - var(--pb,356px)))}}

/* layar pendek: angka hero lebih kecil, daftar dipangkas supaya lapangan tetap lega */
@media (min-width:1181px) and (max-height:820px){
  .pt-n,.pt-info.ld .ld-n{font-size:40px}.pt-t b{font-size:20px}
  .pt-view{padding-top:10px;padding-bottom:10px;height:max(240px,calc(max(100vh,620px) - 340px))}
  .pt-info.ld .ld-ls li:nth-child(n+4),.pt-meet{display:none}
}

@media (prefers-reduced-motion:reduce){.pt-pd{transition:none}}

/* ---- tablet & HP: panel turun ke atas konten ---- */
@media (max-width:1180px){
  .pt{border-left:0;background:var(--s1)}
  .pt-pl{--pbg:#000;background:repeating-linear-gradient(180deg,#000 0 10%,#0A0A0C 10% 20%)}
  .pt-view{flex:none;height:560px}
  .pt-card,.pt-info{background:var(--s2)}
  .pt-ed{background:var(--s2)}
  .pt-ld,.pt-sc,.pt-hz{background:var(--s1)}
  .pt-facts span{background:var(--s3)}
  .pt-info.ld .ld-ls li:nth-child(odd),.pt-lf .pt-ed{background:var(--s3)}
}
@media (max-width:640px){
  .pt-hd{padding:12px 12px 0;gap:8px}
  .pt-seg button{font-size:12px;padding:0 6px}
  .pt-cd{gap:6px}.pt-cd b{font-size:20px}
  .pt-cd span:last-child{display:none}
  .pt-view{height:500px;padding:12px}
  .pt-card,.pt-info{margin:0 12px 12px;padding:14px}
  .pt-top{gap:10px}
  .pt-n{font-size:40px}.pt-t b{font-size:20px}
  .pt-xk{gap:6px}
  .pt-info.ld .pt-top{padding:12px 14px 0}
  .pt-info.ld .ld-ls li{padding:0 14px}
  .pt-lf{padding:10px 14px 12px}
  .pt-t small{white-space:normal}
  .pt-lb b{font-size:16px}
}

/* full bleed: kolom info & top bar mengisi penuh dari rail sampai panel (tanpa gutter & batas 1120px) */
.info,.top{max-width:none}
@media (min-width:1181px){ .app{--g:0px} }

/* list stats lebih lega: baris 40px (pitch diperpendek seimbang supaya panel tetap muat 1 layar) */
.pt-info.ld .ld-ls li{height:40px;font-size:14px;gap:10px}
.pt-info.ld .ld-ls b{font-size:14px} .pt-info.ld .ld-ls img{width:20px;height:20px}
@media (min-width:1181px){.pt-view{height:max(260px,calc(max(100vh,620px) - var(--pb,396px)))}}
@media (min-width:1181px) and (max-height:820px){.pt-view{height:max(240px,calc(max(100vh,620px) - 364px))}}

/* ===== header 2 tingkat ===== */
:root{--eco:34px}
html{scroll-padding-top:calc(var(--tb) + var(--eco) + 12px)}
.eco{position:sticky;top:0;z-index:60;height:var(--eco);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;background:#000;border-bottom:1px solid #1F1F23}
.eco-l,.eco-r{display:flex;align-items:center;min-width:0}
.eco-l{gap:22px} .eco-r{gap:20px}
.eco-l a{display:flex;align-items:center;height:var(--eco);opacity:.5;transition:opacity .15s}
.eco-l a:hover,.eco-l a.on{opacity:1}
.eco-l a.on{box-shadow:inset 0 -2px 0 var(--pri)}
.eco-l img{height:14px;width:auto}
.eco-l a[data-page] img{height:18px}
.eco-l .eco-gos{padding-right:22px;border-right:1px solid #2A2A2F;opacity:.8}
.eco-l .eco-gos img{height:15px}
.eco-r a{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#9A9AA3;white-space:nowrap}
.eco-r a:hover{color:#CFCFD4}
.eco-r svg.i{width:12px;height:12px}
.eco-r .eco-cta{gap:6px;color:var(--pri)} .eco-r .eco-cta svg.i{width:16px;height:16px}
.side{top:var(--eco);height:calc(100vh - var(--eco))}
.top{top:var(--eco)}
@media (min-width:1181px){
  .stage{top:var(--eco);height:calc(100vh - var(--eco))}
  .pt-view{height:max(260px,calc(max(100vh,620px) - var(--eco) - 396px))}
  /* baris kedua = satu bar utuh: sel logo rail + top bar */
  .side .logo,.top{background:#141417;box-shadow:inset 0 -1px 0 #1F1F23}
  .side .logo{flex:none}
  .top .search{height:38px;background:var(--bg);border:1px solid #232328}
  .top .ic-btn,.top .me{height:38px;width:38px;background:none;box-shadow:inset 0 0 0 1px #2A2A2F}
  .top .lang{height:38px;background:none;box-shadow:inset 0 0 0 1px #2A2A2F}
}
@media (min-width:1181px) and (max-height:820px){.pt-view{height:max(240px,calc(max(100vh,620px) - var(--eco) - 364px))}}
@media (max-width:1180px){ .eco-r a:not(.eco-cta){display:none} }
@media (max-width:640px){ :root{--eco:32px} .eco{padding:0 16px} .eco-l{gap:16px} .eco-l .eco-gos{padding-right:16px} .eco-r .eco-cta{font-size:0;gap:0} }
@media (min-width:1181px){ .side .logo{align-self:stretch} }

/* info di bawah lapangan tanpa bungkus kartu: rata dengan tepi lapangan, baris dipisah garis tipis */
.pt-info,.pt-info.ld{background:none;clip-path:none;margin:0 20px;padding:4px 0 20px}
.pt-info.ld .pt-top{padding:0}
.pt-info.ld .ld-ls{margin-top:6px}
.pt-info.ld .ld-ls li,.pt-info.ld .ld-ls li:nth-child(odd){background:none;padding:0;border-top:1px solid #1F1F23}
.pt-info.ld .ld-ls li:last-child{border-bottom:1px solid #1F1F23}
.pt-info.ld .pt-lf{padding:12px 0 0}
.pt-lf .pt-ed{background:var(--s1)}
@container pt (max-width:480px){ .pt-info,.pt-info.ld{margin:0 16px} }
@media (max-width:1180px){ .pt-info,.pt-info.ld{background:none} .pt-info.ld .ld-ls li:nth-child(odd){background:none} .pt-lf .pt-ed{background:var(--s3)} }
@media (max-width:640px){ .pt-info,.pt-info.ld{margin:0 12px;padding:4px 0 14px} .pt-info.ld .pt-top,.pt-info.ld .ld-ls li{padding:0} }
.side{justify-self:stretch}

/* header utama terbentang penuh sampai kanan; panel lapangan turun ke bawahnya */
@media (min-width:1181px){
  .app{grid-template-areas:"side top top top top" "side . info . stage"}
  .top .search{max-width:720px}
  .top .top-r{margin-left:auto}
  .stage{top:calc(var(--eco) + var(--tb));height:calc(100vh - var(--eco) - var(--tb));min-height:560px}
  .pt-hd{padding-top:14px}
  .pt-view{height:max(240px,calc(max(100vh,620px) - var(--eco) - var(--tb) - 388px))}
}
@media (min-width:1181px) and (max-height:820px){.pt-view{height:max(220px,calc(max(100vh,620px) - var(--eco) - var(--tb) - 356px))}}

/* v31 — fewer separators: separate by tone + spacing, not lines */
.eco{border-bottom:0}
.eco-l .eco-gos{border-right:0;padding-right:6px}
.pt{border-left:0}
.pt-meet{border-top:0;padding-top:0;margin-top:12px}
.pt-info.ld .ld-ls li,.pt-info.ld .ld-ls li:nth-child(odd),.pt-info.ld .ld-ls li:last-child{border:0}
@media (min-width:1181px){
  .side .logo,.top{box-shadow:none}
  .top .search{border:0;background:#1C1C21}
  .top .ic-btn,.top .me,.top .lang{box-shadow:none;background:#1C1C21}
}

/* v32 — compact header, eco bar same tone */
.eco{background:#141417}
@media (min-width:1181px){
  :root{--tb:48px}
  .side .logo img{width:100px}
  .top{gap:8px}
  .top .search{height:32px;padding:0 12px;gap:8px}
  .top .search input{font-size:14px}
  .top .ic-btn,.top .me{height:32px;width:32px}
  .top .lang{height:32px;padding:2px}
  .top .lang button{width:30px}
  .top .top-r{gap:6px}
}

/* v33 — chamfered cards: border drawn as bg layer so the cut corners keep their edge */
.pt-ld,.pt-sc{--bd:var(--s4);--bw:1px;--fill:#000;background:var(--bd);box-shadow:none}
.pt-ld::before,.pt-sc::before{content:"";position:absolute;inset:var(--bw);background:var(--fill);clip-path:var(--chamf-s);z-index:-1}
.pt-ld:hover{--bd:#8a8a93;box-shadow:none}
.pt-ld[aria-pressed=true]{--bd:#fff;--bw:2px;box-shadow:none}
@media (max-width:1180px){ .pt-ld,.pt-sc{--fill:var(--s1);background:var(--bd)} }
/* eco logos smaller */
.eco-l{gap:18px}
.eco-l img{height:11px}
.eco-l a[data-page] img{height:14px}
.eco-l .eco-gos img{height:12px}

/* v34 — active IP: slanted cyan tab instead of underline */
.eco-l a.on{position:relative;box-shadow:none;padding:0 12px;margin:0 -4px;isolation:isolate}
.eco-l a.on::before{content:"";position:absolute;left:0;right:0;top:50%;height:22px;transform:translateY(-50%) skewX(-16deg);background:var(--pri);z-index:-1}
.eco-l a.on img{filter:brightness(0)}

/* v35 — selected leader: thin 1px edge */
.pt-ld[aria-pressed=true]{--bw:1px}

/* v39 — pitch in the brand's own geometry: chamfered field, slanted mow bands, crisp lines, no glow */
.pt-pl{--ln:rgba(255,255,255,.13);--edge:rgba(255,255,255,.16);--cut:18px;isolation:isolate;
  background:var(--edge);box-shadow:none;
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.pt-pl::before{content:"";position:absolute;inset:1.5px;z-index:-1;
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));
  background:repeating-linear-gradient(-72deg,#131316 0 56px,#0F0F12 56px 112px)}
.pt-ln.gl{left:40%;right:40%;height:4px;background:var(--pri)}
.pt-ln.sp{width:7px;height:7px;border-radius:0;background:var(--pri);transform:translate(-50%,-50%) rotate(45deg)}
@media (max-width:1180px){ .pt-pl::before{background:repeating-linear-gradient(-72deg,#0A0A0C 0 48px,#060607 48px 96px)} }

/* v41 — header blends into the page: no separate tone */
.eco{background:var(--bg)}
@media (min-width:1181px){ .side .logo,.top{background:var(--bg)} }

/* v47 — records lists: taller rows */
.ld:not(.pt-info) .ld-ls li{height:44px;font-size:14px;gap:12px}
.ld:not(.pt-info) .ld-ls b{font-size:14px}
.ld:not(.pt-info) .ld-ls img{width:22px;height:22px}
.ld:not(.pt-info) .ld-ls li{grid-template-columns:22px 22px minmax(0,1fr) auto}
@media (max-width:640px){ .ld:not(.pt-info) .ld-ls li{height:40px;font-size:14px;gap:10px} .ld:not(.pt-info) .ld-ls b{font-size:14px} }

/* v49 — kolom konten kiri dibungkus panel hitam yang sama dengan panel lapangan */
@media (min-width:1181px){
  .info{background:#000;margin-right:12px;padding-top:16px;padding-bottom:40px}
}

/* v50 — panel (kiri + lapangan) lebih terang dari background halaman */
@media (min-width:1181px){
  body{--bg:#060607}
  .info,.pt{background:#131316}
  .pt-pl::before{background:repeating-linear-gradient(-72deg,#1A1A1E 0 56px,#16161A 56px 112px)}
  .pt-ld,.pt-sc{--fill:#0C0C0F}
}

/* v51 — panel lebih terang; card di dalamnya naik satu tingkat */
@media (min-width:1181px){
  .info,.pt{background:#161619;--s1:#212125;--s2:#2a2a2f;--s3:#35353b;--s4:#45454c;--line:#2a2a2f}
  .pt-pl::before{background:repeating-linear-gradient(-72deg,#222227 0 56px,#1E1E23 56px 112px)}
  .pt-ld,.pt-sc{--fill:#111114}
}

/* v52 — logo rail: hanya tanda X di dalam lingkaran; kolom tengah full bleed (tanpa jarak ke panel lapangan) */
.logo-x{display:none}
@media (min-width:1181px){
  .side .logo{padding-left:calc((var(--rail) - 36px) / 2)}
  .side .logo .logo-w{display:none}
  .side .logo .logo-x{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--pri)}
  .side .logo .logo-x img{width:16px;height:auto;filter:brightness(0)}
  .info{margin-right:0}
}

/* v53 — panel tengah pol sampai batas sidebar; sidebar tetap gelap; terpisah dari panel kanan */
@media (min-width:1181px){
  .info{margin-left:0;margin-right:12px}
}

/* v54 — sidebar selebar rail saja; panel tengah langsung mulai di batas rail */
@media (min-width:1181px){ :root{--sw:var(--rail)} }

/* v55 — Four games pindah ke paling atas; beri napas sebelum story */
.info>#laga+.sec.hl-sec{padding-top:40px}

/* v56 — kartu match: tombol "Match details" dihapus secara visual; seluruh kartu jadi link ke match detail.
   Link tetap ada di DOM (teks terbaca screen reader), ::after-nya menutup seluruh kartu. Tiket & Remind tetap bisa diklik di atasnya. */
.ev{position:relative;cursor:pointer}
.ev .ev-f{position:static;height:0;margin:0;padding:0;border:0;background:none;clip-path:none;font-size:0;line-height:0;color:transparent;overflow:visible}
.ev .ev-f svg{display:none}
.ev .ev-f::after{content:"";position:absolute;inset:0;z-index:1}
.ev .ev-b{position:relative;z-index:2}
.ev:has(.ev-f:hover){background:var(--s2)}
.ev:has(.ev-f:hover) .ob{background:var(--s3)}
.ev:has(.ev-f:focus-visible){box-shadow:inset 0 0 0 2px var(--pri)}

/* v57 — logo tim di kartu match lebih besar */
.ev .ev-vs{grid-template-columns:68px minmax(0,1fr) 68px}
.ev .tb{width:68px;height:68px;padding:6px}
@media (max-width:640px){ .ev .ev-vs{grid-template-columns:52px minmax(0,1fr) 52px} .ev .tb{width:52px;height:52px;padding:4px} }

/* v58 — logo merapat ke jam (tidak di ujung kartu) */
.ev .ev-vs{grid-template-columns:68px auto 68px;justify-content:center;column-gap:22px}
@media (max-width:640px){ .ev .ev-vs{grid-template-columns:52px auto 52px;column-gap:16px} }

/* v59 — logo perisai (Grim, Nova) tidak tembus lingkaran: tinggi dikunci, object-fit contain */
.ev .tb{overflow:hidden}
.ev .tb img{width:100%;height:100%;min-height:0;object-fit:contain}
.ev .tb{padding:8px}
@media (max-width:640px){ .ev .tb{padding:6px} }

/* v69: hero panel paling atas. Gradient ungu brand (#9300F2, #B427FF, #D164FF) ala header playlist,
   pemain disusun formasi skuad ala poster timnas: puncak tengah, sayap belakang, baris depan menumpuk di depan crest */
.info{background-image:linear-gradient(180deg,#3E0B6B 0,rgba(147,0,242,.30) 240px,rgba(147,0,242,.10) 440px,rgba(147,0,242,0) 640px);background-repeat:no-repeat}
.info>.sec.hx{display:grid;grid-template-columns:minmax(330px,440px) minmax(0,1fr);align-items:center;column-gap:24px;min-height:300px;padding-top:0}
.hx-tx{padding:20px 0;min-width:0}
.hx-k{display:block;font-size:14px;font-weight:600;color:rgba(255,255,255,.78)}
.hx h2{margin:10px 0 0;font:400 clamp(48px,6cqi,88px)/.88 var(--dh);text-transform:uppercase;letter-spacing:.005em;color:#CFCFD4}
.hx p{margin:12px 0 0;max-width:44ch;font-size:16px;line-height:1.45;color:rgba(255,255,255,.82)}
.hx-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.hx-cta .btn.line{border-color:rgba(255,255,255,.4);color:#CFCFD4}
.hx-cta .btn.line:hover{border-color:#fff}
.info>.hx+.sec.hl-sec{padding-top:20px}

.hx-ph{--k:.66;--oy:14px;position:relative;align-self:end;height:300px;overflow:hidden;isolation:isolate;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%),linear-gradient(180deg,#000 74%,transparent 99%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%),linear-gradient(180deg,#000 74%,transparent 99%);mask-composite:intersect}
.hx-ph img{position:absolute;left:50%;height:auto;max-width:none;
  width:calc(var(--d) * var(--k) * 1px);margin-left:calc((var(--x) - var(--d) / 2) * var(--k) * 1px);top:calc(var(--y) * var(--k) * 1px + var(--oy));
  -webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 77%);mask-image:linear-gradient(180deg,#000 62%,transparent 77%)}
.hx-ph .o{z-index:1;filter:brightness(.5) saturate(.8);display:none}
.hx-ph .b{z-index:2;filter:brightness(.8) saturate(.9)}
.hx-ph .c{z-index:3;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,#000 62%,transparent 76%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,#000 62%,transparent 76%);mask-composite:intersect}
.hx-ph .f{z-index:4}
/* crest: bingkai perisai cyan di belakang skuad, pengganti bingkai emas poster timnas */
.hx-crest{position:absolute;left:50%;z-index:0;width:calc(300px * var(--k));height:calc(340px * var(--k));margin-left:calc(-150px * var(--k));top:calc(var(--oy) - 14px * var(--k));
  overflow:visible;filter:drop-shadow(0 0 10px rgba(0,255,239,.45))}
/* latar: glow ungu di tengah, bidang diagonal + garis cahaya ala poster */
.hx-ph::before,.hx-ph::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.hx-ph::before{background:radial-gradient(ellipse 46% 62% at 50% 34%,rgba(0,255,239,.16) 0,rgba(0,255,239,0) 60%),
  radial-gradient(ellipse 62% 80% at 50% 44%,rgba(180,39,255,.7) 0,rgba(147,0,242,.3) 40%,rgba(147,0,242,0) 72%)}
.hx-ph::after{background:
  linear-gradient(118deg,transparent 0 22%,rgba(209,100,255,.12) 22% 36%,transparent 36%),
  linear-gradient(118deg,transparent 0 62%,rgba(147,0,242,.28) 62% 80%,transparent 80%),
  linear-gradient(118deg,transparent 0 40%,rgba(0,255,239,0) 40%,rgba(0,255,239,.5) 40.4%,rgba(0,255,239,0) 41%,transparent 41%),
  linear-gradient(118deg,transparent 0 83%,rgba(209,100,255,.45) 83.3%,transparent 83.7%)}

@container (min-width:1080px){
  .info>.sec.hx{min-height:360px}
  .hx-ph{--k:1;--oy:18px;height:360px}
  .hx-ph .o{display:block}
}
@container (max-width:780px){ .hx-ph{--k:.56;height:280px} .hx-ph .b{display:none} }
@container (max-width:640px){
  .info>.sec.hx{grid-template-columns:minmax(0,1fr) 150px;column-gap:8px;min-height:240px}
  .hx-ph{--k:.54;--oy:10px;height:240px} .hx-ph .f{display:none}
  .hx-ph::after{display:none}
  .hx h2{font-size:48px} .hx p{font-size:14px}
}
@container (max-width:460px){
  .info>.sec.hx{grid-template-columns:minmax(0,1fr) 120px}
  .hx-ph{--k:.46}
  .hx h2{font-size:42px} .hx-cta .btn{height:40px;padding:0 14px}
}

/* v80: ikon rail = render 3D Blender (kaca/plastik abu; aktif = cyan menyala). Wrapper tetap lingkaran.
   SVG lama tetap dipakai di mobile; versi 3D hanya di rail desktop */
.ri-c img.i3{display:none}
@media (min-width:1181px){
  .side .rail-g .ri .ri-c svg.i{display:none}
  .side .rail-g .ri .ri-c img.i3{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}
  .side .rail-g .ri:not(.on) .ri-c img.i3.off,.side .rail-g .ri.on .ri-c img.i3.on{display:block}
  .side .rail-g .ri.on .ri-c img.i3.on{filter:drop-shadow(0 0 6px rgba(0,255,239,.55)) drop-shadow(0 3px 4px rgba(0,0,0,.6))}
  .side .rail-g .ri.on .ri-c{background:radial-gradient(circle at 50% 40%,rgba(0,255,239,.38) 0,rgba(0,255,239,0) 72%),#1E2A2A}
}


/* v82: header dirapikan. Semua tepi mengikuti kolom di bawahnya:
   - bar ekosistem: logo GOS sejajar lingkaran logo X di rail; ujung kanan sejajar isi panel lapangan
   - search persis selebar isi kolom info; tombol kanan rata kanan dengan isi panel lapangan
   - semua kontrol tinggi 36px, radius sama */
@media (min-width:1181px){
  .eco{padding:0 16px 0 30px}
  .top{display:grid;grid-template-columns:subgrid;column-gap:0;align-items:center;padding:0;height:var(--tb)}
  :root{--tb:56px}
  .top .search{grid-column:2;max-width:none;width:auto;margin:0 32px 0 20px;height:36px;border-radius:10px;padding:0 14px}
  .top .top-r{grid-column:4;justify-self:end;margin:0 16px 0 0;gap:8px}
  .top .ic-btn,.top .me{width:36px;height:36px;border-radius:10px}
  .top .lang{height:36px;border-radius:10px;padding:4px}
  .top .lang button{width:32px;border-radius:7px}
  .side .logo{height:56px}
}

/* v84: latar hero ala poster matchday (bukan bentuk grafis): foto arena XSERIES samar di bawah,
   cahaya magenta dari kiri + cyan dari kanan, backlight terang di belakang pemain tengah, grain halus.
   Pemain diberi rim light dua warna supaya menyatu dengan cahaya latar. Crest + garis diagonal dihapus */
.hx-crest{display:none}
.hx-ph::before{background:url(../img/photos/arena.jpg) center 62%/cover no-repeat;
  filter:grayscale(1) contrast(1.15) brightness(.7) blur(1.2px);opacity:.42;mix-blend-mode:luminosity;
  -webkit-mask-image:linear-gradient(180deg,transparent 8%,#000 70%);mask-image:linear-gradient(180deg,transparent 8%,#000 70%)}
.hx-ph::after{display:block;mix-blend-mode:screen;background:
  radial-gradient(ellipse 22% 34% at 50% 26%,rgba(225,255,253,.55) 0,rgba(0,255,239,.22) 45%,rgba(0,255,239,0) 100%),
  radial-gradient(ellipse 40% 70% at 4% 40%,rgba(255,60,200,.42) 0,rgba(214,0,180,.14) 50%,rgba(214,0,180,0) 100%),
  radial-gradient(ellipse 40% 70% at 96% 40%,rgba(0,220,255,.40) 0,rgba(0,160,255,.12) 50%,rgba(0,160,255,0) 100%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.hx-ph img{filter:drop-shadow(-3px 0 5px rgba(255,70,210,.32)) drop-shadow(3px 0 5px rgba(0,230,255,.32))}
.hx-ph .b{filter:brightness(.8) saturate(.9) drop-shadow(-3px 0 5px rgba(255,70,210,.3)) drop-shadow(3px 0 5px rgba(0,230,255,.3))}
.hx-ph .o{filter:brightness(.5) saturate(.8) drop-shadow(-3px 0 5px rgba(255,70,210,.25)) drop-shadow(3px 0 5px rgba(0,230,255,.25))}
.hx-ph::after{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%)}
.hx-ph::before{opacity:.6;filter:grayscale(1) contrast(1.2) brightness(.8) blur(.8px)}
.hx-ph::before{-webkit-mask-image:radial-gradient(ellipse 58% 62% at 50% 62%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 58% 62% at 50% 62%,#000 35%,transparent 100%)}
.hx-ph::after{-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 55%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 70% 70% at 50% 55%,#000 40%,transparent 100%)}

/* v87: latar hero = bilah diagonal tegas (ala poster CBS Nations League), bukan foto/glow.
   Foto arena, glow magenta/cyan, grain dan rim light dari v84-86 dimatikan */
.hx-ph::before,.hx-ph::after{display:none}
.hx-ph img{filter:none}
.hx-ph .b{filter:brightness(.85) saturate(.95)}
.hx-ph .o{filter:brightness(.55) saturate(.85)}
.hx-slabs{position:absolute;inset:0;z-index:0;width:100%;height:100%;
  -webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 92%);mask-image:linear-gradient(180deg,#000 45%,transparent 92%)}
.hx-slabs{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,#000 45%,transparent 92%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,#000 45%,transparent 92%);mask-composite:intersect}

/* v89: gradient ungu berhenti tepat di bawah hero (tidak lagi turun ke baris story).
   Dipindah dari .info ke ::before milik .hx supaya mengikuti tinggi hero di semua ukuran */
.info{background-image:none}
.info>.sec.hx{position:relative;isolation:isolate}
.info>.sec.hx::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-8px;bottom:0;left:calc(-1 * var(--pad));right:calc(-1 * var(--pad));
  background:linear-gradient(180deg,#3E0B6B 0,rgba(147,0,242,.30) 55%,rgba(147,0,242,.10) 80%,rgba(147,0,242,0) 100%)}
@media (min-width:1181px){ .info>.sec.hx::before{top:-16px} }

/* v90 poster feel: satu figur besar (Nani) menembus bawah frame, dua pendukung lebih kecil & redup, nama raksasa di belakang */
.hx-ph .c{z-index:3}
.hx-ph .b{z-index:2;filter:brightness(.62) saturate(.85)}
.hx-big{position:absolute;z-index:1;left:50%;top:calc(var(--oy) - 34px * var(--k));transform:translateX(calc(-50% + 30px * var(--k)));
  font:400 calc(330px * var(--k))/1 var(--dh);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;pointer-events:none;
  color:transparent;-webkit-text-stroke:calc(2px * var(--k) + .5px) rgba(255,255,255,.55)}
/* v91: 7 pemain, Nani tetap dominan; barisan luar paling redup, barisan depan kecil di sisi Nani */
.hx-ph .o{z-index:1;filter:brightness(.45) saturate(.8)}
.hx-ph .f{z-index:4;filter:brightness(.9)}
.hx-ph img{margin-left:calc((var(--x) * var(--sp,1) - var(--d) / 2) * var(--k) * 1px)}
/* panel sempit: barisan dirapatkan supaya pemain pendukung tetap kelihatan di sisi Nani */
@container (max-width:1079px){ .hx-ph{--sp:.6} }
@container (max-width:780px){ .hx-ph{--sp:.52} .hx-ph .b,.hx-ph .f{display:block} }
@container (max-width:640px){ .hx-ph .b,.hx-ph .f{display:none} }

/* v96 panel poster: pemain di-clip ke panel SVG; fade bawah lebih rendah supaya badan tidak hilang terlalu cepat */
.hx-slabs{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(180deg,#000 72%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(180deg,#000 72%,transparent 100%)}
.hx-slabs .hx-nani{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
/* v98: barisan depan sedikit redup supaya Nani tetap paling terang */
.hx-slabs .hx-fr{filter:brightness(.88)}
/* v105: tanpa fade/overlay di sisi kanan — panel tampil tegas sampai tepi; fade hanya kiri (ke arah teks) & bawah */
.hx-ph{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%),linear-gradient(180deg,#000 74%,transparent 99%);
  mask-image:linear-gradient(90deg,transparent 0,#000 10%),linear-gradient(180deg,#000 74%,transparent 99%)}
.hx-slabs{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%),linear-gradient(180deg,#000 72%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 8%),linear-gradient(180deg,#000 72%,transparent 100%)}
/* v106: visual hero menempel ke tepi kanan area ungu (tanpa padding kanan) */
.hx-ph{margin-right:calc(-1 * var(--pad))}
/* v107: visual hero tembus sampai tepi atas area ungu (ikut offset ::before: 8px, desktop 16px) */
.hx-ph{--bt:8px;align-self:stretch;height:auto;min-height:240px;margin-top:calc(-1 * var(--bt))}
@media (min-width:1181px){ .hx-ph{--bt:16px} }

/* v110 layar lebar: kolom teks boleh lebih lebar supaya judul tetap satu baris; visual dibatasi rasio
   (maks 2.6:1) dan menempel kanan, sisa kiri diisi bilah filler yang menurun — tidak lagi zoom & potong kepala */
@container (min-width:1100px){ .info>.sec.hx{grid-template-columns:minmax(330px,520px) minmax(0,1fr)} }
.hx h2{font-size:clamp(48px,6cqi,80px)}
.hx-ph{container-type:size}
.hx-slabs{left:auto;right:0;width:min(100%,260cqh);overflow:visible;-webkit-mask-image:none;mask-image:none}
/* partner di hero: wordmark putih kecil di bawah CTA (data partner XSERIES-2, partner XS-3 belum diumumkan) */
.hx-pt{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;margin-top:24px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
.hx-pt>span{font-size:12px;font-weight:600;color:rgba(255,255,255,.6)}
.hx-pt ul{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none}
.hx-pt li{font-size:14px;font-weight:800;letter-spacing:-.2px;color:rgba(255,255,255,.82);white-space:nowrap}
.hx-pt .nv{font-size:12px;letter-spacing:.6px}.hx-pt .aq{letter-spacing:1.5px}.hx-pt .o8{font-weight:700;font-style:italic}
@container (max-width:640px){ .hx-pt{display:none} }

/* v112: logo partner asli (putih monokrom), tanpa garis & label */
.hx-pt{gap:10px 22px;margin-top:28px;padding-top:0;border-top:0}
.hx-pt img{display:block;width:auto;filter:brightness(0) invert(1);opacity:.85}
.hx-pt:hover img{opacity:1}
.hx-pt .gp{height:20px}.hx-pt .nv{height:32px}.hx-pt .aq{height:22px}.hx-pt .o8{height:32px}.hx-pt .tk{height:18px}
.hx-pt .o8{height:40px}.hx-pt .aq{height:24px}
.hx-pt{margin-top:44px}
.hx-pt img{opacity:.6}.hx-pt:hover img{opacity:.85}

/* v117: tiga pintu (qk) naik tepat di bawah hero, story ring di bawahnya */
.info>.hx+.sec.qk{padding-top:20px}
.info>.sec.qk+.sec.hl-sec{padding-top:24px}

/* v118: story ring masuk ke section berita, di antara header dan kartu berita */
#berita .nw-hl{margin:20px 0 32px}

/* v120 ikon 3D di judul section + quick links */
.sh h2 img.i3d{width:34px;height:34px;object-fit:contain;margin:-6px -2px -6px -4px;flex:none;filter:drop-shadow(0 0 6px rgba(0,255,239,.35)) drop-shadow(0 3px 4px rgba(0,0,0,.6))}
.qk-ic,.qk-ic.t{background:none}
.qk-ic img.i3d{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}
.qk-ic.t img.i3d{filter:drop-shadow(0 0 6px rgba(0,255,239,.45)) drop-shadow(0 3px 4px rgba(0,0,0,.6))}
@media (max-width:640px){.sh h2 img.i3d{width:28px;height:28px}}
/* v121 ikon 3D punya padding transparan: diperbesar supaya bobotnya setara teks */
.sh h2 img.i3d{width:42px;height:42px;margin:-10px -4px -10px -8px}
.qk-ic,.qk-ic.t{width:52px;height:52px;margin:0 -6px}
.qk-ic img.i3d{width:52px;height:52px}
@media (max-width:640px){.sh h2 img.i3d{width:36px;height:36px;margin:-8px -4px -8px -8px}}
/* v122 panel tengah + panel kanan ikut bentuk kartu: potongan diagonal kiri-atas & kanan-bawah */
@media (min-width:1181px){ .info,.stage{border-radius:0;clip-path:var(--chamf-l)} }
/* v123 potongan panel tengah menempel ke layar (bukan ikut konten yang di-scroll):
   clip-path diganti dua segitiga sticky warna latar halaman */
@media (min-width:1181px){
  .info{clip-path:none;padding-top:0;padding-bottom:0}
  .info::before,.info::after{content:"";display:block;position:sticky;z-index:20;width:var(--cc-l);height:var(--cc-l);background:var(--bg);pointer-events:none}
  .info::before{top:calc(var(--eco) + var(--tb));margin-left:calc(-1 * var(--pad));clip-path:polygon(0 0,100% 0,0 100%)}
  .info::after{bottom:0;margin:24px calc(-1 * var(--pad)) 0 auto;clip-path:polygon(100% 0,100% 100%,0 100%)}
}
/* v124 highlight lebih banyak: baris bisa digeser, ujung kanan memudar sebagai tanda masih ada lagi */
#berita .nw-hl{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);padding-right:40px}
/* v125 berita utama jadi slider cerita (countdown tiket, final XS-2, Safee, Jaden) seperti panel sorotan */
.nw-lead.ns{display:flex;flex-direction:column;justify-content:flex-end;min-height:440px;background:#000;padding:20px 22px 18px;color:#CFCFD4}
.nw-lead.ns:hover{background:#000}
.ns-media{position:absolute;inset:0;z-index:-1}
.ns-media img,.ns-media video{width:100%;height:100%;object-fit:cover;display:block}
.ns-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,.8) 38%,rgba(0,0,0,.35) 68%,rgba(0,0,0,.15) 100%)}
.ns-s{animation:sl-in .35s ease both}
.ns-cd{display:flex;gap:22px}
.ns-cd span{display:flex;flex-direction:column;gap:4px}
.ns-cd b{font:700 44px/.9 var(--dh)}
.ns-cd small,.ns-sc small{font-size:12px;color:#A9A9B0}
.ns-sc{display:flex;align-items:center;gap:14px}
.ns-sc img{width:48px;height:48px}
.ns-sc>b{font:700 48px/.9 var(--dh)}
.ns-sc span{display:flex;flex-direction:column;align-items:center;gap:4px}
.ns-sc span b{font:700 20px/1 var(--dh);text-transform:uppercase}
.ns-sc span small{color:var(--gold);font-weight:600}
.ns-k{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:12px;font-weight:600;color:#D6D6D6}
.ns-k svg.i{width:15px;height:15px;color:var(--pri)}
.ns-h{font:700 clamp(30px,4.4cqi,44px)/.92 var(--dh);text-transform:uppercase;letter-spacing:.005em;margin-top:8px;max-width:15ch;text-wrap:balance}
.ns-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ns-acts .btn{height:42px;padding:0 22px;border-radius:999px;font:700 18px/1 var(--dh);text-transform:uppercase;letter-spacing:.01em}
.ns-acts .btn.line{border:2px solid #fff;color:#CFCFD4}
.ns-acts .btn.line:hover{background:#fff;color:#000}
.ns-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.ns-tabs button{display:flex;flex-direction:column;min-width:0;text-align:left;color:#8A8A92}
.ns-tabs button:hover{color:#C8C8C8}
.ns-tabs button[aria-selected=true]{color:#CFCFD4}
.ns-pg{display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.26);overflow:hidden;margin-bottom:10px}
.ns-pg i{display:block;height:100%;width:0;background:#fff}
.ns-tabs button[aria-selected=true] .ns-pg i{animation:pg 8s linear forwards}
.ns:hover .ns-pg i,.ns:focus-within .ns-pg i{animation-play-state:paused}
.ns-tabs small{font-size:12px;font-weight:600}
.ns-tabs button[aria-selected=true] small{color:var(--pri)}
.ns-tabs b{font:700 16px/1.05 var(--dh);text-transform:uppercase;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@container (max-width:620px){
  .nw-lead.ns{aspect-ratio:auto;min-height:480px;padding:18px 16px 16px}
  .ns-tabs{gap:8px}.ns-tabs b{font-size:14px}.ns-cd{gap:16px}.ns-cd b{font-size:38px}
}
@media (prefers-reduced-motion:reduce){.ns-s{animation:none}.ns-tabs button[aria-selected=true] .ns-pg i{animation:none;width:100%}}
/* v126 label hero: strip ala potongan tiket (XS-3 | tanggal | venue) */
.hx-k{display:inline-flex;align-items:stretch;height:30px;background:rgba(0,0,0,.38);clip-path:var(--chamf-s);font-size:12px;font-weight:600;color:#CFCFD4}
.hx-k>b{display:grid;place-items:center;padding:0 10px 0 12px;background:var(--pri);color:#000;font:700 18px/1 var(--dh);letter-spacing:.02em}
.hx-k>span{display:flex;align-items:center;gap:6px;padding:0 12px;white-space:nowrap}
.hx-k>span+span{box-shadow:inset 1px 0 0 rgba(255,255,255,.16)}
.hx-k svg.i{width:14px;height:14px;color:var(--pri)}
@container (max-width:420px){ .hx-k>span{padding:0 10px} .hx-k{font-size:12px} }
.hx-k>b{white-space:nowrap}
.hx-k{max-width:100%}
/* kolom teks hero sempit (mobile): venue disembunyikan supaya strip tidak menabrak foto */
@container (max-width:640px){ .hx-k>span:last-child{display:none} }
/* v128 ritme spasi hero konsisten (label 18 · judul 14 · deskripsi 24 · tombol 40 · logo) + hero lebih tinggi supaya lega */
.hx-k{display:flex;width:max-content}
.hx h2{margin-top:18px}
.hx p{margin-top:14px}
.hx-cta{margin-top:24px}
.hx-pt{margin-top:40px}
@container (min-width:900px){ .info>.sec.hx{min-height:400px} .hx-tx{padding:40px 0} }
/* v129 label hero tanpa warna solid: permukaan gelap seperti kartu qk, XS-3 jadi teks cyan */
.hx-k{background:var(--s1)}
.hx-k>b{background:none;color:var(--pri);padding:0 10px 0 12px;box-shadow:inset -1px 0 0 rgba(255,255,255,.12)}
/* semua tombol = bentuk chamfer seperti kartu qk (potong kiri-atas & kanan-bawah), tanpa outline */
.btn,.ns-acts .btn,.hx-cta .btn,.see,.arws button,.ic-btn,.top .ic-btn,.top .me,.top .lang{border-radius:0;clip-path:var(--chamf-s)}
.btn.line,.ns-acts .btn.line,.hx-cta .btn.line{border:0;background:var(--s2);color:#CFCFD4}
.btn.line:hover,.ns-acts .btn.line:hover,.hx-cta .btn.line:hover{background:var(--s3);color:#CFCFD4}
.see{border:0;background:var(--s1);color:#C9C9D0}
.see:hover{background:var(--s2);color:#CFCFD4}
.arws button:disabled{background:var(--s1)}
@media (min-width:1181px){ .top .ic-btn,.top .me{background:var(--s1);box-shadow:none} }
.tc-go,.qk-go{border-radius:0;clip-path:var(--chamf-s)}
.qk-go{border:0;background:var(--s2)} .qk-i:hover .qk-go{background:var(--s3)}
/* v131 semua teks tombol = Dharma Gothic kapital, seperti tombol slider berita */
.btn,.hx-cta .btn,.see,.tc-go,.ld-more{font:700 18px/1 var(--dh);text-transform:uppercase;letter-spacing:.01em}
.hx-cta .btn{font-size:20px;padding:0 22px}
.see,.tc-go{font-size:16px}
.ob small,.ob b{font:700 16px/1 var(--dh);text-transform:uppercase;letter-spacing:.01em}
.ob b{font-size:18px}
/* v133 di atas foto/gradient: permukaan putih transparan (frosted), bukan abu gelap yang keruh */
.hx-k,.hx-cta .btn.line,.ns-acts .btn.line{background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.hx-k>b{box-shadow:inset -1px 0 0 rgba(255,255,255,.2)}
.hx-k>span+span{box-shadow:inset 1px 0 0 rgba(255,255,255,.2)}
.hx-cta .btn.line:hover,.ns-acts .btn.line:hover{background:rgba(255,255,255,.24)}
/* v134 label hero = chip jajar genjang terpisah (bentuk tab XSERIES), jarak 6px antar chip */
.hx-k{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;clip-path:none;gap:6px;padding-left:6px}
.hx-k>b,.hx-k>span{position:relative;isolation:isolate;box-shadow:none!important;padding:0 14px}
.hx-k>b{padding:0 12px}
.hx-k>b::before,.hx-k>span::before{content:"";position:absolute;inset:0;z-index:-1;transform:skewX(-16deg);background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
@container (max-width:420px){ .hx-k{gap:6px} .hx-k>span{padding:0 12px} .hx-k>b{padding:0 10px} }
/* v135 tombol sekunder = transparan + outline tipis 1px yang ikut bentuk chamfer.
   clip-path memotong border biasa, jadi garisnya digambar ::after berbentuk bingkai (polygon evenodd). */
:root{--chamf-o:polygon(evenodd,var(--cc-s) 0,100% 0,100% calc(100% - var(--cc-s)),calc(100% - var(--cc-s)) 100%,0 100%,0 var(--cc-s),var(--cc-s) 0,
  calc(var(--cc-s) + .41px) 1px,1px calc(var(--cc-s) + .41px),1px calc(100% - 1px),calc(100% - var(--cc-s) - .41px) calc(100% - 1px),calc(100% - 1px) calc(100% - var(--cc-s) - .41px),calc(100% - 1px) 1px,calc(var(--cc-s) + .41px) 1px)}
.btn.line,.ns-acts .btn.line,.hx-cta .btn.line,.see,.arws button,.qk-go,.pick,.pt-step button{position:relative;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;clip-path:var(--chamf-s);color:#CFCFD4}
.btn.line::after,.see::after,.arws button::after,.qk-go::after,.pick::after,.pt-step button::after{content:"";display:block;position:absolute;inset:0;margin:0;width:auto;height:auto;border:0;transform:none;background:rgba(255,255,255,.28);clip-path:var(--chamf-o);pointer-events:none}
.btn.line:hover,.ns-acts .btn.line:hover,.hx-cta .btn.line:hover,.see:hover,.arws button:hover,.qk-i:hover .qk-go,.pick:hover,.pt-step button:hover{background:rgba(255,255,255,.08);color:#CFCFD4}
.btn.line:hover::after,.see:hover::after,.arws button:hover::after,.qk-i:hover .qk-go::after,.pick:hover::after,.pt-step button:hover::after{background:rgba(255,255,255,.6)}
.arws button:disabled{background:transparent;color:var(--s4)} .arws button:disabled::after{background:rgba(255,255,255,.1)}
.qk-go{color:var(--mut)}
/* Pick = tombol juga: DH kapital, pilihan aktif cyan solid */
.pick{font:700 16px/1 var(--dh);text-transform:uppercase;letter-spacing:.01em}
.pick[aria-pressed=true]{background:var(--pri);color:#000} .pick[aria-pressed=true]::after{display:none}
/* v136 sisa tombol: Single/Remind (.ob) ikut outline tipis, toggle bahasa ikut chamfer */
.ob{position:relative;background:transparent}
.ob::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.28);clip-path:var(--chamf-o);pointer-events:none}
.ob:hover{background:rgba(255,255,255,.08)} .ob:hover::after{background:rgba(255,255,255,.6)}
.top .lang button,.lang button{border-radius:0;clip-path:var(--chamf-s)}
/* v137 slider berita: media di atas (pudar ke hitam), teks di bawah pada hitam polos, jadi tidak menabrak foto/video.
   Judul selebar kartu; tinggi area teks tetap supaya tombol & tab tidak loncat antar slide. */
.nw-lead.ns{justify-content:flex-start;min-height:0;padding:0 0 18px}
.ns-media{position:relative;inset:auto;z-index:0;flex:none;height:220px;margin-bottom:-56px;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.ns-media::after{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0) 60%)}
.ns-slides{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:236px;padding:0 22px}
.ns-s{display:flex;flex-direction:column}
.ns-k{margin-top:12px}
.ns-s>.ns-k:first-child{margin-top:0}
.ns-h{max-width:none;margin-top:6px;font-size:clamp(30px,4.2cqi,40px);line-height:.95;text-wrap:pretty}
.ns-acts{margin-top:16px}
.ns-tabs{position:relative;z-index:1;margin:20px 22px 0}
@container (max-width:620px){
  .nw-lead.ns{min-height:0;padding:0 0 16px}
  .ns-media{height:200px}
  .ns-slides{padding:0 16px;min-height:228px}
  .ns-tabs{margin:18px 16px 0}
}
.ns-s[hidden]{display:none}
.ns-media{flex:1 0 220px;height:auto}
@container (max-width:620px){ .ns-media{flex-basis:200px} }
.ns-media img,.ns-media video{position:absolute;inset:0}
/* v141 tanpa overlay/gradient: media tegas di atas, teks di hitam polos di bawahnya (flat) */
.ns-media{margin-bottom:18px;-webkit-mask-image:none;mask-image:none}
.ns-media::after{display:none}
.ns-slides{min-height:0}
.ns-s{min-height:220px;justify-content:flex-end}
@container (max-width:620px){ .ns-media{margin-bottom:16px} .ns-s{min-height:214px} }
/* tinggi kartu tetap; media menyerap sisa ruang, jadi teks selalu nempel di bawah media tanpa celah dan tombol/tab tetap di posisi sama */
.nw-lead.ns{height:540px}
.ns-media{flex:1 1 0;min-height:150px}
.ns-s{min-height:0}
@container (max-width:620px){ .nw-lead.ns{height:500px} .ns-s{min-height:0} }
/* v143 slider berita ala referensi: hitam pekat di kiri, video hidup di kanan dan memudar ke hitam di bawah (area tab).
   Teks di sisi kiri yang gelap, tab di bawah. Gradien di sini untuk keterbacaan, bukan dekorasi. */
.nw-lead.ns{height:520px;padding:0 0 20px;justify-content:space-between}
.ns-media{position:absolute;inset:0 0 0 28%;z-index:-1;flex:none;height:auto;min-height:0;margin:0;-webkit-mask-image:none;mask-image:none}
.ns-media img,.ns-media video{object-position:65% 40%}
.ns-media::after{display:block;background:
  linear-gradient(90deg,#000 0,rgba(0,0,0,.82) 18%,rgba(0,0,0,.35) 48%,rgba(0,0,0,0) 72%),
  linear-gradient(0deg,#000 0,#000 18%,rgba(0,0,0,.6) 34%,rgba(0,0,0,0) 56%)}
.ns-slides{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:24px 24px 0}
.ns-s{min-height:0;justify-content:flex-start}
.ns-h{font-size:clamp(32px,5cqi,46px);line-height:.92;text-wrap:balance;max-width:none}
.ns-tabs{margin:0 24px}
@container (max-width:620px){
  .nw-lead.ns{height:500px;padding:0 0 16px}
  .ns-media{inset:0}
  .ns-media::after{background:linear-gradient(0deg,#000 0,#000 22%,rgba(0,0,0,.75) 48%,rgba(0,0,0,.2) 75%,rgba(0,0,0,.1) 100%)}
  .ns-slides{justify-content:flex-end;padding:16px 16px 22px}
  .ns-tabs{margin:0 16px}
}
/* v144 kartu lebih pendek: teks turun mendekati tab, tidak ada ruang kosong di bawah tombol */
.nw-lead.ns{height:430px}
.ns-slides{justify-content:flex-end;padding:20px 24px 26px}
@container (max-width:620px){ .nw-lead.ns{height:440px} .ns-slides{padding:16px 16px 22px} }
/* v145 judul panjang pecah jadi 2 baris seimbang, tidak melebar menutupi video */
.ns-h{max-width:20ch;text-wrap:balance}
.ns-h{max-width:30ch}
.ns-s>.ns-k:first-child{margin-top:0}

/* v150 body text: Mozilla Text dari file lokal (fonts/, disalin dari Font Book).
   Nama "Inter" dialiaskan ke file yang sama supaya aturan di v3.css ikut berganti */
/* v423: Mozilla Text dibuang. Nama lama "Inter" dan "Mozilla Text" diarahkan ke file Inter, jadi semua aturan lama ikut tampil Inter. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/Inter-Variable.ttf) format("truetype")}
@font-face{font-family:"Mozilla Text";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/Inter-Variable.ttf) format("truetype")}
:root{--in-f:"Inter XS",Inter,system-ui,sans-serif}
body{font-family:"Inter XS",Inter,system-ui,sans-serif}

/* v151 label slider (.ns-k) = chip parallelogram terpisah, sama dengan label hero (.hx-k) */
.ns-k{gap:6px;padding-left:6px;font-size:12px;font-weight:600;color:#CFCFD4}
.ns-k>span{position:relative;isolation:isolate;display:flex;align-items:center;gap:6px;height:28px;padding:0 14px;white-space:nowrap}
.ns-k>span::before{content:"";position:absolute;inset:0;z-index:-1;transform:skewX(-16deg);background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.ns-k svg.i{width:14px;height:14px}
@container (max-width:420px){ .ns-k{gap:6px;font-size:12px} .ns-k>span{padding:0 10px} }

/* v152 label slider di paling atas card, headline + tombol tetap di bawah (space-between) */
.ns-slides{justify-content:stretch;padding-top:24px}
.ns-s{flex:1}
.ns-s>.ns-k{margin-bottom:auto}

/* v153 subtext di bawah headline slider */
.ns-p{margin:10px 0 0;max-width:52ch;font-size:16px;line-height:1.45;font-weight:400;color:rgba(255,255,255,.72);text-wrap:pretty}
@container (max-width:620px){ .ns-p{font-size:14px;margin-top:8px} }
/* v154 subtext tidak lebih lebar dari headline: 2 baris seimbang */
.ns-p{max-width:40ch;text-wrap:balance}

/* v155 kartu roster (.sg): cutout badan pemain di panel ungu, kepala keluar dari atas kartu.
   Chamfer kartu pindah ke ::before supaya clip-path tidak memotong kepala */
.sgs{row-gap:16px;padding-top:12px}
.sg{position:relative;isolation:isolate;clip-path:none;background:none;grid-template-columns:48px minmax(0,1fr) auto auto}
.sg::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--s1);clip-path:var(--chamf)}
.sg:hover{background:none}
.sg:hover::before{background:var(--s2)}
.sg-av{position:relative;width:48px;height:48px;clip-path:var(--chamf-s);background:linear-gradient(180deg,#8A2BEA,#3A0A86);color:#CFCFD4}
.sg-av.cut{align-self:end;height:56px;margin-bottom:-10px;overflow:visible;background:none;clip-path:inset(-40px 0 0 0)}
.sg-av.cut::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#8A2BEA 0%,#4A0DA8 60%,#1A0548 100%);clip-path:polygon(var(--cc-s) 0,100% 0,100% 100%,0 100%,0 var(--cc-s))}
.sg-av.cut img{position:absolute;left:50%;top:-22px;width:68px;height:auto;max-width:none;transform:translateX(-50%);object-fit:contain}
@container (max-width:620px){
  .sgs{row-gap:14px;padding-top:12px}
  .sg-av.cut{margin-bottom:-8px;height:54px}
}
.sg-av.cut img{top:-30px;width:74px}
.sgs{row-gap:20px;padding-top:16px}
/* v156 jarak antar kartu roster sama di semua sisi */
.sgs{gap:14px}
@container (max-width:620px){ .sgs{gap:14px} }
/* v157 panel ungu avatar roster nempel ke tepi kiri, atas, bawah kartu (tanpa padding) */
.sg{padding-left:0;grid-template-columns:56px minmax(0,1fr) auto auto}
.sg-av,.sg-av.cut{align-self:stretch;width:56px;height:auto;margin:-10px 0}
.sg-av{clip-path:polygon(var(--cc) 0,100% 0,100% 100%,0 100%,0 var(--cc))}
.sg-av.cut{clip-path:inset(-40px 0 0 0)}
.sg-av.cut::before{clip-path:polygon(var(--cc) 0,100% 0,100% 100%,0 100%,0 var(--cc))}
.sg-av.cut img{top:-20px;width:76px}
@container (max-width:620px){ .sg{padding-left:0} .sg-av,.sg-av.cut{margin:-8px 0;height:auto} }

/* v159 semua chip/badge = parallelogram (miring 16°, sama dengan chip label hero & slider).
   Pakai clip-path supaya warna & state aslinya tetap; padding samping ditambah agar teks tidak terpotong */
.sg-rk:not(.no),.sg-new,.pt-mvp,.pt-tba,.tabs em,.yt-d,.nw-k{border-radius:0;clip-path:polygon(var(--sk) 0,100% 0,calc(100% - var(--sk)) 100%,0 100%)}
.sg-rk:not(.no){--sk:7px;width:32px}
.sg-new{--sk:6px;padding:0 12px}
.pt-mvp{--sk:4px;padding-left:8px;padding-right:8px}
.pt-tba{--sk:4px;padding-left:8px;padding-right:8px}
.tabs em{--sk:5px;padding:0 10px}
.yt-d{--sk:5px;padding:0 8px}

/* logo tim di kartu roster lebih besar */
.sg-tm{width:36px;height:36px}

/* foto non-cutout tidak boleh mendorong tinggi kartu (Ricardinho bikin baris 70px) */
.sg{height:60px;min-height:0}
.sg-av{position:relative}
.sg-av:not(.cut) img{position:absolute;inset:0}
@container (max-width:620px){ .sg{height:56px} }

/* v161 thumbnail YouTube bergaya GOS highlight: foto digeser ke kanan (scoreboard bawaan terpotong),
   panel ungu di kiri berisi logo tim + skor besar + label, strip warna di bawah. Skor hanya yang terverifikasi */
.yt-th{container-type:inline-size}
.yt-th img.yt-ph{transform-origin:100% 0;transform:scale(1.32)}
.yt:hover .yt-th img.yt-ph{transform:scale(1.36)}
.yt-ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:1.6cqw;padding:0 0 3cqw 6cqw;background:linear-gradient(90deg,rgba(40,6,102,.96) 0,rgba(58,10,134,.86) 38%,rgba(58,10,134,.25) 62%,rgba(58,10,134,0) 78%);color:#CFCFD4;pointer-events:none}
.yt-ov img{transition:none}
.yt-mk{position:absolute;top:5cqw;left:6cqw;width:auto!important;height:6cqw!important;object-fit:contain}
.yt-ed{position:absolute;top:5.6cqw;left:13.5cqw;font:700 4.4cqw/1 var(--dh);letter-spacing:.04em;color:rgba(255,255,255,.85)}
.yt-sc{display:flex;align-items:center;gap:2.2cqw;margin-top:4cqw}
.yt-sc img{width:12cqw!important;height:12cqw!important;object-fit:contain;filter:drop-shadow(0 .6cqw 1.2cqw rgba(0,0,0,.45))}
.yt-sc b{font:700 17cqw/.8 var(--dh);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.yt-sc b+b{margin-left:-.4cqw}
.yt-sc i{font:700 9cqw/1 var(--dh);font-style:normal;text-transform:uppercase;color:var(--pri);margin:0 1cqw}
.yt-ov small{font-size:3.4cqw;font-weight:600;color:rgba(255,255,255,.8)}
.yt-lb{font:700 7.2cqw/1 var(--dh);text-transform:uppercase;letter-spacing:.03em}
.yt-st{position:absolute;left:0;right:0;bottom:0;height:1.6cqw;background:linear-gradient(90deg,var(--pri) 0 33%,#8A2BEA 33% 66%,#fff 66% 100%)}
.yt-d{z-index:1;bottom:3.4cqw}
.yt-ed{left:6cqw;top:5cqw;font-size:5cqw;color:var(--pri)}
.yt-sc{gap:2.6cqw}
.yt-sc b+b{margin-left:0}
.yt-sc b+b::before{content:"–";margin-right:2.6cqw;color:rgba(255,255,255,.55)}

/* v163 thumbnail ikut tema poster XSERIES-3 (IG): hitam pekat, cahaya arena dramatis (merah dari atas,
   cyan dari bawah), tipografi kondensed putih besar, logo XSERIES cyan. Tanpa panel ungu & strip */
.yt-th{background:#000}
.yt-th img.yt-ph{filter:contrast(1.18) saturate(1.15) brightness(.78)}
.yt-ov{background:
  radial-gradient(60% 55% at 85% 0,rgba(255,36,64,.38),rgba(255,36,64,0) 70%),
  radial-gradient(70% 45% at 20% 105%,rgba(0,255,239,.22),rgba(0,255,239,0) 70%),
  linear-gradient(90deg,rgba(0,0,0,.94) 0,rgba(0,0,0,.82) 34%,rgba(0,0,0,.35) 60%,rgba(0,0,0,0) 80%),
  linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,0) 40%)}
.yt-st{display:none}
.yt-ed{display:flex;align-items:center;gap:.4cqw;font:700 5.4cqw/1 var(--dh);color:var(--pri);letter-spacing:.02em}
.yt-ed img{width:auto!important;height:4.2cqw!important;object-fit:contain}
.yt-sc b{color:#CFCFD4;text-shadow:0 0 3cqw rgba(0,0,0,.6)}
.yt-sc b+b::before{color:var(--pri)}
.yt-lb{font-size:8.4cqw;letter-spacing:.01em;text-shadow:0 .5cqw 2cqw rgba(0,0,0,.6)}
.yt-ov small{color:var(--pri)}

/* v164: gradien halus pada kartu pintu (qk-i) dan kartu laga (ev) */
.qk-i{background:linear-gradient(100deg,rgba(138,43,234,.20) 0,rgba(138,43,234,.06) 38%,rgba(138,43,234,0) 62%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 60%),var(--s1)}
.qk-i:has(.qk-ic.t){background:linear-gradient(100deg,rgba(0,255,239,.14) 0,rgba(0,255,239,.04) 38%,rgba(0,255,239,0) 62%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 60%),var(--s1)}
.qk-i:hover{background:linear-gradient(100deg,rgba(138,43,234,.30) 0,rgba(138,43,234,.10) 42%,rgba(138,43,234,0) 68%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 60%),var(--s2)}
.qk-i:has(.qk-ic.t):hover{background:linear-gradient(100deg,rgba(0,255,239,.22) 0,rgba(0,255,239,.07) 42%,rgba(0,255,239,0) 68%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 60%),var(--s2)}
.ev{background:radial-gradient(75% 60% at 50% 0,rgba(138,43,234,.20),rgba(138,43,234,0) 72%),linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(0,0,0,0) 45%,rgba(0,0,0,.22) 100%),var(--s1)}
.ev:has(.ev-f:hover){background:radial-gradient(75% 60% at 50% 0,rgba(138,43,234,.30),rgba(138,43,234,0) 72%),linear-gradient(180deg,rgba(255,255,255,.04) 0,rgba(0,0,0,0) 45%,rgba(0,0,0,.18) 100%),var(--s2)}

/* v165: gradien v164 dikurangi. Hanya "Grab your seat" yang diberi gradien cyan, plus kilau yang menyapu tiap beberapa detik */
.qk-i,.qk-i:hover{background:var(--s1)}
.qk-i:hover{background:var(--s2)}
.ev{background:var(--s1)}
.ev:has(.ev-f:hover){background:var(--s2)}
.qk-i:has(.qk-ic.t){position:relative;isolation:isolate;overflow:hidden}
.qk-i:has(.qk-ic.t)::before{content:"";position:absolute;top:0;bottom:0;left:0;width:60%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,rgba(0,255,239,0) 0,rgba(0,255,239,.16) 45%,rgba(255,255,255,.10) 50%,rgba(0,255,239,.16) 55%,rgba(0,255,239,0) 100%);
  transform:translateX(-110%) skewX(-16deg);animation:qk-sweep 5s cubic-bezier(.45,0,.25,1) 1.2s infinite}
@keyframes qk-sweep{0%{transform:translateX(-110%) skewX(-16deg)}32%,100%{transform:translateX(230%) skewX(-16deg)}}
@media (prefers-reduced-motion:reduce){ .qk-i:has(.qk-ic.t)::before{animation:none;display:none} }

/* v167: logo rail = tanda X XSERIES asli (cyan), tanpa lingkaran */
@media (min-width:1181px){
  .side .logo{padding-left:0;justify-content:center;width:var(--rail)}
  .side .logo .logo-x{width:auto;height:auto;border-radius:0;background:none}
  .side .logo .logo-x img{width:44px;height:auto;filter:none}
}

/* v168: logo rail = wordmark XSERIES lengkap */
@media (min-width:1181px){
  .side .logo .logo-x{display:none}
  .side .logo .logo-w{display:block;width:76px;height:auto}
}

/* v169: wordmark rail rata kiri dengan logo GOS di strip atas (30px), tidak menempel ke search */
@media (min-width:1181px){
  .side .logo{justify-content:flex-start;padding-left:30px}
  .side .logo .logo-w{width:72px}
}


/* v170: sudut kartu terpotong diberi radius kecil (clip-path shape(); browser lama tetap memakai polygon tajam) */
@supports (clip-path:shape(from 0 0,line to 1px 1px,close)){
  :root{--cr:3px;--ck:2.2px;
    --chamf:shape(from calc(var(--cc) + var(--cr)) 0,line to calc(100% - var(--cr)) 0,curve to 100% var(--cr) with 100% 0,line to 100% calc(100% - var(--cc) - var(--ck)),curve to calc(100% - var(--ck)) calc(100% - var(--cc) + var(--ck)) with 100% calc(100% - var(--cc)),line to calc(100% - var(--cc) + var(--ck)) calc(100% - var(--ck)),curve to calc(100% - var(--cc) - var(--cr)) 100% with calc(100% - var(--cc)) 100%,line to var(--cr) 100%,curve to 0 calc(100% - var(--cr)) with 0 100%,line to 0 calc(var(--cc) + var(--ck)),curve to var(--ck) calc(var(--cc) - var(--ck)) with 0 var(--cc),line to calc(var(--cc) - var(--ck)) var(--ck),curve to calc(var(--cc) + var(--cr)) 0 with var(--cc) 0,close);
    --chamf-l:shape(from calc(var(--cc-l) + var(--cr)) 0,line to calc(100% - var(--cr)) 0,curve to 100% var(--cr) with 100% 0,line to 100% calc(100% - var(--cc-l) - var(--ck)),curve to calc(100% - var(--ck)) calc(100% - var(--cc-l) + var(--ck)) with 100% calc(100% - var(--cc-l)),line to calc(100% - var(--cc-l) + var(--ck)) calc(100% - var(--ck)),curve to calc(100% - var(--cc-l) - var(--cr)) 100% with calc(100% - var(--cc-l)) 100%,line to var(--cr) 100%,curve to 0 calc(100% - var(--cr)) with 0 100%,line to 0 calc(var(--cc-l) + var(--ck)),curve to var(--ck) calc(var(--cc-l) - var(--ck)) with 0 var(--cc-l),line to calc(var(--cc-l) - var(--ck)) var(--ck),curve to calc(var(--cc-l) + var(--cr)) 0 with var(--cc-l) 0,close);
    --chamf-tl:shape(from calc(var(--cc) + var(--cr)) 0,line to 100% 0,line to 100% 100%,line to var(--cr) 100%,curve to 0 calc(100% - var(--cr)) with 0 100%,line to 0 calc(var(--cc) + var(--ck)),curve to var(--ck) calc(var(--cc) - var(--ck)) with 0 var(--cc),line to calc(var(--cc) - var(--ck)) var(--ck),curve to calc(var(--cc) + var(--cr)) 0 with var(--cc) 0,close)}
  .sg-av,.sg-av.cut::before{clip-path:var(--chamf-tl)}
}


/* v171: radius kecil juga untuk wrapper section, tombol dan label */
@supports (clip-path:shape(from 0 0,line to 1px 1px,close)){
  :root{--chamf-s:shape(from calc(0px + var(--cc-s) + var(--cr)) 0px,line to calc(100% - 0px - var(--cr)) 0px,curve to calc(100% - 0px) calc(0px + var(--cr)) with calc(100% - 0px) 0px,line to calc(100% - 0px) calc(calc(100% - 0px - var(--cc-s)) - var(--ck)),curve to calc(100% - 0px - var(--ck)) calc(calc(100% - 0px - var(--cc-s)) + var(--ck)) with calc(100% - 0px) calc(100% - 0px - var(--cc-s)),line to calc(calc(100% - 0px - var(--cc-s)) + var(--ck)) calc(100% - 0px - var(--ck)),curve to calc(calc(100% - 0px - var(--cc-s)) - var(--cr)) calc(100% - 0px) with calc(100% - 0px - var(--cc-s)) calc(100% - 0px),line to calc(0px + var(--cr)) calc(100% - 0px),curve to 0px calc(100% - 0px - var(--cr)) with 0px calc(100% - 0px),line to 0px calc(calc(0px + var(--cc-s)) + var(--ck)),curve to calc(0px + var(--ck)) calc(calc(0px + var(--cc-s)) - var(--ck)) with 0px calc(0px + var(--cc-s)),line to calc(calc(0px + var(--cc-s)) - var(--ck)) calc(0px + var(--ck)),curve to calc(calc(0px + var(--cc-s)) + var(--cr)) 0px with calc(0px + var(--cc-s)) 0px,close);
    --chamf-o:shape(evenodd from calc(0px + var(--cc-s) + var(--cr)) 0px,line to calc(100% - 0px - var(--cr)) 0px,curve to calc(100% - 0px) calc(0px + var(--cr)) with calc(100% - 0px) 0px,line to calc(100% - 0px) calc(calc(100% - 0px - var(--cc-s)) - var(--ck)),curve to calc(100% - 0px - var(--ck)) calc(calc(100% - 0px - var(--cc-s)) + var(--ck)) with calc(100% - 0px) calc(100% - 0px - var(--cc-s)),line to calc(calc(100% - 0px - var(--cc-s)) + var(--ck)) calc(100% - 0px - var(--ck)),curve to calc(calc(100% - 0px - var(--cc-s)) - var(--cr)) calc(100% - 0px) with calc(100% - 0px - var(--cc-s)) calc(100% - 0px),line to calc(0px + var(--cr)) calc(100% - 0px),curve to 0px calc(100% - 0px - var(--cr)) with 0px calc(100% - 0px),line to 0px calc(calc(0px + var(--cc-s)) + var(--ck)),curve to calc(0px + var(--ck)) calc(calc(0px + var(--cc-s)) - var(--ck)) with 0px calc(0px + var(--cc-s)),line to calc(calc(0px + var(--cc-s)) - var(--ck)) calc(0px + var(--ck)),curve to calc(calc(0px + var(--cc-s)) + var(--cr)) 0px with calc(0px + var(--cc-s)) 0px,close,move to calc(1px + var(--cc-s) + .41px + var(--cr)) 1px,line to calc(100% - 1px - var(--cr)) 1px,curve to calc(100% - 1px) calc(1px + var(--cr)) with calc(100% - 1px) 1px,line to calc(100% - 1px) calc(calc(100% - 1px - var(--cc-s) + .41px) - var(--ck)),curve to calc(100% - 1px - var(--ck)) calc(calc(100% - 1px - var(--cc-s) + .41px) + var(--ck)) with calc(100% - 1px) calc(100% - 1px - var(--cc-s) + .41px),line to calc(calc(100% - 1px - var(--cc-s) + .41px) + var(--ck)) calc(100% - 1px - var(--ck)),curve to calc(calc(100% - 1px - var(--cc-s) + .41px) - var(--cr)) calc(100% - 1px) with calc(100% - 1px - var(--cc-s) + .41px) calc(100% - 1px),line to calc(1px + var(--cr)) calc(100% - 1px),curve to 1px calc(100% - 1px - var(--cr)) with 1px calc(100% - 1px),line to 1px calc(calc(1px + var(--cc-s) + .41px) + var(--ck)),curve to calc(1px + var(--ck)) calc(calc(1px + var(--cc-s) + .41px) - var(--ck)) with 1px calc(1px + var(--cc-s) + .41px),line to calc(calc(1px + var(--cc-s) + .41px) - var(--ck)) calc(1px + var(--ck)),curve to calc(calc(1px + var(--cc-s) + .41px) + var(--cr)) 1px with calc(1px + var(--cc-s) + .41px) 1px,close)}
  .sg-rk:not(.no),.sg-new,.pt-mvp,.pt-tba,.tabs em,.yt-d,.nw-k{clip-path:shape(from calc(var(--sk) + var(--cr)) 0,line to calc(100% - var(--cr)) 0,curve to calc(100% - var(--cr) * .2867) var(--cr) with 100% 0,line to calc(100% - var(--sk) + var(--cr) * .2867) calc(100% - var(--cr)),curve to calc(100% - var(--sk) - var(--cr)) 100% with calc(100% - var(--sk)) 100%,line to var(--cr) 100%,curve to calc(var(--cr) * .2867) calc(100% - var(--cr)) with 0 100%,line to calc(var(--sk) - var(--cr) * .2867) var(--cr),curve to calc(var(--sk) + var(--cr)) 0 with var(--sk) 0,close)}
  @media (min-width:1181px){
    .info::before,.info::after{width:calc(var(--cc-l) + var(--cr));height:calc(var(--cc-l) + var(--cr))}
    .info::before{clip-path:shape(from 0 0,line to calc(var(--cc-l) + var(--cr)) 0,curve to calc(var(--cc-l) - var(--ck)) var(--ck) with var(--cc-l) 0,line to var(--ck) calc(var(--cc-l) - var(--ck)),curve to 0 calc(var(--cc-l) + var(--cr)) with 0 var(--cc-l),close);margin-bottom:calc(-1 * var(--cr))}
    .info::after{clip-path:shape(from 100% 100%,line to calc(100% - var(--cc-l) - var(--cr)) 100%,curve to calc(100% - var(--cc-l) + var(--ck)) calc(100% - var(--ck)) with calc(100% - var(--cc-l)) 100%,line to calc(100% - var(--ck)) calc(100% - var(--cc-l) + var(--ck)),curve to 100% calc(100% - var(--cc-l) - var(--cr)) with 100% calc(100% - var(--cc-l)),close);margin-top:calc(24px - var(--cr))}
  }
}
.hx-k>b::before,.hx-k>span::before,.ns-k>span::before,.eco-l a.on::before{border-radius:3px}

/* v172: gradien cyan statis di "Grab your seat" dihapus; cukup kilau yang berjalan */
.qk-i:has(.qk-ic.t){background:var(--s1)}
.qk-i:has(.qk-ic.t):hover{background:var(--s2)}

/* v173: tutup garis tipis di kiri chamfer panel: masker sudut diperlebar 1px keluar tepi panel */
@supports (clip-path:shape(from 0 0,line to 1px 1px,close)){
  @media (min-width:1181px){
    .info::before,.info::after{width:calc(var(--cc-l) + var(--cr) + 1px)}
    .info::before{margin-left:calc(-1 * var(--pad) - 1px);clip-path:shape(from 0 0,line to calc(var(--cc-l) + var(--cr) + 1px) 0,curve to calc(var(--cc-l) - var(--ck) + 1px) var(--ck) with calc(var(--cc-l) + 1px) 0,line to calc(var(--ck) + 1px) calc(var(--cc-l) - var(--ck)),curve to 1px calc(var(--cc-l) + var(--cr)) with 1px var(--cc-l),line to 0 calc(var(--cc-l) + var(--cr)),close)}
    .info::after{margin-right:calc(-1 * var(--pad) - 1px);clip-path:shape(from 100% 100%,line to calc(100% - var(--cc-l) - var(--cr) - 1px) 100%,curve to calc(100% - var(--cc-l) + var(--ck) - 1px) calc(100% - var(--ck)) with calc(100% - var(--cc-l) - 1px) 100%,line to calc(100% - var(--ck) - 1px) calc(100% - var(--cc-l) + var(--ck)),curve to calc(100% - 1px) calc(100% - var(--cc-l) - var(--cr)) with calc(100% - 1px) calc(100% - var(--cc-l)),line to 100% calc(100% - var(--cc-l) - var(--cr)),close)}
  }
}


/* v174: bingkai outline (--chamf-o) dirapikan: tepi dalam diinset tepat 1px (diagonal sebelumnya ~1.7px) dan lengkung dalam konsentris */
@supports (clip-path:shape(from 0 0,line to 1px 1px,close)){
  :root{--chamf-o:shape(evenodd from calc(0px + var(--cc-s) + var(--cr)) 0px,line to calc(100% - 0px - var(--cr)) 0px,curve to calc(100% - 0px) calc(0px + var(--cr)) with calc(100% - 0px) 0px,line to calc(100% - 0px) calc(100% - 0px - var(--cc-s) - var(--ck)),curve to calc(100% - 0px - var(--ck)) calc(100% - 0px - var(--cc-s) + var(--ck)) with calc(100% - 0px) calc(100% - 0px - var(--cc-s)),line to calc(100% - 0px - var(--cc-s) + var(--ck)) calc(100% - 0px - var(--ck)),curve to calc(100% - 0px - var(--cc-s) - var(--cr)) calc(100% - 0px) with calc(100% - 0px - var(--cc-s)) calc(100% - 0px),line to calc(0px + var(--cr)) calc(100% - 0px),curve to 0px calc(100% - 0px - var(--cr)) with 0px calc(100% - 0px),line to 0px calc(0px + var(--cc-s) + var(--ck)),curve to calc(0px + var(--ck)) calc(0px + var(--cc-s) - var(--ck)) with 0px calc(0px + var(--cc-s)),line to calc(0px + var(--cc-s) - var(--ck)) calc(0px + var(--ck)),curve to calc(0px + var(--cc-s) + var(--cr)) 0px with calc(0px + var(--cc-s)) 0px,close,move to calc(1px + calc(var(--cc-s) - .59px) + calc(var(--cr) - .41px)) 1px,line to calc(100% - 1px - calc(var(--cr) - 1px)) 1px,curve to calc(100% - 1px) calc(1px + calc(var(--cr) - 1px)) with calc(100% - 1px) 1px,line to calc(100% - 1px) calc(100% - 1px - calc(var(--cc-s) - .59px) - calc(var(--ck) - .29px)),curve to calc(100% - 1px - calc(var(--ck) - .29px)) calc(100% - 1px - calc(var(--cc-s) - .59px) + calc(var(--ck) - .29px)) with calc(100% - 1px) calc(100% - 1px - calc(var(--cc-s) - .59px)),line to calc(100% - 1px - calc(var(--cc-s) - .59px) + calc(var(--ck) - .29px)) calc(100% - 1px - calc(var(--ck) - .29px)),curve to calc(100% - 1px - calc(var(--cc-s) - .59px) - calc(var(--cr) - .41px)) calc(100% - 1px) with calc(100% - 1px - calc(var(--cc-s) - .59px)) calc(100% - 1px),line to calc(1px + calc(var(--cr) - 1px)) calc(100% - 1px),curve to 1px calc(100% - 1px - calc(var(--cr) - 1px)) with 1px calc(100% - 1px),line to 1px calc(1px + calc(var(--cc-s) - .59px) + calc(var(--ck) - .29px)),curve to calc(1px + calc(var(--ck) - .29px)) calc(1px + calc(var(--cc-s) - .59px) - calc(var(--ck) - .29px)) with 1px calc(1px + calc(var(--cc-s) - .59px)),line to calc(1px + calc(var(--cc-s) - .59px) - calc(var(--ck) - .29px)) calc(1px + calc(var(--ck) - .29px)),curve to calc(1px + calc(var(--cc-s) - .59px) + calc(var(--cr) - .41px)) 1px with calc(1px + calc(var(--cc-s) - .59px)) 1px,close)}
}


/* v175: radius untuk komponen kecil (tombol, chip, label) dikecilkan ke 1.5px; kartu besar tetap 3px */
@supports (clip-path:shape(from 0 0,line to 1px 1px,close)){
  :root{--crs:1.5px;--cks:1.1px;--chamf-s:shape(from calc(0px + var(--cc-s) + var(--crs)) 0px,line to calc(100% - 0px - var(--crs)) 0px,curve to calc(100% - 0px) calc(0px + var(--crs)) with calc(100% - 0px) 0px,line to calc(100% - 0px) calc(100% - 0px - var(--cc-s) - var(--cks)),curve to calc(100% - 0px - var(--cks)) calc(100% - 0px - var(--cc-s) + var(--cks)) with calc(100% - 0px) calc(100% - 0px - var(--cc-s)),line to calc(100% - 0px - var(--cc-s) + var(--cks)) calc(100% - 0px - var(--cks)),curve to calc(100% - 0px - var(--cc-s) - var(--crs)) calc(100% - 0px) with calc(100% - 0px - var(--cc-s)) calc(100% - 0px),line to calc(0px + var(--crs)) calc(100% - 0px),curve to 0px calc(100% - 0px - var(--crs)) with 0px calc(100% - 0px),line to 0px calc(0px + var(--cc-s) + var(--cks)),curve to calc(0px + var(--cks)) calc(0px + var(--cc-s) - var(--cks)) with 0px calc(0px + var(--cc-s)),line to calc(0px + var(--cc-s) - var(--cks)) calc(0px + var(--cks)),curve to calc(0px + var(--cc-s) + var(--crs)) 0px with calc(0px + var(--cc-s)) 0px,close);--chamf-o:shape(evenodd from calc(0px + var(--cc-s) + var(--crs)) 0px,line to calc(100% - 0px - var(--crs)) 0px,curve to calc(100% - 0px) calc(0px + var(--crs)) with calc(100% - 0px) 0px,line to calc(100% - 0px) calc(100% - 0px - var(--cc-s) - var(--cks)),curve to calc(100% - 0px - var(--cks)) calc(100% - 0px - var(--cc-s) + var(--cks)) with calc(100% - 0px) calc(100% - 0px - var(--cc-s)),line to calc(100% - 0px - var(--cc-s) + var(--cks)) calc(100% - 0px - var(--cks)),curve to calc(100% - 0px - var(--cc-s) - var(--crs)) calc(100% - 0px) with calc(100% - 0px - var(--cc-s)) calc(100% - 0px),line to calc(0px + var(--crs)) calc(100% - 0px),curve to 0px calc(100% - 0px - var(--crs)) with 0px calc(100% - 0px),line to 0px calc(0px + var(--cc-s) + var(--cks)),curve to calc(0px + var(--cks)) calc(0px + var(--cc-s) - var(--cks)) with 0px calc(0px + var(--cc-s)),line to calc(0px + var(--cc-s) - var(--cks)) calc(0px + var(--cks)),curve to calc(0px + var(--cc-s) + var(--crs)) 0px with calc(0px + var(--cc-s)) 0px,close,move to calc(1px + calc(var(--cc-s) - .59px) + calc(var(--crs) - .41px)) 1px,line to calc(100% - 1px - calc(var(--crs) - 1px)) 1px,curve to calc(100% - 1px) calc(1px + calc(var(--crs) - 1px)) with calc(100% - 1px) 1px,line to calc(100% - 1px) calc(100% - 1px - calc(var(--cc-s) - .59px) - calc(var(--cks) - .29px)),curve to calc(100% - 1px - calc(var(--cks) - .29px)) calc(100% - 1px - calc(var(--cc-s) - .59px) + calc(var(--cks) - .29px)) with calc(100% - 1px) calc(100% - 1px - calc(var(--cc-s) - .59px)),line to calc(100% - 1px - calc(var(--cc-s) - .59px) + calc(var(--cks) - .29px)) calc(100% - 1px - calc(var(--cks) - .29px)),curve to calc(100% - 1px - calc(var(--cc-s) - .59px) - calc(var(--crs) - .41px)) calc(100% - 1px) with calc(100% - 1px - calc(var(--cc-s) - .59px)) calc(100% - 1px),line to calc(1px + calc(var(--crs) - 1px)) calc(100% - 1px),curve to 1px calc(100% - 1px - calc(var(--crs) - 1px)) with 1px calc(100% - 1px),line to 1px calc(1px + calc(var(--cc-s) - .59px) + calc(var(--cks) - .29px)),curve to calc(1px + calc(var(--cks) - .29px)) calc(1px + calc(var(--cc-s) - .59px) - calc(var(--cks) - .29px)) with 1px calc(1px + calc(var(--cc-s) - .59px)),line to calc(1px + calc(var(--cc-s) - .59px) - calc(var(--cks) - .29px)) calc(1px + calc(var(--cks) - .29px)),curve to calc(1px + calc(var(--cc-s) - .59px) + calc(var(--crs) - .41px)) 1px with calc(1px + calc(var(--cc-s) - .59px)) 1px,close)}
  .sg-rk:not(.no),.sg-new,.pt-mvp,.pt-tba,.tabs em,.yt-d,.nw-k{--cr:1.5px}
}
.hx-k>b::before,.hx-k>span::before,.ns-k>span::before,.eco-l a.on::before{border-radius:1.5px}

/* v176: tab ekosistem aktif (XSERIES) bukan cyan solid lagi: gradien cyan transparan + garis tipis, logo putih */
.eco-l a.on::before{background:linear-gradient(90deg,rgba(0,255,239,.30) 0,rgba(0,255,239,.10) 60%,rgba(0,255,239,.02) 100%);box-shadow:inset 0 0 0 1px rgba(0,255,239,.28),inset 2px 0 0 var(--pri)}
.eco-l a.on img{filter:none}

/* v177: navigasi carousel = thumbnail strip (opsi A): thumbnail chamfer per cerita, progres cyan di tepi bawah thumbnail */
.ns-tabs{gap:10px}
.ns-tabs button{flex-direction:row;align-items:center;gap:10px;opacity:.55;transition:opacity .15s}
.ns-tabs button:hover{opacity:.85}
.ns-tabs button[aria-selected=true]{opacity:1}
.ns-th{position:relative;flex:none;width:52px;height:36px;background:#1C1C21 center/cover no-repeat;clip-path:var(--chamf-s);overflow:hidden}
.ns-th::after{content:"";position:absolute;inset:0;clip-path:var(--chamf-o);background:rgba(255,255,255,.18);pointer-events:none}
.ns-tabs button[aria-selected=true] .ns-th::after{background:var(--pri)}
.ns-th .ns-pg{position:absolute;left:0;right:0;bottom:0;height:3px;margin:0;border-radius:0;background:rgba(0,0,0,.45)}
.ns-th .ns-pg i{background:var(--pri)}
.ns-tx{display:flex;flex-direction:column;min-width:0}
.ns-tabs .ns-tx b{margin-top:4px;font-size:14px}
/* query di wadah .ns-tabs sendiri (lebar slider beda dari lebar panel) */
.ns-tabs{container:nstabs/inline-size}
@container nstabs (max-width:520px){
  .ns-tabs button{flex-direction:column;align-items:stretch;gap:8px}
  .ns-th{width:100%;height:34px}
  .ns-tabs .ns-tx b{font-size:14px}
}

/* v178a: logo rail lebih besar; search di top bar bergeser supaya tidak mepet logo */
@media (min-width:1181px){
  .side .logo .logo-w{width:96px;max-width:none}
  .top .search{margin-left:30px}
}

/* v178b: thumbnail berita tampil utuh (rasio poster 4:5), tidak terpotong */
.nw-th{aspect-ratio:4/5;min-height:0;align-self:center}
.nw-th img{object-position:50% 50%}

/* v178c: tombol "Read more" di tiap berita (span di dalam kartu link, jadi seluruh kartu tetap bisa diklik) */
.nw-i .nw-more{align-self:flex-start;display:inline-flex;align-items:center;height:28px;padding:0 12px;margin-top:8px;font:700 14px/1 var(--dh);text-transform:uppercase;letter-spacing:.01em;color:#CFCFD4;background:var(--s3);clip-path:var(--chamf-s);transition:background .15s,color .15s}
.nw-i:hover .nw-more,.nw-i:focus-visible .nw-more{background:var(--pri);color:#000}

/* v178d: carousel di layar kecil: thumbnail berasio 16:9, bukan strip gepeng */
@container nstabs (max-width:520px){
  .ns-th{width:100%;height:auto;aspect-ratio:16/9}
}

/* v179: logo rail tidak terpotong: rail boleh overflow saat tinggi layar cukup; layar pendek tetap muat di rail */
@media (min-width:1181px) and (min-height:720px){ .side{overflow:visible} }
@media (min-width:1181px) and (max-height:719px){ .side .logo .logo-w{width:66px} .top .search{margin-left:0} }
/* thumbnail carousel di layar kecil: strip pendek 44px, tidak setinggi 16:9 */
@container nstabs (max-width:520px){ .ns-th{aspect-ratio:auto;height:44px} }
/* Read more cukup tombol teks */
.nw-i .nw-more{height:auto;padding:0;margin-top:6px;background:none;clip-path:none;color:var(--pri);gap:6px;font-size:16px}
.nw-i .nw-more::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:1.8px 1.8px 0 0;transform:rotate(45deg);transition:transform .15s}
.nw-i:hover .nw-more,.nw-i:focus-visible .nw-more{background:none;color:var(--pri)}
.nw-i:hover .nw-more::after{transform:translateX(3px) rotate(45deg)}

/* v180: Read more = teks putih saja, tanpa panah */
.nw-i .nw-more,.nw-i:hover .nw-more,.nw-i:focus-visible .nw-more{color:#CFCFD4}
.nw-i .nw-more::after{content:none}
.nw-i:hover .nw-more{text-decoration:underline;text-underline-offset:3px}

/* v181: navigasi carousel = text tabs (tanpa thumbnail): label + judul, garis progres tipis di bawah */
.ns-tabs{gap:16px}
.ns-tabs button,.ns-tabs button:hover{flex-direction:column;align-items:stretch;gap:0;opacity:1}
.ns-tabs button{color:#77777F}
.ns-tabs button:hover{color:#C8C8C8}
.ns-tabs button[aria-selected=true]{color:#CFCFD4}
.ns-tabs .ns-tx b{margin-top:4px;font-size:16px}
.ns-tabs .ns-pg{position:static;display:block;height:2px;margin:10px 0 0;border-radius:0;background:rgba(255,255,255,.16)}
.ns-tabs .ns-pg i{background:var(--pri)}
@container nstabs (max-width:520px){ .ns-tabs{gap:10px} .ns-tabs .ns-tx b{font-size:14px} }

/* v182: panel stats kanan sedikit lebih ramping (~10%) */
@media (min-width:1181px){ :root{--stage:clamp(350px,27vw,430px)} }

/* v183: jarak logo ↔ search di semua tinggi layar */
@media (min-width:1181px) and (max-height:719px){ .top .search{margin-left:24px} }
@media (min-width:1181px) and (min-height:720px){ .top .search{margin-left:54px} }

/* v185: Heard in the comments → chant wall (1 besar + 2 kecil) */
.qt-cta{display:inline-flex;align-items:center;gap:8px}
.qt-cta svg.i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.qt-cta svg.i path{fill:currentColor;stroke:none}
.quotes.qw{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto}
.qw .qt{position:relative;overflow:hidden;padding:16px;gap:12px}
.qw .qt blockquote{font:700 26px/.95 var(--dh);text-transform:uppercase;color:#E9E9EE;letter-spacing:0}
.qw .qt-big{grid-row:1 / span 2;padding:22px;min-height:220px;background:linear-gradient(135deg,rgba(0,255,239,.16),rgba(0,255,239,.02) 60%),var(--s1)}
.qw .qt-big::before{content:"\201C";position:absolute;right:14px;top:-18px;font:700 180px/1 var(--dh);color:rgba(0,255,239,.14);pointer-events:none}
.qw .qt-big blockquote{position:relative;font-size:52px;line-height:.9;color:#CFCFD4;max-width:14ch}
.qw .qt figcaption b{color:var(--pri);font-weight:600}
@container (max-width:620px){
  .quotes.qw{grid-template-columns:1fr}
  .qw .qt-big{grid-row:auto;min-height:0}
  .qw .qt-big blockquote{font-size:40px}
  .qw .qt blockquote{font-size:22px}
}
@media (max-width:760px){
  .quotes.qw{grid-template-columns:1fr}
  .qw .qt-big{grid-row:auto;min-height:0}
  .qw .qt-big blockquote{font-size:38px}
  .qw .qt blockquote{font-size:22px}
  #fan .sh{flex-wrap:wrap;gap:10px}
}
@container (max-width:620px){ .qw .qt.qt-big blockquote{font-size:40px} }
@media (max-width:760px){ .qw .qt.qt-big blockquote{font-size:38px} }

/* v187: Heard in the comments → carousel sederhana, terpusat */
.qc{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;padding:36px 24px 26px;background:radial-gradient(60% 80% at 50% 0,rgba(0,255,239,.10),transparent 70%),var(--s1);clip-path:var(--chamf);text-align:center;overflow:hidden}
.qc::before{content:"\201C";position:absolute;left:50%;top:-30px;transform:translateX(-50%);font:700 200px/1 var(--dh);color:rgba(0,255,239,.12);pointer-events:none}
.qc-track{position:relative;display:grid;width:100%;max-width:760px}
.qc-s,.qc-s[hidden]{grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:0;transition:opacity .35s ease}
.qc-s[hidden]{visibility:hidden;opacity:0}
.qc-s blockquote{font:700 46px/.92 var(--dh);text-transform:uppercase;color:#CFCFD4;max-width:22ch;text-wrap:balance}
.qc-s figcaption{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--mut)}
.qc-s figcaption svg.i{width:16px;height:16px}
.qc-s figcaption b{color:var(--pri);font-weight:600}
.qc-nav{display:flex;align-items:center;gap:14px}
.qc-ar{width:32px;height:32px;display:grid;place-items:center;border:0;padding:0;background:var(--s2);color:#C9C9D0;cursor:pointer;clip-path:var(--chamf-s,var(--chamf))}
.qc-ar:hover{background:var(--s3);color:#CFCFD4}
.qc-ar svg.i{width:16px;height:16px}
.qc-prev svg.i{transform:scaleX(-1)}
.qc-dots{display:flex;gap:6px}
.qc-dots button{position:relative;width:16px;height:5px;padding:0;border:0;background:rgba(255,255,255,.22);transform:skewX(-16deg);border-radius:1px;overflow:hidden;cursor:pointer;transition:width .25s ease}
.qc-dots button[aria-current=true]{width:44px;background:rgba(255,255,255,.16)}
.qc-dots button i{position:absolute;inset:0 auto 0 0;width:0;background:var(--pri)}
.qc-dots button[aria-current=true] i{animation:qcfill 6s linear forwards}
.qc:hover .qc-dots i,.qc:focus-within .qc-dots i{animation-play-state:paused}
@keyframes qcfill{to{width:100%}}
@media (prefers-reduced-motion:reduce){ .qc-dots button[aria-current=true] i{animation:none;width:100%} .qc-s{transition:none} }
@container (max-width:620px){ .qc{padding:28px 16px 20px} .qc-s blockquote{font-size:34px} }
@media (max-width:760px){ .qc{padding:28px 16px 20px} .qc-s blockquote{font-size:32px} #fan .sh{flex-wrap:wrap;gap:10px} }

/* v188: hero — jarak title→subtext disamakan dengan badge→title (buang sisa ruang di bawah baseline Dharma Gothic) */
.hx .hx-tx h2{margin-bottom:-.12em}

/* v189: body font → Inter (file variabel lokal, fonts/Inter-Variable.ttf). Nama keluarga sendiri supaya tidak bentrok dengan alias "Inter" lama di v150 */
@font-face{font-family:"Inter XS";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/Inter-Variable.ttf) format("truetype")}
:root{--in-f:"Inter XS",Inter,system-ui,sans-serif}
body{font-family:"Inter XS",Inter,system-ui,sans-serif}

/* v190: logo website = lockup bertumpuk (X di atas SERIES), img/xseries-logo-stack.png */
.side .logo img.logo-w{width:auto;max-width:none;height:34px}
@media (min-width:1181px){
  .side .logo{justify-content:center;padding-left:0;width:var(--rail)}
  .side .logo img.logo-w{height:38px}
  .top .search{margin-left:20px}
}
@media (min-width:1181px) and (min-height:720px){ .top .search{margin-left:20px} }
@media (min-width:1181px) and (max-height:719px){ .side .logo img.logo-w{height:34px} .top .search{margin-left:20px} }

/* v191: logo rail lebih kecil supaya seimbang dengan ikon menu */
.side .logo img.logo-w{height:28px}
@media (min-width:1181px){ .side .logo img.logo-w{height:28px} }
@media (min-width:1181px) and (max-height:719px){ .side .logo img.logo-w{height:26px} }

/* v191: bayangan natural di pemain hero (filter SVG berlapis: kontak tajam + ambient lebar, warna ungu gelap) */
.hx-slabs .hx-nani{filter:url(#hxShN)}
.hx-slabs .hx-fr{filter:url(#hxShF) brightness(.88)}

/* v192 — player card photo: fill frame width so source edges sit on the frame, not inside it */
.xc .xc-img{object-fit:cover;object-position:50% 0}

/* v193 — panel kanan jadi STATS CENTRE (standings · results · players · teams). Bentuk: chip jajaran genjang 16°, tombol chamfer */
.pt.scx{display:flex;flex-direction:column}
.scx-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 0}
.scx-ti{font:700 36px/.85 var(--dh);text-transform:uppercase;letter-spacing:.01em;margin:0;color:#CFCFD4}
.scx-ed{display:flex;gap:2px;background:var(--s1);padding:4px;clip-path:var(--chamf-s)}
.scx-ed[hidden]{display:none}
.scx-ed button{height:26px;padding:0 10px;font:700 16px/1 var(--dh);text-transform:uppercase;color:#9a9aa2;clip-path:var(--chamf-s)}
.scx-ed button:hover{color:#CFCFD4}
.scx-ed button[aria-pressed=true]{background:var(--pri);color:#000}
.scx-tabs{display:flex;gap:4px;padding:16px 22px 0}
.scx-tabs button{position:relative;isolation:isolate;flex:1;height:32px;padding:0 6px;font:700 16px/1 var(--dh);text-transform:uppercase;color:#9a9aa2;white-space:nowrap}
.scx-tabs button::before{content:"";position:absolute;inset:0;z-index:-1;transform:skewX(-16deg);background:var(--s1)}
.scx-tabs button:hover{color:#CFCFD4}
.scx-tabs button[aria-selected=true]{color:#000}
.scx-tabs button[aria-selected=true]::before{background:var(--pri)}
.scx-tabs button:focus-visible,.scx-ed button:focus-visible,.scx-ch button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.scx-body{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#2a2a30 transparent;padding:14px 20px 20px;display:flex;flex-direction:column;gap:12px}
.scx-k{margin:0;font-size:12px;color:#8a8a92}
.scx-k b{color:#CFCFD4;font-weight:600;margin-right:8px}
.scx-lg{width:26px;height:26px;object-fit:contain;flex:none}
.scx-more{align-self:flex-start;font:700 16px/1 var(--dh);text-transform:uppercase;color:var(--pri)}
.scx-more:hover{text-decoration:underline;text-underline-offset:3px}

/* tabel */
.scx-tb{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.scx-tb th{font-size:12px;font-weight:600;color:#6e6e76;text-align:center;padding:0 2px 8px;border-bottom:1px solid #222228}
.scx-tb td{height:50px;text-align:center;font-size:14px;color:#c9c9cf;border-bottom:1px solid #1b1b20;padding:0 2px}
.scx-tb th:first-child,.scx-tb td:first-child{width:22px;color:#6e6e76;font-size:12px}
.scx-tb .scx-cl{text-align:left;padding-left:6px}
.scx-tb .scx-cl a{display:flex;align-items:center;gap:10px;min-width:0}
.scx-tb .scx-cl span{display:flex;flex-direction:column;min-width:0}
.scx-tb .scx-cl b{font-size:14px;font-weight:600;color:#CFCFD4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scx-tb .scx-cl small{font-size:12px;color:#7a7a82}
.scx-tb .scx-cl a:hover b{text-decoration:underline;text-underline-offset:3px}
.scx-tb td.scx-gd{color:#CFCFD4;font-weight:600}
.scx-tb tr.scx-1 td{background:linear-gradient(90deg,rgba(0,255,239,.09),rgba(0,255,239,0) 70%)}
.scx-tb tr.scx-1 td:first-child{box-shadow:inset 3px 0 0 var(--pri);color:#CFCFD4}
.scx-tb tr.scx-1 .scx-cl small{color:var(--pri)}
.scx-tb tr.scx-cut td{border-bottom-color:var(--pri)}
.scx-note{margin:0;font-size:12px;line-height:1.4;color:#7a7a82;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}
.scx-key{width:14px;height:2px;background:var(--pri);flex:none}

/* kartu juara */
.scx-champ{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:16px 16px 14px;min-height:132px;clip-path:var(--chamf);
  background:linear-gradient(140deg,color-mix(in srgb,var(--c) 62%,#000),color-mix(in srgb,var(--c) 14%,#000) 75%)}
.scx-champ .scx-lg.scx-bg{position:absolute;right:-26px;top:-22px;width:150px;height:150px;opacity:.16;z-index:-1}
.scx-cw{display:flex;flex-direction:column;gap:4px;min-width:0}
.scx-cw small{font-size:12px;color:rgba(255,255,255,.72)}
.scx-cw b{font:700 34px/.88 var(--dh);text-transform:uppercase;color:#CFCFD4}
.scx-cw em{font-style:normal;font-size:12px;color:rgba(255,255,255,.8)}
.scx-cs{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:4px}
.scx-cs b{font:700 56px/.8 var(--dh);color:var(--pri)}
.scx-cs small{font-size:12px;line-height:1.3;color:rgba(255,255,255,.82);max-width:150px}
.scx-cs small.scx-hz{color:rgba(255,255,255,.6)}

/* hasil */
.scx-rs{display:flex;flex-direction:column;gap:8px}
.scx-m{display:flex;flex-direction:column;gap:4px;padding:10px 14px 8px;background:var(--s1);clip-path:var(--chamf-s)}
.scx-m.scx-fin{box-shadow:inset 3px 0 0 var(--pri)}
.scx-m:hover{background:var(--s2)}
.scx-r{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7a7a82;margin-bottom:2px}
.scx-r em{font-style:normal;color:#9a9aa2}
.scx-m.scx-fin .scx-r span{color:var(--pri);font-weight:600}
.scx-mt{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;height:30px}
.scx-mt .scx-lg{width:22px;height:22px;opacity:.6}
.scx-mt b{font-size:14px;font-weight:500;color:#8a8a92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scx-mt em{font:700 24px/1 var(--dh);font-style:normal;color:#6e6e76;font-variant-numeric:tabular-nums}
.scx-mt.scx-w .scx-lg{opacity:1}
.scx-mt.scx-w b{color:#CFCFD4;font-weight:600}
.scx-mt.scx-w em{color:#CFCFD4}
.scx-mt em small{font:600 12px/1 "Inter XS",Inter,sans-serif;color:var(--pri)}

/* pemain */
.scx-ch{display:flex;gap:4px}
.scx-ch button{flex:1;height:30px;font-size:12px;font-weight:600;color:#9a9aa2;background:var(--s1);clip-path:var(--chamf-s)}
.scx-ch button:hover{color:#CFCFD4}
.scx-ch button[aria-pressed=true]{background:#fff;color:#000}
.scx-lb{display:flex;flex-direction:column}
.scx-lb ol{list-style:none;margin:0;padding:0}
.scx-l1,.scx-lb li{display:grid;grid-template-columns:16px auto minmax(0,1fr) auto;align-items:center;gap:10px}
.scx-l1{padding:16px 16px 14px 14px;clip-path:var(--chamf);background:linear-gradient(140deg,color-mix(in srgb,var(--c) 48%,#000),#111114 78%)}
.scx-l1 .scx-lg{width:44px;height:44px}
.scx-l1 .scx-nm b{font-size:16px}
.scx-l1 .scx-v{font-size:64px;line-height:.78}
.scx-lb li{padding:12px 14px;border-bottom:1px solid #1b1b20}
.scx-rk{font-size:12px;font-weight:600;color:#6e6e76;text-align:center}
.scx-l1 .scx-rk{color:#CFCFD4}
.scx-nm{display:flex;flex-direction:column;gap:2px;min-width:0}
.scx-nm b{font-size:14px;font-weight:600;color:#CFCFD4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scx-nm small{display:flex;align-items:center;gap:6px;font-size:12px;color:#8a8a92}
.scx-l1 .scx-nm small{color:rgba(255,255,255,.75)}
.scx-v{font:700 32px/.85 var(--dh);color:var(--pri);font-variant-numeric:tabular-nums}
.scx-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#6e6e76}
.scx-empty{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;background:var(--s1);clip-path:var(--chamf)}
.scx-empty b{display:flex;align-items:center;gap:6px;font:700 24px/1 var(--dh);text-transform:uppercase}
.scx-empty p{margin:0;font-size:14px;line-height:1.45;color:#9a9aa2}
.scx-empty .btn{margin-top:4px}

/* tim */
.scx-tb.scx-at td:first-child,.scx-tb.scx-at th:first-child{width:auto;font-size:14px;color:#c9c9cf}
.scx-tb.scx-at th:first-child{font-size:12px;color:#6e6e76}
.scx-tb.scx-at td.scx-ti b{font:700 24px/1 var(--dh);color:var(--pri)}
.scx-tb.scx-at td.scx-gold{color:var(--pri);font-weight:700}
.scx-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.scx-facts span{display:flex;flex-direction:column;gap:6px;padding:12px 10px;background:var(--s1);clip-path:var(--chamf-s);font-size:12px;line-height:1.3;color:#9a9aa2}
.scx-facts b{font:700 30px/.85 var(--dh);color:#CFCFD4}

@media (max-width:1180px){
  .scx-body{overflow:visible}
  .scx-hd{padding:16px 16px 0}.scx-tabs{padding:14px 18px 0}.scx-body{padding:14px 16px 18px}
}
/* v195 — rapikan: sorot juara di baris (bukan per sel), angka gelar pakai Inter (angka 1 Dharma terlalu tipis), chip stat rata tengah */
.scx-tb tr.scx-1 td{background:none}
.scx-tb tr.scx-1{background:linear-gradient(90deg,rgba(0,255,239,.1),rgba(0,255,239,0) 75%)}
.scx-tb.scx-at td.scx-ti{font-weight:700;color:#6e6e76}
.scx-tb.scx-at td.scx-ti b{font:700 16px/1 "Inter XS",Inter,sans-serif;color:var(--pri)}
.scx-ch button{display:grid;place-items:center;text-align:center}
/* v196 — Stats Centre tanpa tab: semua bagian terbuka berurutan, panel scroll */
.scx-body{gap:0;padding-top:12px}
.scx-body>.scx-k{margin-bottom:4px}
.scx-sec{display:flex;flex-direction:column;gap:10px;padding:18px 0 22px;border-bottom:1px solid #1d1d22}
.scx-sec:last-child{border-bottom:0;padding-bottom:4px}
.scx-h{display:flex;align-items:baseline;gap:8px;margin:0;font:700 24px/1 var(--dh);text-transform:uppercase;color:#CFCFD4}
.scx-h small{font:500 12px/1 "Inter XS",Inter,sans-serif;text-transform:none;color:#7a7a82}
.scx-hd{padding-bottom:4px}
.scx-tb.scx-at td.scx-ti{font:600 14px/1 "Inter XS",Inter,sans-serif;color:#6e6e76}

/* v198 Stats Centre: semua list satu ritme. Baris 40px, kolom rank 22px, logo 22px, gap 10px, garis pemisah tipis, tanpa kartu */
.scx-sec{gap:8px;padding:14px 0 16px}
.scx-h{font-size:22px}
.scx-lg{width:22px;height:22px}
.scx-tb th{padding:0 2px 6px}
.scx-tb td{height:40px;font-size:14px}
.scx-tb .scx-cl{padding-left:4px}
.scx-tb .scx-cl a{gap:10px}
.scx-tb .scx-cl b{font-size:14px;line-height:1.15}
.scx-tb .scx-cl small{font-size:10px;line-height:1.2}
.scx-tb.scx-at td:first-child{padding-left:0}
/* juara: lebih pendek */
.scx-champ{min-height:0;padding:12px 14px;gap:10px}
.scx-champ .scx-lg.scx-bg{width:120px;height:120px;right:-20px;top:-18px}
.scx-cw b{font-size:28px}
.scx-cs b{font-size:44px}
/* hasil: baris bergaris, label babak di kolom kiri */
.scx-rs{gap:0}
.scx-m{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:0;padding:8px 0;background:none;clip-path:none;border-bottom:1px solid #1b1b20}
.scx-m:hover{background:rgba(255,255,255,.03)}
.scx-m.scx-fin{box-shadow:none}
.scx-r{grid-row:1/3;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;margin:0;padding-left:4px;font-size:12px}
.scx-m.scx-fin .scx-r{box-shadow:inset 2px 0 0 var(--pri);padding-left:8px}
.scx-mt{grid-template-columns:22px minmax(0,1fr) auto;height:24px}
.scx-mt .scx-lg{width:18px;height:18px}
.scx-mt b{font-size:14px}
.scx-mt em{font-size:20px}
/* pemimpin: #1 lebih ringkas, baris lain sejajar tabel */
.scx-ch button{height:28px;font-size:12px}
.scx-l1,.scx-lb li{grid-template-columns:22px 22px minmax(0,1fr) auto;gap:10px}
.scx-l1{padding:10px 12px 10px 0;margin-top:2px}
.scx-l1 .scx-lg{width:22px;height:22px}
.scx-l1 .scx-nm b{font-size:16px}
.scx-l1 .scx-v{font-size:40px}
.scx-lb li{height:40px;padding:0 12px 0 0}
.scx-nm{gap:1px}
.scx-nm b{font-size:14px}
.scx-nm small{font-size:10px}
.scx-v{font-size:24px}
/* fakta: lebih pendek */
.scx-facts span{gap:4px;padding:10px 10px;font-size:10px}
.scx-facts b{font-size:24px}
.scx-cs small{max-width:180px}

/* v200 semua baris list = 40px (klasemen, hasil, pemimpin, all-time) */
.scx-m{display:grid;grid-template-columns:62px minmax(0,1fr) 56px minmax(0,1fr);grid-template-rows:none;align-items:center;column-gap:8px;height:40px;padding:0;border-bottom:1px solid #1b1b20}
.scx-r{grid-row:auto;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding-left:4px;font-size:12px;line-height:1.1;color:#7a7a82}
.scx-r em{font-size:10px}
.scx-m.scx-fin .scx-r{padding-left:8px;box-shadow:inset 2px 0 0 var(--pri);color:var(--pri);font-weight:600}
.scx-tn{display:flex;align-items:center;gap:6px;min-width:0}
.scx-tn.scx-ra{justify-content:flex-end;text-align:right}
.scx-tn .scx-lg{width:18px;height:18px;opacity:.55}
.scx-tn b{font-size:12px;font-weight:500;color:#8a8a92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scx-tn.scx-w .scx-lg{opacity:1}
.scx-tn.scx-w b{color:#CFCFD4;font-weight:600}
.scx-sc{display:flex;align-items:center;justify-content:center;gap:4px;font:700 20px/1 var(--dh);color:#6e6e76;font-variant-numeric:tabular-nums}
.scx-sc s{text-decoration:none;color:#3e3e46}
.scx-sc i{font-style:normal}
.scx-sc i.scx-w{color:#CFCFD4}
.scx-sc .pt-tba{font-family:"Inter XS",Inter,sans-serif}
.scx-l1{height:40px;padding:0 12px 0 0;margin-top:0}
.scx-l1 .scx-nm b{font-size:14px}
.scx-l1 .scx-v{font-size:28px;line-height:1}
.scx-l1 .scx-nm small{font-size:10px}
.scx-tb td{height:40px}

/* v201 tinggi baris list seragam 48px */
.scx-tb td,.scx-m,.scx-l1,.scx-lb li{height:48px}
.scx-sec:first-child{padding-top:6px}
.scx-ft{justify-content:flex-end}

/* v202 tiap section dibungkus card */
.scx-body{gap:8px;padding-top:12px}
.scx-sec,.scx-sec:first-child,.scx-sec:last-child{gap:10px;padding:14px 14px 12px;background:#232328;border:0;clip-path:var(--chamf)}
.scx-tb th{border-bottom-color:#2e2e34}
.scx-tb td,.scx-m,.scx-lb li{border-bottom-color:#2c2c32}
.scx-tb tbody tr:last-child td,.scx-m:last-child,.scx-lb li:last-child{border-bottom:0}
.scx-tb tr.scx-cut td{border-bottom-color:var(--pri)}
.scx-ch button{background:#161619}
.scx-m:hover{background:rgba(255,255,255,.04)}
.scx-sec,.scx-sec:first-child,.scx-sec:last-child{padding:14px 12px 10px}
.scx-m{grid-template-columns:54px minmax(0,1fr) 44px minmax(0,1fr);column-gap:6px}
.scx-tn{gap:6px}
.scx-tn b{font-size:12px}
.scx-sc{font-size:18px}
.scx-r{padding-left:2px;font-size:10px}
.scx-m.scx-fin .scx-r{padding-left:6px}

/* v204 separator antar baris lebih jelas */
.scx-tb td,.scx-m,.scx-lb li{border-bottom:1px solid #3a3a42}
.scx-tb th{border-bottom-color:#3a3a42}
.scx-tb tbody tr:last-child td,.scx-m:last-child,.scx-lb li:last-child{border-bottom:0}
.scx-l1{border-bottom:0}
.scx-tb tr.scx-cut td{border-bottom-color:var(--pri)}

/* v205 kerapian: satu gaya sorotan, kolom logo/nama/angka sejajar di semua card */
/* sorotan tunggal (juara, top scorer, final): garis cyan kiri + gradasi tipis */
.scx-tb tr.scx-1,.scx-m.scx-fin,.scx-lb .scx-l1{background:linear-gradient(90deg,rgba(0,255,239,.1),rgba(0,255,239,0) 75%)}
.scx-tb tr.scx-1 td:first-child,.scx-m.scx-fin,.scx-lb .scx-l1{box-shadow:inset 3px 0 0 var(--pri)}
/* klasemen & pemimpin: rank 22 | logo mulai x=32 | nama mulai x=64 */
.scx-tb .scx-cl{padding-left:10px}
.scx-l1,.scx-lb li{grid-template-columns:22px 22px minmax(0,1fr) auto;gap:10px;padding:0 10px 0 0;clip-path:none}
.scx-l1 .scx-v{font-size:24px;line-height:.85}
.scx-l1 .scx-nm b{font-size:14px}
.scx-l1 .scx-nm small{color:#8a8a92}
.scx-l1 .scx-rk{color:#CFCFD4}
.scx-v{color:#CFCFD4}
.scx-l1 .scx-v{color:var(--pri)}
/* hasil */
.scx-m{display:grid;grid-template-columns:22px 62px minmax(0,1fr);grid-template-rows:none;align-items:center;column-gap:0;height:48px;padding:0 10px 0 0}
.scx-m::before{content:""}
.scx-r{grid-row:auto;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0;box-shadow:none;font-size:12px;line-height:1.1;color:#8a8a92}
.scx-m.scx-fin .scx-r{padding:0;box-shadow:none;color:var(--pri);font-weight:600}
.scx-r em{font-size:10px;color:#7a7a82;font-weight:400;display:flex;align-items:center;gap:4px}
.scx-r .pt-tba{transform:scale(.85);transform-origin:left center}
.scx-ts{display:flex;flex-direction:column;gap:4px;min-width:0}
.scx-mt{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;height:18px}
.scx-mt .scx-lg{width:16px;height:16px;opacity:.5}
.scx-mt b{font-size:12px;font-weight:500;color:#8a8a92}
.scx-mt em{font:700 16px/1 var(--dh);color:#6e6e76;font-variant-numeric:tabular-nums}
.scx-mt.scx-w .scx-lg{opacity:1}
.scx-mt.scx-w b,.scx-mt.scx-w em{color:#CFCFD4}
.scx-mt.scx-w b{font-weight:600}
/* all-time: logo sejajar kolom logo card lain */
.scx-tb.scx-at td.scx-cl,.scx-tb.scx-at th.scx-cl{padding-left:32px}

/* v206 nomor di semua list: kolom # 22px seragam */
.scx-tb.scx-at td:first-child,.scx-tb.scx-at th:first-child{width:22px;font-size:12px;color:#6e6e76}
.scx-tb.scx-at th:first-child{font-size:12px}
.scx-tb.scx-at td.scx-cl,.scx-tb.scx-at th.scx-cl{padding-left:10px}
.scx-m{grid-template-columns:22px 72px minmax(0,1fr)}
.scx-m.scx-fin .scx-rk{color:#CFCFD4}
.scx-m::before{content:none}

/* v208 Results = tabel seperti card lain: header, babak satu baris, skor satu kolom */
.scx-rh,.scx-m{display:grid;grid-template-columns:22px 70px minmax(0,1fr) 48px;align-items:center;column-gap:0}
.scx-rh{padding:0 10px 6px 0;border-bottom:1px solid #3a3a42;font-size:12px;font-weight:600;color:#6e6e76}
.scx-rh span:first-child{text-align:center}
.scx-rh span:last-child{text-align:right}
.scx-m{padding:0 10px 0 0}
.scx-r{display:block;font-size:12px;color:#8a8a92;font-weight:400}
.scx-m.scx-fin .scx-r{color:var(--pri);font-weight:600}
.scx-ts{gap:4px}
.scx-mt{grid-template-columns:16px minmax(0,1fr);gap:8px}
.scx-sc{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;font:700 16px/1 var(--dh);color:#6e6e76;font-variant-numeric:tabular-nums}
.scx-sc i{display:flex;align-items:baseline;gap:4px;height:18px;align-items:center;font-style:normal}
.scx-sc i.scx-w{color:#CFCFD4}
.scx-sc small{font:500 10px/1 "Inter XS",Inter,sans-serif;color:inherit;opacity:.8}

/* v209 Results: pasangan logo bertumpuk dalam lingkaran (seperti match list app bola) */
.scx-rh,.scx-m{grid-template-columns:22px 66px 44px minmax(0,1fr) 48px}
.scx-m{height:56px}
.scx-pair{position:relative;width:38px;height:38px}
.scx-pair>span{position:absolute;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#161619;box-shadow:0 0 0 2px #232328}
.scx-pair>span:first-child{left:0;top:0}
.scx-pair>span:last-child{right:0;bottom:0}
.scx-pair .scx-lg{width:17px;height:17px;opacity:1}
.scx-m.scx-fin .scx-pair>span{box-shadow:0 0 0 2px #1f2d31}
.scx-mt{display:block;height:18px;line-height:18px}
.scx-mt b{display:block;font-size:12px}
.scx-m{height:48px}
.scx-pair{width:40px;height:40px}
.scx-pair>span{width:28px;height:28px}
.scx-pair .scx-lg{width:20px;height:20px}

/* v211 header kolom semua tabel 24px, baris 48px dikunci (box-sizing) */
.scx-tb th{height:24px;padding-top:0;padding-bottom:0;vertical-align:top;line-height:16px}
.scx-rh{height:24px;padding-bottom:0;align-items:start;line-height:16px}
.scx-tb td,.scx-m,.scx-l1,.scx-lb li{box-sizing:border-box;height:48px;min-height:48px;max-height:48px}

/* v212 Head-to-head: dua pilihan tim + baris pembanding dengan bar terbagi warna tim */
.scx-hs{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:6px}
.scx-hp{position:relative;display:flex;align-items:center;gap:8px;height:40px;padding:0 30px 0 10px;background:#161619;clip-path:var(--chamf-s);box-shadow:inset 0 -2px 0 var(--c)}
.scx-hp:last-child{flex-direction:row-reverse;padding:0 10px 0 30px}
.scx-hp::after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;margin-top:-6px;border:solid #9a9aa2;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);pointer-events:none}
.scx-hp:last-child::after{right:auto;left:12px}
.scx-hp select{appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:100%;border:0;background:none;color:#CFCFD4;font:600 14px/1 "Inter XS",Inter,sans-serif;cursor:pointer;text-overflow:ellipsis}
.scx-hp:last-child select{text-align:right;text-align-last:right}
.scx-hp select:focus-visible{outline:none}
.scx-hp:focus-within{box-shadow:inset 0 -2px 0 var(--c),0 0 0 2px #fff}
.scx-hp option{background:#161619;color:#CFCFD4}
.scx-sw{height:32px;font-size:16px;color:#9a9aa2}
.scx-sw:hover{color:#CFCFD4}
.scx-sw:focus-visible{outline:2px solid #fff;outline-offset:2px}
.scx-hb{display:flex;flex-direction:column}
.scx-hr{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto 4px;align-content:center;row-gap:8px;column-gap:8px;height:48px;border-bottom:1px solid #3a3a42}
.scx-hr:last-child{border-bottom:0}
.scx-hv{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums;white-space:nowrap}
.scx-hv b{font-size:14px;font-weight:600;color:#9a9aa2}
.scx-hv small{font-size:12px;color:#6e6e76}
.scx-hv.scx-w b{color:#CFCFD4;font-weight:700}
.scx-hvr{justify-content:flex-end}
.scx-hl{display:flex;align-items:baseline;gap:6px;font-size:12px;font-weight:600;color:#CFCFD4;text-align:center;white-space:nowrap}
.scx-hl small{font-size:10px;font-weight:500;color:#6e6e76}
.scx-bar{grid-column:1/-1;display:flex;gap:4px;height:4px}
.scx-bar i{min-width:0;border-radius:2px}
.scx-hs{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:4px}
.scx-hp{gap:6px;padding:0 22px 0 8px}
.scx-hp:last-child{padding:0 8px 0 22px}
.scx-hp::after{right:9px;width:6px;height:6px;margin-top:-4px}
.scx-hp:last-child::after{left:9px}
.scx-hp .scx-lg{width:20px;height:20px}
.scx-hp select{font-size:12px}

/* v214 empty state Player leaders (XS-2) */
.scx-empty{gap:6px;padding:14px;background:#161619;clip-path:var(--chamf-s)}
.scx-empty b{gap:8px;font-size:20px}
.scx-empty p{font-size:12px;line-height:1.4}
.scx-empty .scx-more{margin-top:2px;background:none;padding:0;cursor:pointer}

/* v215 semua list Stats Centre = gaya list Records (.ld-ls): baris 44px zebra tanpa garis,
   nomor 01 abu, logo 22, nama 14/500 #D6D6D6, angka 14/600 putih, list selebar card */
.scx-sec,.scx-sec:first-child,.scx-sec:last-child{background:#212125;padding:14px 12px 12px}
.scx-tb,.scx-rs,.scx-lb,.scx-hb{margin:0 -12px;width:calc(100% + 24px)}
/* hapus garis & sorotan lama */
.scx-tb td,.scx-tb th,.scx-m,.scx-lb li,.scx-l1,.scx-hr,.scx-rh,.scx-tb tr.scx-cut td{border:0}
.scx-tb tr.scx-1,.scx-m.scx-fin,.scx-lb .scx-l1,.scx-tb tr.scx-1 td{background:none}
.scx-tb tr.scx-1 td:first-child,.scx-m.scx-fin,.scx-lb .scx-l1{box-shadow:none}
/* zebra */
.scx-tb tbody tr:nth-child(odd) td,.scx-m:nth-of-type(odd),.scx-lb .scx-l1,.scx-lb li:nth-child(even),.scx-hr:nth-child(odd){background:#2a2a2f}
/* tinggi & isi baris */
.scx-tb td,.scx-m,.scx-l1,.scx-lb li,.scx-hr{height:44px;min-height:44px;max-height:44px}
.scx-tb td{font-size:14px;font-weight:500;color:#D6D6D6;padding:0 6px}
.scx-tb td:first-child,.scx-tb th:first-child{width:22px;padding-left:12px;font-size:14px;font-weight:500;color:#6A6A73;text-align:left}
.scx-tb td:last-child,.scx-tb th:last-child{padding-right:12px}
.scx-tb .scx-cl{padding-left:12px}
.scx-tb .scx-cl a{gap:12px}
.scx-tb .scx-cl b{font-size:14px;font-weight:500;color:#D6D6D6}
.scx-tb tr.scx-1 td,.scx-tb tr.scx-1 .scx-cl b{color:#CFCFD4}
.scx-tb tr.scx-1 td:first-child{color:#6A6A73}
.scx-tb td.scx-gd{font-weight:600;color:#CFCFD4}
.scx-tb th{height:28px;padding:0 6px;font-size:12px;font-weight:500;color:#6A6A73;vertical-align:middle}
.scx-lg{width:22px;height:22px}
/* hasil */
.scx-rh,.scx-m{grid-template-columns:22px 70px 36px minmax(0,1fr) 44px;column-gap:12px;padding:0 12px}
.scx-rh{height:28px;align-items:center;font-size:12px;font-weight:500;color:#6A6A73}
.scx-rh span:first-child{text-align:left}
.scx-m .scx-rk{text-align:left}
.scx-r,.scx-m.scx-fin .scx-r{font-size:14px;font-weight:500;color:#D6D6D6}
.scx-m.scx-fin .scx-r{color:#CFCFD4}
.scx-pair{width:36px;height:36px}
.scx-pair>span{width:24px;height:24px;box-shadow:0 0 0 2px #212125}
.scx-m:nth-of-type(odd) .scx-pair>span{box-shadow:0 0 0 2px #2a2a2f}
.scx-pair .scx-lg{width:17px;height:17px}
.scx-ts{gap:2px}
.scx-mt{height:18px;line-height:18px}
.scx-mt b{font-size:14px;font-weight:500;color:#8a8a92}
.scx-mt.scx-w b{color:#CFCFD4;font-weight:500}
.scx-sc{gap:2px;font:600 14px/1 "Inter XS",Inter,sans-serif;color:#8a8a92}
.scx-sc i{height:18px}
.scx-sc i.scx-w{color:#CFCFD4}
/* rank */
.scx-rk,.scx-l1 .scx-rk{font-size:14px;font-weight:500;color:#6A6A73;text-align:left}
/* pemimpin */
.scx-l1,.scx-lb li{grid-template-columns:22px 22px minmax(0,1fr) auto;gap:12px;padding:0 12px}
.scx-l1 .scx-lg{width:22px;height:22px}
.scx-nm b,.scx-l1 .scx-nm b{font-size:14px;font-weight:500;color:#D6D6D6}
.scx-l1 .scx-nm b{color:#CFCFD4}
.scx-nm small,.scx-l1 .scx-nm small{font-size:12px;color:#7a7a82}
.scx-v,.scx-l1 .scx-v{font:600 14px/1 "Inter XS",Inter,sans-serif;color:#CFCFD4}
/* head-to-head */
.scx-hr{padding:0 12px;row-gap:6px}
.scx-hv b{font-size:14px}
.scx-hl{font-size:14px;font-weight:500;color:#D6D6D6}
/* all-time sudah diganti h2h; card juara & empty state tetap */

/* v216: kolom & baris sama di semua edisi. Data belum ada = TBA di sel, placeholder logo abu */
.scx-tb .pt-tba,.scx-sc .pt-tba,.scx-nm .pt-tba{margin-left:0;vertical-align:1px}
.scx-lb .scx-lx{width:22px;height:22px;border-radius:50%;background:#3a3a42;flex:none}
.scx-lb li .scx-v,.scx-lb .scx-l1 .scx-v{min-width:2ch;text-align:right}

/* v217: Results lebih lega. Kolom # dibuang (babak sudah jadi penanda urutan, abu seperti nomor),
   logo pasangan lebih kecil, skor belum ada = satu TBA di tengah */
.scx-rh,.scx-m{grid-template-columns:76px 32px minmax(0,1fr) auto;column-gap:12px}
.scx-r,.scx-m.scx-fin .scx-r{color:#8a8a92}
.scx-pair{width:32px;height:32px}
.scx-pair>span{width:22px;height:22px}
.scx-pair .scx-lg{width:15px;height:15px}
.scx-sc{min-width:32px;align-items:flex-end}

/* v218: Results satu baris per laga (44px seperti list lain). babak | tim A + logo · skor · logo + tim B */
.scx-1l .scx-rh,.scx-1l .scx-m{display:grid;grid-template-columns:36px minmax(0,1fr) auto minmax(0,1fr);column-gap:8px;align-items:center;padding:0 12px}
.scx-1l .scx-rh span:last-child{grid-column:2/5;text-align:center}
.scx-1l .scx-r{font-size:14px;font-weight:500;color:#6A6A73;white-space:nowrap}
.scx-1l .scx-tm{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.scx-1l .scx-tm.scx-tr{justify-content:flex-start}
.scx-1l .scx-tm b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;color:#8a8a92}
.scx-1l .scx-tm.scx-w b{color:#CFCFD4}
.scx-1l .scx-tm .scx-lg{width:18px;height:18px;flex:none;opacity:1}
.scx-1l .scx-sc{display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:4px;min-width:44px;font:600 14px/1 "Inter XS",Inter,sans-serif;color:#8a8a92}
.scx-1l .scx-sc i{height:auto;font-style:normal}
.scx-1l .scx-sc i.scx-w{color:#CFCFD4}
.scx-1l .scx-sc span{color:#6A6A73}
.scx-1l .scx-sc small{font-size:10px;font-weight:500;color:#8a8a92}

/* v219: semua list/tabel sedikit lebih tinggi: 44 → 48px (Records ikut, biar tetap seragam) */
.scx-tb td,.scx-m,.scx-l1,.scx-lb li,.scx-hr,.scx-1l .scx-m{height:48px;min-height:48px;max-height:48px}
.ld:not(.pt-info) .ld-ls li{height:48px}
@media (max-width:640px){ .ld:not(.pt-info) .ld-ls li{height:44px} }
/* Results satu baris: kolom lebih rapat; kalau panel sempit, logo disembunyikan supaya nama tim tidak terpotong */
.scx-1l{container-type:inline-size}
.scx-1l .scx-rh,.scx-1l .scx-m{grid-template-columns:32px minmax(0,1fr) auto minmax(0,1fr);column-gap:6px}
.scx-1l .scx-tm{gap:6px}
.scx-1l .scx-sc{gap:2px}
.scx-1l .scx-sc small{font-size:10px}
@container (max-width:349px){ .scx-1l .scx-tm .scx-lg{display:none} }

/* v224: panel Stats Centre tidak menempel ke tepi kanan & bawah layar */
@media (min-width:1181px){
  .stage{margin-right:12px;height:calc(100vh - var(--eco) - var(--tb) - 12px)}
}

/* v225: panel tengah juga berhenti 12px dari bawah; isinya scroll di dalam panel (seperti Stats Centre) */
@media (min-width:1181px){
  .app{min-height:0}
  .info{position:sticky;top:calc(var(--eco) + var(--tb));align-self:start;height:calc(100vh - var(--eco) - var(--tb) - 12px);overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scroll-padding-top:12px;scrollbar-width:thin;scrollbar-color:#2a2a30 transparent;background-attachment:local}
}
@media (min-width:1181px) and (prefers-reduced-motion:reduce){ .info{scroll-behavior:auto} }
/* v227: masker sudut kiri atas sekarang menempel ke panel yang scroll, bukan ke layar */
@media (min-width:1181px){ .info::before{top:0} }

/* v228: scrollbar tipis & polos di semua area scroll (4px, tanpa track, thumb abu transparan) */
.info,.scx-body,html{scrollbar-width:auto;scrollbar-color:auto}
::-webkit-scrollbar{width:4px;height:4px;background:transparent}
::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.28)}
::-webkit-scrollbar-button{display:none;width:0;height:0}

/* v229: scrollbar di dalam panel (thumb 4px dengan jarak dari tepi), tanpa scroll horizontal, muncul hanya saat scroll */
@media (min-width:1181px){ .info{overflow-x:hidden} }
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background-color:transparent;border:3px solid transparent;background-clip:padding-box;border-radius:6px}
.sb-on::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active{background-color:rgba(255,255,255,.2)}
/* v230: background panel ikut menutupi jalur scrollbar (attachment:local membuat jalur itu bolong/hitam) */
@media (min-width:1181px){ .info{background-attachment:scroll} }

/* v231: scrollbar bawaan panel disembunyikan (tidak makan jalur 10px); diganti thumb mengambang .osb dari JS */
@media (min-width:1181px){
  .info,.scx-body{scrollbar-width:none}
  .info::-webkit-scrollbar,.scx-body::-webkit-scrollbar{display:none;width:0;height:0}
}
.osb{position:fixed;z-index:60;width:4px;border-radius:4px;background:rgba(255,255,255,.22);opacity:0;pointer-events:none;transition:opacity .25s ease,width .12s ease,background-color .12s ease;touch-action:none}
.osb.on{opacity:1;pointer-events:auto}
.osb:hover,.osb.drag{width:6px;background:rgba(255,255,255,.4);opacity:1;pointer-events:auto}
@media (prefers-reduced-motion:reduce){ .osb{transition:none} }
/* v232: thumb lebih ramping & lebih samar */
.osb{width:2px;background:rgba(255,255,255,.12)}
.osb:hover,.osb.drag{width:4px;background:rgba(255,255,255,.24)}
/* v233: panel Stats Centre sedikit lebih lebar */
@media (min-width:1181px){ :root{--stage:clamp(332px,24.5vw,402px)} }

/* v236: tab aktif tidak solid lagi: tint cyan transparan + teks cyan + garis tipis */
.scx-ed button[aria-pressed=true],.scx-ch button[aria-pressed=true]{background:rgba(0,255,239,.12);color:var(--pri);box-shadow:inset 0 0 0 1px rgba(0,255,239,.35)}
.scx-tabs button[aria-selected=true]{color:var(--pri)}
.scx-tabs button[aria-selected=true]::before{background:rgba(0,255,239,.12);box-shadow:inset 0 0 0 1px rgba(0,255,239,.35)}

/* v237: border tab aktif ikut sudut potong (lapisan luar = warna border, lapisan dalam inset 1px dengan chamfer yang sama) */
.scx-ed button[aria-pressed=true],.scx-ch button[aria-pressed=true]{position:relative;isolation:isolate;box-shadow:none;background:rgba(0,255,239,.42)}
.scx-ed button[aria-pressed=true]::after,.scx-ch button[aria-pressed=true]::after{content:"";position:absolute;inset:1px;z-index:-1;clip-path:var(--chamf-s);pointer-events:none}
.scx-ch button[aria-pressed=true]::after{background:color-mix(in srgb,#00FFEF 11%,#161619)}
.scx-ed button[aria-pressed=true]::after{background:color-mix(in srgb,#00FFEF 11%,var(--s1))}

/* v240: garis tipis 1px di semua kartu & panel; bingkai = cincin evenodd yang ikut sudut chamfer (tanpa bolong) */
:root{--ln:rgba(255,255,255,.08)}
@supports (clip-path:shape(from 0 0,line to 1px 1px,close)){
  :root{--ring:shape(evenodd from calc(0px + var(--cc) + var(--cr)) 0px,line to calc(100% - 0px - var(--cr)) 0px,curve to calc(100% - 0px) calc(0px + var(--cr)) with calc(100% - 0px) 0px,line to calc(100% - 0px) calc(100% - 0px - var(--cc) - var(--ck)),curve to calc(100% - 0px - var(--ck)) calc(100% - 0px - var(--cc) + var(--ck)) with calc(100% - 0px) calc(100% - 0px - var(--cc)),line to calc(100% - 0px - var(--cc) + var(--ck)) calc(100% - 0px - var(--ck)),curve to calc(100% - 0px - var(--cc) - var(--cr)) calc(100% - 0px) with calc(100% - 0px - var(--cc)) calc(100% - 0px),line to calc(0px + var(--cr)) calc(100% - 0px),curve to 0px calc(100% - 0px - var(--cr)) with 0px calc(100% - 0px),line to 0px calc(0px + var(--cc) + var(--ck)),curve to calc(0px + var(--ck)) calc(0px + var(--cc) - var(--ck)) with 0px calc(0px + var(--cc)),line to calc(0px + var(--cc) - var(--ck)) calc(0px + var(--ck)),curve to calc(0px + var(--cc) + var(--cr)) 0px with calc(0px + var(--cc)) 0px,close,move to calc(1px + calc(var(--cc) - .59px) + calc(var(--cr) - .41px)) 1px,line to calc(100% - 1px - calc(var(--cr) - 1px)) 1px,curve to calc(100% - 1px) calc(1px + calc(var(--cr) - 1px)) with calc(100% - 1px) 1px,line to calc(100% - 1px) calc(100% - 1px - calc(var(--cc) - .59px) - calc(var(--ck) - .29px)),curve to calc(100% - 1px - calc(var(--ck) - .29px)) calc(100% - 1px - calc(var(--cc) - .59px) + calc(var(--ck) - .29px)) with calc(100% - 1px) calc(100% - 1px - calc(var(--cc) - .59px)),line to calc(100% - 1px - calc(var(--cc) - .59px) + calc(var(--ck) - .29px)) calc(100% - 1px - calc(var(--ck) - .29px)),curve to calc(100% - 1px - calc(var(--cc) - .59px) - calc(var(--cr) - .41px)) calc(100% - 1px) with calc(100% - 1px - calc(var(--cc) - .59px)) calc(100% - 1px),line to calc(1px + calc(var(--cr) - 1px)) calc(100% - 1px),curve to 1px calc(100% - 1px - calc(var(--cr) - 1px)) with 1px calc(100% - 1px),line to 1px calc(1px + calc(var(--cc) - .59px) + calc(var(--ck) - .29px)),curve to calc(1px + calc(var(--ck) - .29px)) calc(1px + calc(var(--cc) - .59px) - calc(var(--ck) - .29px)) with 1px calc(1px + calc(var(--cc) - .59px)),line to calc(1px + calc(var(--cc) - .59px) - calc(var(--ck) - .29px)) calc(1px + calc(var(--ck) - .29px)),curve to calc(1px + calc(var(--cc) - .59px) + calc(var(--cr) - .41px)) 1px with calc(1px + calc(var(--cc) - .59px)) 1px,close);--ring-l:shape(evenodd from calc(0px + var(--cc-l) + var(--cr)) 0px,line to calc(100% - 0px - var(--cr)) 0px,curve to calc(100% - 0px) calc(0px + var(--cr)) with calc(100% - 0px) 0px,line to calc(100% - 0px) calc(100% - 0px - var(--cc-l) - var(--ck)),curve to calc(100% - 0px - var(--ck)) calc(100% - 0px - var(--cc-l) + var(--ck)) with calc(100% - 0px) calc(100% - 0px - var(--cc-l)),line to calc(100% - 0px - var(--cc-l) + var(--ck)) calc(100% - 0px - var(--ck)),curve to calc(100% - 0px - var(--cc-l) - var(--cr)) calc(100% - 0px) with calc(100% - 0px - var(--cc-l)) calc(100% - 0px),line to calc(0px + var(--cr)) calc(100% - 0px),curve to 0px calc(100% - 0px - var(--cr)) with 0px calc(100% - 0px),line to 0px calc(0px + var(--cc-l) + var(--ck)),curve to calc(0px + var(--ck)) calc(0px + var(--cc-l) - var(--ck)) with 0px calc(0px + var(--cc-l)),line to calc(0px + var(--cc-l) - var(--ck)) calc(0px + var(--ck)),curve to calc(0px + var(--cc-l) + var(--cr)) 0px with calc(0px + var(--cc-l)) 0px,close,move to calc(1px + calc(var(--cc-l) - .59px) + calc(var(--cr) - .41px)) 1px,line to calc(100% - 1px - calc(var(--cr) - 1px)) 1px,curve to calc(100% - 1px) calc(1px + calc(var(--cr) - 1px)) with calc(100% - 1px) 1px,line to calc(100% - 1px) calc(100% - 1px - calc(var(--cc-l) - .59px) - calc(var(--ck) - .29px)),curve to calc(100% - 1px - calc(var(--ck) - .29px)) calc(100% - 1px - calc(var(--cc-l) - .59px) + calc(var(--ck) - .29px)) with calc(100% - 1px) calc(100% - 1px - calc(var(--cc-l) - .59px)),line to calc(100% - 1px - calc(var(--cc-l) - .59px) + calc(var(--ck) - .29px)) calc(100% - 1px - calc(var(--ck) - .29px)),curve to calc(100% - 1px - calc(var(--cc-l) - .59px) - calc(var(--cr) - .41px)) calc(100% - 1px) with calc(100% - 1px - calc(var(--cc-l) - .59px)) calc(100% - 1px),line to calc(1px + calc(var(--cr) - 1px)) calc(100% - 1px),curve to 1px calc(100% - 1px - calc(var(--cr) - 1px)) with 1px calc(100% - 1px),line to 1px calc(1px + calc(var(--cc-l) - .59px) + calc(var(--ck) - .29px)),curve to calc(1px + calc(var(--ck) - .29px)) calc(1px + calc(var(--cc-l) - .59px) - calc(var(--ck) - .29px)) with 1px calc(1px + calc(var(--cc-l) - .59px)),line to calc(1px + calc(var(--cc-l) - .59px) - calc(var(--ck) - .29px)) calc(1px + calc(var(--ck) - .29px)),curve to calc(1px + calc(var(--cc-l) - .59px) + calc(var(--cr) - .41px)) 1px with calc(1px + calc(var(--cc-l) - .59px)) 1px,close)}
  .scx-sec,.qk-i,.nw-i,.tbl,.rv,.hf-g{position:relative}
  .scx-sec::after,.scx-champ::after,.qk-i::after,.nw-i::after,.hf-g::after,.qc::after,
  .stage::after,.ev::after,.nw-lead::after,.tbl::after,.rv::after,.ld::before,.info-ring{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:var(--ln);clip-path:var(--ring)}
  .stage::after,.ev::after,.nw-lead::after,.tbl::after,.rv::after,.ld::before,.info-ring{clip-path:var(--ring-l)}
  .info-ring{position:fixed;inset:auto;z-index:21;display:none}
  @media (min-width:1181px){ .info-ring{display:block} }
}

/* v241: garis kartu/panel jadi hairline 0.5px; panel tidak memantul (rubber-band) saat scroll mentok */
@supports (clip-path:shape(from 0 0,line to 1px 1px,close)){ :root{--ring:shape(evenodd from calc(0px + var(--cc) + var(--cr)) 0px,line to calc(100% - 0px - var(--cr)) 0px,curve to calc(100% - 0px) calc(0px + var(--cr)) with calc(100% - 0px) 0px,line to calc(100% - 0px) calc(100% - 0px - var(--cc) - var(--ck)),curve to calc(100% - 0px - var(--ck)) calc(100% - 0px - var(--cc) + var(--ck)) with calc(100% - 0px) calc(100% - 0px - var(--cc)),line to calc(100% - 0px - var(--cc) + var(--ck)) calc(100% - 0px - var(--ck)),curve to calc(100% - 0px - var(--cc) - var(--cr)) calc(100% - 0px) with calc(100% - 0px - var(--cc)) calc(100% - 0px),line to calc(0px + var(--cr)) calc(100% - 0px),curve to 0px calc(100% - 0px - var(--cr)) with 0px calc(100% - 0px),line to 0px calc(0px + var(--cc) + var(--ck)),curve to calc(0px + var(--ck)) calc(0px + var(--cc) - var(--ck)) with 0px calc(0px + var(--cc)),line to calc(0px + var(--cc) - var(--ck)) calc(0px + var(--ck)),curve to calc(0px + var(--cc) + var(--cr)) 0px with calc(0px + var(--cc)) 0px,close,move to calc(.5px + calc(var(--cc) - .29px) + calc(var(--cr) - .21px)) .5px,line to calc(100% - .5px - calc(var(--cr) - .5px)) .5px,curve to calc(100% - .5px) calc(.5px + calc(var(--cr) - .5px)) with calc(100% - .5px) .5px,line to calc(100% - .5px) calc(100% - .5px - calc(var(--cc) - .29px) - calc(var(--ck) - .15px)),curve to calc(100% - .5px - calc(var(--ck) - .15px)) calc(100% - .5px - calc(var(--cc) - .29px) + calc(var(--ck) - .15px)) with calc(100% - .5px) calc(100% - .5px - calc(var(--cc) - .29px)),line to calc(100% - .5px - calc(var(--cc) - .29px) + calc(var(--ck) - .15px)) calc(100% - .5px - calc(var(--ck) - .15px)),curve to calc(100% - .5px - calc(var(--cc) - .29px) - calc(var(--cr) - .21px)) calc(100% - .5px) with calc(100% - .5px - calc(var(--cc) - .29px)) calc(100% - .5px),line to calc(.5px + calc(var(--cr) - .5px)) calc(100% - .5px),curve to .5px calc(100% - .5px - calc(var(--cr) - .5px)) with .5px calc(100% - .5px),line to .5px calc(.5px + calc(var(--cc) - .29px) + calc(var(--ck) - .15px)),curve to calc(.5px + calc(var(--ck) - .15px)) calc(.5px + calc(var(--cc) - .29px) - calc(var(--ck) - .15px)) with .5px calc(.5px + calc(var(--cc) - .29px)),line to calc(.5px + calc(var(--cc) - .29px) - calc(var(--ck) - .15px)) calc(.5px + calc(var(--ck) - .15px)),curve to calc(.5px + calc(var(--cc) - .29px) + calc(var(--cr) - .21px)) .5px with calc(.5px + calc(var(--cc) - .29px)) .5px,close);--ring-l:shape(evenodd from calc(0px + var(--cc-l) + var(--cr)) 0px,line to calc(100% - 0px - var(--cr)) 0px,curve to calc(100% - 0px) calc(0px + var(--cr)) with calc(100% - 0px) 0px,line to calc(100% - 0px) calc(100% - 0px - var(--cc-l) - var(--ck)),curve to calc(100% - 0px - var(--ck)) calc(100% - 0px - var(--cc-l) + var(--ck)) with calc(100% - 0px) calc(100% - 0px - var(--cc-l)),line to calc(100% - 0px - var(--cc-l) + var(--ck)) calc(100% - 0px - var(--ck)),curve to calc(100% - 0px - var(--cc-l) - var(--cr)) calc(100% - 0px) with calc(100% - 0px - var(--cc-l)) calc(100% - 0px),line to calc(0px + var(--cr)) calc(100% - 0px),curve to 0px calc(100% - 0px - var(--cr)) with 0px calc(100% - 0px),line to 0px calc(0px + var(--cc-l) + var(--ck)),curve to calc(0px + var(--ck)) calc(0px + var(--cc-l) - var(--ck)) with 0px calc(0px + var(--cc-l)),line to calc(0px + var(--cc-l) - var(--ck)) calc(0px + var(--ck)),curve to calc(0px + var(--cc-l) + var(--cr)) 0px with calc(0px + var(--cc-l)) 0px,close,move to calc(.5px + calc(var(--cc-l) - .29px) + calc(var(--cr) - .21px)) .5px,line to calc(100% - .5px - calc(var(--cr) - .5px)) .5px,curve to calc(100% - .5px) calc(.5px + calc(var(--cr) - .5px)) with calc(100% - .5px) .5px,line to calc(100% - .5px) calc(100% - .5px - calc(var(--cc-l) - .29px) - calc(var(--ck) - .15px)),curve to calc(100% - .5px - calc(var(--ck) - .15px)) calc(100% - .5px - calc(var(--cc-l) - .29px) + calc(var(--ck) - .15px)) with calc(100% - .5px) calc(100% - .5px - calc(var(--cc-l) - .29px)),line to calc(100% - .5px - calc(var(--cc-l) - .29px) + calc(var(--ck) - .15px)) calc(100% - .5px - calc(var(--ck) - .15px)),curve to calc(100% - .5px - calc(var(--cc-l) - .29px) - calc(var(--cr) - .21px)) calc(100% - .5px) with calc(100% - .5px - calc(var(--cc-l) - .29px)) calc(100% - .5px),line to calc(.5px + calc(var(--cr) - .5px)) calc(100% - .5px),curve to .5px calc(100% - .5px - calc(var(--cr) - .5px)) with .5px calc(100% - .5px),line to .5px calc(.5px + calc(var(--cc-l) - .29px) + calc(var(--ck) - .15px)),curve to calc(.5px + calc(var(--ck) - .15px)) calc(.5px + calc(var(--cc-l) - .29px) - calc(var(--ck) - .15px)) with .5px calc(.5px + calc(var(--cc-l) - .29px)),line to calc(.5px + calc(var(--cc-l) - .29px) - calc(var(--ck) - .15px)) calc(.5px + calc(var(--ck) - .15px)),curve to calc(.5px + calc(var(--cc-l) - .29px) + calc(var(--cr) - .21px)) .5px with calc(.5px + calc(var(--cc-l) - .29px)) .5px,close);--ln:rgba(255,255,255,.1)} }
html,body{overscroll-behavior:none}
@media (min-width:1181px){ .info,.scx-body{overscroll-behavior:none} }

/* v242: kartu pemain (.sg) ikut garis tipis; di belakang konten supaya foto yang keluar kartu tetap menutupinya */
@supports (clip-path:shape(from 0 0,line to 1px 1px,close)){
  .sg::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--ln);clip-path:var(--ring)}
}

/* v243: panel tengah + Stats Centre digabung jadi satu panel: tanpa celah, satu bingkai luar (chamfer kiri-atas & kanan-bawah), pemisah garis tipis */
@media (min-width:1181px){
  .info{margin-right:0}
  .info::after{visibility:hidden}
  .stage{box-shadow:inset .5px 0 0 var(--ln)}
  .stage::after{display:none}
}
@supports (clip-path:shape(from 0 0,line to 1px 1px,close)){
  @media (min-width:1181px){
    .stage{clip-path:shape(from 0 0,line to calc(100% - var(--cr)) 0,curve to 100% var(--cr) with 100% 0,line to 100% calc(100% - var(--cc-l) - var(--ck)),curve to calc(100% - var(--ck)) calc(100% - var(--cc-l) + var(--ck)) with 100% calc(100% - var(--cc-l)),line to calc(100% - var(--cc-l) + var(--ck)) calc(100% - var(--ck)),curve to calc(100% - var(--cc-l) - var(--cr)) 100% with calc(100% - var(--cc-l)) 100%,line to 0 100%,close)}
  }
}

/* v244: garis pemisah tipis yang jelas antara konten dan Stats Centre (box-shadow 0.5px tidak terlihat) */
@media (min-width:1181px){
  .stage{box-shadow:none}
  .stage::after{display:block;content:"";position:absolute;left:0;top:0;bottom:0;width:1px;inset-inline-end:auto;z-index:6;pointer-events:none;background:var(--ln);clip-path:none;transform:scaleX(.5);transform-origin:left}
}
/* v245: pemisah dipertegas: 1px penuh, sedikit lebih terang */
@media (min-width:1181px){ .stage::after{transform:none;background:rgba(255,255,255,.14)} }
/* v246: pemisah = hairline (1 piksel fisik di retina) tapi lebih terang supaya tetap kelihatan */
@media (min-width:1181px){ .stage::after{transform:scaleX(.5);background:rgba(255,255,255,.2)} }

/* v247: bar atas (search, notif, bahasa, help) masuk ke panel gabungan: satu permukaan, pemisah hairline di bawahnya */
@media (min-width:1181px){
  .top{margin-right:12px;background:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.1)) left bottom/100% .5px no-repeat,rgb(27,27,31)}
  .info::before{visibility:hidden}
  .info-ring{z-index:31}
}
@supports (clip-path:shape(from 0 0,line to 1px 1px,close)){
  @media (min-width:1181px){
    .top{clip-path:shape(from calc(var(--cc-l) + var(--cr)) 0,line to calc(100% - var(--cr)) 0,curve to 100% var(--cr) with 100% 0,line to 100% 100%,line to 0 100%,line to 0 calc(var(--cc-l) + var(--ck)),curve to var(--ck) calc(var(--cc-l) - var(--ck)) with 0 var(--cc-l),line to calc(var(--cc-l) - var(--ck)) var(--ck),curve to calc(var(--cc-l) + var(--cr)) 0 with var(--cc-l) 0,close)}
  }
}
/* v248: kontrol di bar atas sedikit lebih terang dari permukaan panel supaya tetap terbaca */
@media (min-width:1181px){ .top .search,.top .ic-btn,.top .lang,.top .me{background-color:#26262c} .top .lang button[aria-pressed=true],.top .lang .on{background-color:#35353b} }

/* v249: bar atas transparan di atas panel: panel (hero ungu, Stats Centre) naik ke belakang bar; bar = kaca tipis, kontrol tembus pandang */
@media (min-width:1181px){
  .top{background:transparent;clip-path:none;z-index:32}
  .info,.stage{margin-top:calc(-1 * var(--tb));top:var(--eco);height:calc(100vh - var(--eco) - 12px)}
  .info{padding-top:var(--tb)}
  .info::before{visibility:visible;margin-bottom:calc(-1 * var(--cc-l) - var(--cr))}
  .stage{padding-top:var(--tb)}
  .top .search,.top .ic-btn,.top .lang,.top .me{background-color:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .top .lang button[aria-pressed=true],.top .lang .on{background-color:rgba(255,255,255,.14)}
  .top .search input::placeholder{color:rgba(255,255,255,.62)}
}
/* v250: hero (ungu) yang naik ke belakang bar, bukan padding panel; bar jadi kaca gelap begitu konten di-scroll */
@media (min-width:1181px){
  .info{padding-top:0}
  .info>.sec.hx{padding-top:var(--tb);margin-top:0}
  .top{transition:background-color .2s ease}
  .top.scr{background:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)) left bottom/100% .5px no-repeat,rgba(22,22,26,.72);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}
}
@media (min-width:1181px) and (prefers-reduced-motion:reduce){ .top{transition:none} }
@media (min-width:1181px){ @container (min-width:900px){ .info>.sec.hx{min-height:calc(400px + var(--tb))} } }

/* v253: kotak search ikut bentuk kartu (chamfer kiri-atas & kanan-bawah) + garis tipis yang ikut sudutnya */
.top .search{position:relative;border-radius:0;clip-path:var(--chamf)}
@supports (clip-path:shape(from 0 0,line to 1px 1px,close)){
  .top .search::after{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(255,255,255,.12);clip-path:var(--ring)}
}
/* v254: margin kanan search = margin kiri = padding panel (20px), sejajar tepi konten */
@media (min-width:1181px){ .top .search{margin-right:var(--pad)} }
/* v255: bar atas selalu punya garis pemisah hairline di bawahnya (juga saat transparan di atas hero) */
@media (min-width:1181px){
  .top{background:linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.2)) left bottom/100% .5px no-repeat}
  .top.scr{background:linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.2)) left bottom/100% .5px no-repeat,rgba(22,22,26,.72)}
}
/* v256: garis bawah bar atas disamakan dengan garis pemisah vertikal / bingkai (--ln) */
@media (min-width:1181px){
  .top{background:linear-gradient(var(--ln),var(--ln)) left bottom/100% .5px no-repeat}
  .top.scr{background:linear-gradient(var(--ln),var(--ln)) left bottom/100% .5px no-repeat,rgba(22,22,26,.72)}

}
/* v257: bar atas (kaca gelap saat scroll) ikut sudut terpotong kiri-atas panel */
@supports (clip-path:shape(from 0 0,line to 1px 1px,close)){
  @media (min-width:1181px){
    .top{clip-path:shape(from calc(var(--cc-l) + var(--cr)) 0,line to calc(100% - var(--cr)) 0,curve to 100% var(--cr) with 100% 0,line to 100% 100%,line to 0 100%,line to 0 calc(var(--cc-l) + var(--ck)),curve to var(--ck) calc(var(--cc-l) - var(--ck)) with 0 var(--cc-l),line to calc(var(--cc-l) - var(--ck)) var(--ck),curve to calc(var(--cc-l) + var(--cr)) 0 with var(--cc-l) 0,close)}
  }
}
/* v258: jarak 12px antara strip atas (GOS/XSERIES) dan panel, sama dengan margin kanan & bawah panel */
@media (min-width:1181px){
  .top{margin-top:12px;top:calc(var(--eco) + 12px)}
  .info,.stage{top:calc(var(--eco) + 12px);height:calc(100vh - var(--eco) - 24px)}
}

/* v259: satu gaya tab/toggle tidak aktif di semua tempat = putih 6% tembus pandang (ikut latar apa pun).
   Isi tab aktif (lapisan dalam) disamakan dengan latar + 6% supaya bingkai cyan tetap rapi. */
.scx-ch button{background:rgba(255,255,255,.06)}
.scx-ed{background:rgba(255,255,255,.06)}
@media (min-width:1181px){ .top .search,.top .ic-btn,.top .lang,.top .me{background-color:rgba(255,255,255,.06)} }
.scx-ch button[aria-pressed=true]::after{background:color-mix(in srgb,#00FFEF 11%,#303035)}
.scx-ed button[aria-pressed=true]::after{background:color-mix(in srgb,#00FFEF 11%,#29292c)}
/* v260: chip XS-3 / tanggal / venue dihapus dari hero (info pindah ke subjudul); judul jadi elemen pertama */
.hx-tx>h2:first-child{margin-top:0}
.hx p time{white-space:nowrap}

/* v262: kartu laga tidak ikut melebar di layar lebar (maks 360px, sisa kartu ikut terlihat);
   art hero tidak lagi naik ke area top bar di desktop */
@container (min-width:461px){ .ev-grid,#laga .ev-grid{grid-auto-columns:max(228px,min(360px,calc((100% - 20px)/3)))} }
@media (min-width:1181px){ .hx-ph{--bt:-12px} }

/* v263: kartu video juga dibatasi di layar lebar; slab hero tidak terpotong di atas
   (lebar svg mengikuti rasio viewBox 800:360 sehingga slice tidak memotong bagian atas) */
@container (min-width:461px){ .yt-row{grid-auto-columns:max(240px,min(400px,calc((100% - 32px)/3)))} }
@media (min-width:1181px){ .hx-slabs{width:min(100%,222cqh)} }

/* v264: kartu Unfinished business dibatasi juga; aturan v262/v263 dijaga hanya untuk kontainer >460px */
@container (min-width:621px){ .rvs{grid-template-columns:repeat(3,minmax(0,400px))} }

/* v265: jarak antar kartu Stats Centre lebih lega */
.scx-body{gap:16px}

/* v266: tombol bahasa aktif memakai gaya yang sama dengan tab edisi (XS-2): garis cyan + isi cyan tipis + teks cyan */
.top .lang button[aria-pressed=true],.lang button[aria-pressed=true]{position:relative;isolation:isolate;background-color:rgba(0,255,239,.42);color:var(--pri);box-shadow:none}
.top .lang button[aria-pressed=true]::after,.lang button[aria-pressed=true]::after{content:"";position:absolute;inset:1px;z-index:-1;clip-path:var(--chamf-s);pointer-events:none;background:color-mix(in srgb,#00FFEF 11%,#29292c)}

/* v267: bendera di tombol bahasa */
.top .lang button,.lang button{width:auto;display:inline-flex;align-items:center;gap:6px;padding:0 10px}
.lang .fl{width:16px;height:11px;flex:none;border-radius:1px;box-shadow:0 0 0 .5px rgba(255,255,255,.25)}
.lang button[aria-pressed=false] .fl{opacity:.6}

/* v268: baris head-to-head tanpa warna selang-seling, cukup garis pemisah tipis */
.scx-hr,.scx-hr:nth-child(odd){background:none}
.scx-hr+.scx-hr{box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}

/* v269: ikon Teams = emblem 4 tim (2x2), menggantikan jersey. Rail: abu-abu saat off, berwarna saat aktif/hover */
.tms{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;width:34px;height:34px;flex:none}
.tms img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}
.ri-c .tms{width:32px;height:32px}
.ri .tms img{filter:grayscale(1) brightness(1.25) drop-shadow(0 2px 2px rgba(0,0,0,.5));opacity:.8;transition:filter .15s,opacity .15s}
.ri.on .tms img,.ri:hover .tms img{filter:drop-shadow(0 2px 2px rgba(0,0,0,.5));opacity:1}
.qk-ic .tms{width:44px;height:44px;gap:2px}
.tms.h{width:30px;height:30px;margin:0 8px 0 0}
.ri-c .tms{width:26px;height:26px;gap:2px}

/* v271: ikon Teams = crest 3D (render Blender, gaya sama dengan ikon rail lain).
   Ikon heading section memakai versi netral abu (sama dengan menu rail tidak aktif), tanpa glow cyan */
.sh h2 img.i3d,h2 img.i3d{filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}

/* v274: gradient ungu hero turun lebih jauh, sampai tepat di atas baris quick card */
.info>.sec.hx::before{bottom:-24px;background:linear-gradient(180deg,#3E0B6B 0,rgba(147,0,242,.32) 50%,rgba(147,0,242,.18) 76%,rgba(147,0,242,.06) 90%,rgba(147,0,242,0) 100%)}

/* v278: CTA hero & news disamakan */
.hx-cta .btn,.ns-acts .btn{height:40px;font-size:18px}

/* v280: jarak tab -> kartu Players disamakan dengan section lain */
.sgs{padding-top:6px}

/* v281: judul list News lebih besar dari label & tanggal */
.nw-tx b{font-size:16px;line-height:1.3}

/* v283: jarak konten -> Read more */
.nw-i .nw-more{margin-top:16px}

/* v284: panel & card turun satu tingkat lebih gelap (1B1B1F->161619, 26262B->212125, dst) */

/* v286: skor Unfinished business putih */
.rv-sc b,.rv .rv-sc b{color:#CFCFD4}

/* v290: kartu Players lebih besar (kolom min 300px, tinggi 72px) */
@container (min-width:621px){ .sgs{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))} .sg{height:72px;grid-template-columns:68px minmax(0,1fr) auto auto} }

/* v291: foto kartu Players mengisi kolom (84px) */
@container (min-width:621px){ .sg{grid-template-columns:84px minmax(0,1fr) auto auto} .sg-av,.sg-av.cut{width:84px} .sg-av.cut img{width:104px;top:-22px} }

/* v292: foto Players 1:1 (72x72, setinggi kartu) */
@container (min-width:621px){ .sg{grid-template-columns:72px minmax(0,1fr) auto auto} .sg-av,.sg-av.cut{width:72px} .sg-av.cut img{width:92px;top:-20px} }
/* v295 tim per edisi: catatan reset + TBA kapten */
.tm small .pt-tba{vertical-align:1px}
.tm-ed{margin:6px 0 0;padding:0 12px;font-size:12px;line-height:1.4;color:var(--mut)}
.tm-ed b{color:#CFCFD4;font-weight:600}
/* v303 countdown kickoff menempel di pojok kiri bawah foto poster hero */
.hx-cd{grid-column:2;grid-row:1;align-self:end;justify-self:start;z-index:6;position:relative;display:flex;align-items:baseline;gap:4px;margin:0 0 24px 40px;padding:10px 14px;background:rgba(10,4,20,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:var(--chamf-s)}
.hx-cd-k{align-self:center;margin-right:8px;font-size:12px;font-weight:600;color:var(--pri);white-space:nowrap}
.hx-cd b{font:700 28px/1 var(--dh);color:#CFCFD4;font-variant-numeric:tabular-nums;min-width:2ch;text-align:right}
.hx-cd small{margin-right:8px;font-size:12px;color:var(--mut)}
.hx-cd small:last-child{margin-right:0}
@container (max-width:780px){ .hx-cd{grid-column:1;grid-row:2;margin:12px 0 0} }
.info>.sec.hx>.hx-tx{grid-column:1;grid-row:1}
.info>.sec.hx>.hx-ph{grid-column:2;grid-row:1}
/* v305 countdown pindah ke atas headline, menempel ke teks, lebih kecil */
.hx-cd{grid-column:auto;grid-row:auto;align-self:auto;justify-self:auto;display:inline-flex;margin:0 0 12px;padding:6px 10px;gap:2px}
.hx-cd-k{margin-right:6px;font-size:12px}
.hx-cd b{font-size:18px;min-width:0}
.hx-cd small{margin-right:6px;font-size:12px}
@container (max-width:780px){ .hx-cd{grid-column:auto;grid-row:auto;margin:0 0 10px} }
/* v306 countdown = tag nempel ke headline: parallelogram, satuan d/h/m/s */
.hx-cd{--sk:8px;margin:0 0 6px;padding:4px 16px;gap:0;clip-path:polygon(var(--sk) 0,100% 0,calc(100% - var(--sk)) 100%,0 100%)}
.hx-cd-k{margin-right:8px}
.hx-cd b{font-size:16px}
.hx-cd small{margin:0 6px 0 1px;font-size:12px}
@container (max-width:780px){ .hx-cd{margin:0 0 6px} }
.info>.sec.hx .hx-cd+h2{margin-top:0}
/* v308 tag countdown: kiri lurus sejajar teks, bawah menempel ke cap headline */
.hx-cd{margin-bottom:0;padding-left:12px;clip-path:polygon(0 0,100% 0,calc(100% - var(--sk)) 100%,0 100%)}
@container (max-width:780px){ .hx-cd{margin-bottom:0} }
/* v309 tag countdown satu warna dengan headline (ink) + teks gelap, rapat ke cap */
.hx-cd{margin-bottom:-4px;background:#CFCFD4;-webkit-backdrop-filter:none;backdrop-filter:none}
.hx-cd-k{color:#3E0B6B;font-weight:700}
.hx-cd b{color:#161619}
.hx-cd small{color:#45454C}
@container (max-width:780px){ .hx-cd{margin-bottom:-4px} }
.hx-cd{display:flex;width:fit-content}
/* v312 tag countdown menimpa pojok kiri atas headline, miring seperti stiker */
.hx-cd{position:relative;z-index:2;background:var(--pri);transform:translate(-4px,14px) rotate(-4deg);transform-origin:left bottom;box-shadow:none}
.hx-cd-k{color:#000}
.hx-cd b{color:#000}
.hx-cd small{color:rgba(0,0,0,.6)}
@media (prefers-reduced-motion:no-preference){}
.hx-cd{transform:translate(0,6px) rotate(-3deg)}
/* v314 warna tag countdown kembali ke versi awal (gelap, label cyan) */
.hx-cd{background:rgba(10,4,20,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hx-cd-k{color:var(--pri);font-weight:600}
.hx-cd b{color:#CFCFD4}
.hx-cd small{color:var(--mut)}
/* v315 tag countdown = label fisik yang ditempel: tegak, menimpa pojok kiri atas headline, bayangan jatuh ke huruf.
   Bentuk + warna di .hx-cd-in; bayangan di .hx-cd (filter harus di luar clip-path agar tidak terpotong) */
.hx-cd{display:flex;width:fit-content;padding:0;gap:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;clip-path:none;transform:translate(0,10px);position:relative;z-index:2;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.55)) drop-shadow(0 6px 10px rgba(0,0,0,.45))}
.hx-cd-in{display:flex;align-items:baseline;padding:4px 16px 4px 12px;background:#0E0618;--sk:8px;clip-path:polygon(0 0,100% 0,calc(100% - var(--sk)) 100%,0 100%)}

/* v316: #laga state cards (1 Teams TBA, 2 On sale, 3 Presale closed) */
.ev-m .ev-st{margin-left:auto;padding:2px 6px;font:700 10px/1.3 Inter,sans-serif;white-space:nowrap}
.ev-st.s-tba{background:#3a2f00;color:#ffd84d}
.ev-st.s-on{background:rgba(0,255,239,.12);color:#00FFEF}
.ev-st.s-cl{background:var(--s3);color:var(--mut)}
.ev .tb.tq{font:700 13px/1 Inter,sans-serif;color:var(--mut);background:var(--s2);outline:1px dashed var(--s4);outline-offset:-4px}
.ev-b.one{grid-template-columns:1fr}
.ob b.nt{display:inline-flex;align-items:center;gap:5px;color:var(--ink)}
.ob b.nt svg.i{width:14px;height:14px}
.ev[data-st="tba"] .ev-n,.ev[data-st="cl"] .ev-n,.ev.fin .ev-n{color:var(--mut)}
.ob b.nt{white-space:nowrap}

/* v320: badge status tiket gaya XSERIES (jajaran genjang + Dharma Gothic) */
.ev-m .ev-st{--sk:6px;display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 11px 0 10px;font:400 15px/1 var(--dh);letter-spacing:.04em;text-transform:uppercase;clip-path:polygon(var(--sk) 0,100% 0,calc(100% - var(--sk)) 100%,0 100%)}
.ev-st.s-on{background:#00FFEF;color:#000}
.ev-st.s-on::before{content:"";width:5px;height:5px;background:#000;border-radius:50%}
.ev-st.s-cl{background:transparent;color:var(--mut);box-shadow:inset 0 0 0 1px var(--s4)}
.ev-st.s-cl{background:linear-gradient(var(--s3),var(--s3))}
.ev-st.s-so{background:#9300F2;color:#fff}
.ev.fin .ev-m .ev-st:not(.s-on){color:#fff}
.ob.off{cursor:not-allowed;background:var(--s2)}
.ob.off:hover{background:var(--s2)}
.ob.off b{color:var(--fnt);text-decoration:line-through;text-decoration-thickness:1px}

/* v321: badge status disamakan dengan tag "New"/rank (Inter 700, 22px, sudut skew membulat) */
.ev-m .ev-st{--sk:6px;--cr:1.5px;height:22px;padding:0 12px;gap:6px;font:700 12px/1 var(--in-f);letter-spacing:0;text-transform:none}
.ev-st.s-on{background:var(--pri)}
.ev-st.s-on::before{width:5px;height:5px}
@supports (clip-path:shape(from 0 0,line to 1px 1px,close)){
  .ev-m .ev-st{clip-path:shape(from calc(var(--sk) + var(--cr)) 0,line to calc(100% - var(--cr)) 0,curve to calc(100% - var(--cr) * .2867) var(--cr) with 100% 0,line to calc(100% - var(--sk) + var(--cr) * .2867) calc(100% - var(--cr)),curve to calc(100% - var(--sk) - var(--cr)) 100% with calc(100% - var(--sk)) 100%,line to var(--cr) 100%,curve to calc(var(--cr) * .2867) calc(100% - var(--cr)) with 0 100%,line to calc(var(--sk) - var(--cr) * .2867) var(--cr),curve to calc(var(--sk) + var(--cr)) 0 with var(--sk) 0,close)}}
.ev-st.s-on::before{content:none}
.ev[data-st="cl"]:not(.fin) .ev-n{color:var(--ink)}.ev-grid .ev:has(.tq) .ev-n{color:var(--mut)}
.ev.fin .ev-m .ev-st.s-cl{color:var(--mut)}
.ev-b.one .ob{justify-content:center}
.ev-b.one .ob{justify-content:space-between}
.ev-b.one .ob{justify-content:center;gap:8px}
.ev-m svg.i.br3{color:#D08A4E}
.ev-m svg.i{width:16px;height:16px}

/* v331: #skuad preview toggle + state "Teams set" */
.sk-st{display:inline-flex;gap:2px;padding:2px;background:var(--s2);border-radius:var(--r-s)}
.sk-st button{height:26px;padding:0 10px;border-radius:6px;font:600 12px/1 var(--in-f);color:var(--mut)}
.sk-st button[aria-pressed="true"]{background:var(--s4);color:var(--ink)}
.tabs .sk-cr{width:18px;height:18px;object-fit:contain}
#skuad[data-teams="set"] .sg{grid-template-columns:56px minmax(0,1fr) auto auto auto}
@container (min-width:621px){ #skuad[data-teams="set"] .sg{grid-template-columns:72px minmax(0,1fr) auto auto auto} }
#skuad[data-teams="set"] .sg-new{order:1}
#skuad[data-teams="set"] .sg-tm{order:2}
.sg-more{grid-template-columns:56px minmax(0,1fr) auto!important;background:none!important;outline:1px dashed var(--s4);outline-offset:-1px}
@container (min-width:621px){ .sg-more{grid-template-columns:72px minmax(0,1fr) auto!important} }
.sg-more .sg-av{display:grid;place-items:center;background:var(--s2)!important;margin:0!important;align-self:stretch}
.sg-more .sg-av svg.i{width:20px;height:20px;color:var(--mut)}
.sg-more .sg-t b{color:var(--mut)}
.sg-go{display:inline-flex;align-items:center;gap:6px;padding-right:12px;font-size:12px;font-weight:600;color:var(--ink)}
.sg-go svg.i{width:14px;height:14px}
#skuad[data-teams="set"] .sg{grid-template-columns:56px minmax(0,1fr) auto auto}
@container (min-width:621px){ #skuad[data-teams="set"] .sg{grid-template-columns:72px minmax(0,1fr) auto auto} }
.sg-nw{margin-right:6px;font-style:normal;font-weight:700;color:var(--pri)}
.sg-more .sg-av{margin:-10px 0!important;height:auto!important}

/* v334: kartu "More to come": buang outline kotak (tidak ikut chamfer); pakai garis tipis bawaan kartu (::after ring), isi transparan supaya terbaca slot kosong */
.sg-more{outline:none!important}
.sg-more::before{background:transparent!important}
.sg-more:hover::before{background:var(--s1)!important}
.sg-more::after{background:rgba(255,255,255,.16)!important}

/* v335: warna badge status tiket dibedakan dari cyan brand: On sale = hijau, Presale = amber, Coming soon = abu */
.ev-m .ev-st.s-on{background:#2FD27A;color:#04140A}
.ev-m .ev-st.s-pre{background:#FFB547;color:#1A1000}

/* v336: video XS-2 + H2H dalam satu kartu (pengganti section "Unfinished business") */
.yt-h2h{display:block;margin-top:12px;background:var(--s1);clip-path:var(--chamf-l, none);padding-bottom:6px}
.yh-hd{display:grid;grid-template-columns:28px auto auto auto 28px 1fr;align-items:center;gap:8px;padding:10px 12px}
.yh-hd img{width:28px;height:28px;object-fit:contain}
.yh-hd b{font:700 26px/1 var(--dh);color:var(--ink)}
.yh-hd i{font-style:normal;color:var(--fnt)}
.yh-hd small{justify-self:end;font-size:12px;color:var(--mut)}
.yh-r{display:flex;justify-content:space-between;gap:12px;height:34px;align-items:center;padding:0 12px;font-size:12px;color:var(--mut)}
.yh-r:nth-child(even){background:var(--s2)}
.yh-r b{color:var(--ink);font-weight:700;white-space:nowrap}
.yh-r span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yt-h2h{flex:1}

/* v338: kartu XS-2 = desain opsi A: satu kartu rv (chamfer), thumbnail video di kepala, H2H + daftar laga di bawah */
.yt-row .yv{scroll-snap-align:start;padding-bottom:0;overflow:hidden}
.yv>.yt-th{display:block;position:relative;border-radius:0;margin:0}
.yv .rv-ls li:last-child{margin-bottom:0}

/* v339: thumbnail asli YouTube; logo channel + judul + durasi di bagian bawah thumbnail */
.yv-th{display:block;position:relative;aspect-ratio:16/9;overflow:hidden}
.yv-th .yt-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.yv-cap{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;gap:10px;padding:40px 12px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85))}
.yv-av{width:28px;height:28px;border-radius:50%;flex:none}
.yv-t{display:flex;flex-direction:column;min-width:0;flex:1}
.yv-t b{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yv-t small{font-size:11px;color:rgba(255,255,255,.7)}
.yv-d{flex:none;background:rgba(0,0,0,.8);color:#fff;font:600 11px/1 var(--in-f);padding:4px 6px;border-radius:4px}
.yv-p{margin:0;padding:14px;font-size:13px;color:var(--mut)}
/* v340: avatar channel jangan ikut aturan img thumbnail (absolute, full) */
.yv-cap .yv-av{position:static;inset:auto;width:28px;height:28px;max-width:none;object-fit:cover;transform:none;opacity:1}
/* v342: thumbnail YouTube masuk ke dalam kartu (inset 8px, chamfer kecil) seperti thumbnail berita */
.yv>.yv-th{margin:8px 8px 0;clip-path:var(--chamf-s)}
/* v343: chamfer thumbnail sejajar (konsentris) dengan chamfer kartu: inset 8px -> potongan = cc-l - 8*(2-√2) */
.yv>.yv-th{--ci:calc(var(--cc-l) - 4.7px);clip-path:polygon(var(--ci) 0,100% 0,100% 100%,0 100%,0 var(--ci))}
@supports (clip-path:shape(from 0 0,line to 1px 1px,close)){
  .yv>.yv-th{clip-path:shape(from calc(var(--ci) + var(--cr)) 0,line to calc(100% - var(--cr)) 0,curve to 100% var(--cr) with 100% 0,line to 100% calc(100% - var(--cr)),curve to calc(100% - var(--cr)) 100% with 100% 100%,line to var(--cr) 100%,curve to 0 calc(100% - var(--cr)) with 0 100%,line to 0 calc(var(--ci) + var(--ck)),curve to var(--ck) calc(var(--ci) - var(--ck)) with 0 var(--ci),line to calc(var(--ci) - var(--ck)) var(--ck),curve to calc(var(--ci) + var(--cr)) 0 with var(--ci) 0,close)}
}

/* v344: seluruh kartu video bisa diklik (link melar) + hover; avatar inisial untuk channel kreator */
.yv{position:relative;transition:background-color .15s}
.yv-lk{position:absolute;inset:0;z-index:2}
.yv:hover{background:var(--s2)}
.yv .yt-ph{transition:transform .25s ease}
.yv:hover .yt-ph{transform:scale(1.04)}
.yv:focus-within{outline:2px solid var(--pri);outline-offset:-2px}
.yv-ini{display:grid;place-items:center;background:var(--s3);color:var(--ink);font:700 12px/1 var(--in-f)}
.yv .rv-ls li:nth-child(odd){transition:background-color .15s}
.yv:hover .rv-ls li:nth-child(odd){background:var(--s3)}
@media (prefers-reduced-motion:reduce){ .yv .yt-ph{transition:none} .yv:hover .yt-ph{transform:none} }

/* v345 — kartu video lebih kecil: 4 kolom di desktop, H2H dirapatkan; thumbnail tetap 16:9 */
@container (min-width:461px){ #yt-row{grid-auto-columns:max(220px,calc((100% - 36px)/4));gap:12px} }
#yt-row .yv-th{aspect-ratio:16/9}
#yt-row .rv-hd{padding:12px 10px 10px;gap:6px}
#yt-row .rv-tm{gap:6px}
#yt-row .rv-tm img{width:38px;height:38px}
#yt-row .rv-tm b{font-size:12.5px}
#yt-row .rv-sc b{font-size:32px}
#yt-row .rv-sc i{font-size:16px}
#yt-row .rv-sc small{font-size:11px;margin-top:2px}
#yt-row .rv-ls li{height:34px;padding:0 12px;font-size:12.5px}
#yt-row .yv-cap{padding:32px 10px 10px;gap:8px}
#yt-row .yv-cap .yv-av{width:24px;height:24px}
#yt-row .yv-t b{font-size:12.5px}
#yt-row .yv-t small{font-size:10.5px}
#yt-row .yv-t b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;text-wrap:balance}

/* v347 — kartu video gaya YouTube biasa: hanya thumbnail, inset 8px rata */
#yt-row .yv{padding-bottom:8px}
#yt-row .yv-t b{text-wrap:wrap}

/* v350 — countdown pindah: menempel di bawah tombol primary, satu blok berchamfer */
.hx-cta{align-items:flex-start}
.hx-pri{display:flex;flex-direction:column;clip-path:var(--chamf-s)}
.hx-pri .btn.pri{clip-path:none;border-radius:0}
.hx-pri .hx-cd{width:auto;margin:0;transform:none;filter:none;z-index:auto}
.hx-pri .hx-cd-in{flex:1;justify-content:center;padding:6px 12px;clip-path:none;background:#0E0618}
.hx-pri .hx-cd b{font-size:15px}
.hx-pri .hx-cd small{font-size:11px}
.hx-pri .hx-cd-k{font-size:11.5px}

/* v351 — fade kiri & bawah foto hero lebih lebar dan bertahap (easing), batas overlay tidak kelihatan */
.hx-ph{
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.04) 4%,rgba(0,0,0,.14) 8%,rgba(0,0,0,.3) 12%,rgba(0,0,0,.5) 16%,rgba(0,0,0,.7) 20%,rgba(0,0,0,.86) 24%,rgba(0,0,0,.96) 28%,#000 32%),
                     linear-gradient(180deg,#000 66%,rgba(0,0,0,.92) 72%,rgba(0,0,0,.72) 79%,rgba(0,0,0,.45) 86%,rgba(0,0,0,.2) 93%,rgba(0,0,0,0) 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.04) 4%,rgba(0,0,0,.14) 8%,rgba(0,0,0,.3) 12%,rgba(0,0,0,.5) 16%,rgba(0,0,0,.7) 20%,rgba(0,0,0,.86) 24%,rgba(0,0,0,.96) 28%,#000 32%),
             linear-gradient(180deg,#000 66%,rgba(0,0,0,.92) 72%,rgba(0,0,0,.72) 79%,rgba(0,0,0,.45) 86%,rgba(0,0,0,.2) 93%,rgba(0,0,0,0) 100%);
  mask-composite:intersect}

/* v352 — fade kiri dipersempit (120px, tetap bertahap) supaya pemain paling kiri tetap kelihatan */
.hx-ph{
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.1) 20px,rgba(0,0,0,.32) 45px,rgba(0,0,0,.6) 70px,rgba(0,0,0,.84) 95px,#000 120px),
                     linear-gradient(180deg,#000 66%,rgba(0,0,0,.92) 72%,rgba(0,0,0,.72) 79%,rgba(0,0,0,.45) 86%,rgba(0,0,0,.2) 93%,rgba(0,0,0,0) 100%);
  mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.1) 20px,rgba(0,0,0,.32) 45px,rgba(0,0,0,.6) 70px,rgba(0,0,0,.84) 95px,#000 120px),
             linear-gradient(180deg,#000 66%,rgba(0,0,0,.92) 72%,rgba(0,0,0,.72) 79%,rgba(0,0,0,.45) 86%,rgba(0,0,0,.2) 93%,rgba(0,0,0,0) 100%)}

/* v353 — ikon brand di depan link eco kanan (GOS globe, YouTube, Instagram) */
.eco-r a .eco-ic{width:16px;height:16px;margin-right:6px;opacity:1}
.eco-r a .eco-ic{margin-right:0}

/* v355 — label "Official partners" di kiri logo partner hero, dipisah garis tipis */
.hx-pt{align-items:center}
.hx-pt-k{flex:none;padding-right:20px;border-right:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:600;line-height:1.25;color:var(--mut);white-space:nowrap}
.hx-pt{flex-wrap:nowrap;gap:18px}.hx-pt-k{padding-right:16px}

/* v357 — hover per logo partner (tiap logo link sendiri), bukan seluruh baris */
.hx-pt>a{display:flex;align-items:center;transition:opacity .15s}
.hx-pt:hover img{opacity:.6}
.hx-pt>a:hover img,.hx-pt>a:focus-visible img{opacity:1}
.hx-pt img{transition:opacity .15s}
.hx-pt>a:focus-visible{outline:2px solid var(--pri);outline-offset:4px}


/* v368 — nomor klasemen jadi sel miring penuh (opsi A); 1–3 = podium asli XS (final + perebutan juara 3) → emas/perak/perunggu */
.scx-tb th:first-child{width:52px}
.scx-tb td.scx-pos{width:52px;padding:0;position:relative}
.scx-tb td.scx-pos b{position:absolute;top:0;bottom:0;left:0;right:8px;display:flex;align-items:center;justify-content:center;padding-right:5px;font:700 18px/1 var(--dh);color:#9a9aa2;background:#2c2c33;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.scx-tb td.scx-p1 b{background:linear-gradient(135deg,#e7c04f,#b8902a);color:#2a1f00}
.scx-tb td.scx-p2 b{background:linear-gradient(135deg,#d6d8de,#9a9ca4);color:#1d1e22}
.scx-tb td.scx-p3 b{background:linear-gradient(135deg,#d48a3a,#9c5a1c);color:#2a1400}
.scx-tb tr.scx-1 td.scx-pos{box-shadow:none}
.scx-tb .scx-pos+.scx-cl{padding-left:12px}

/* v369 — semua nomor peringkat (leaderboard pemain, daftar records) pakai font display yang sama dengan nomor klasemen */
.scx-rk,.ld-i{font:700 18px/1 var(--dh)}
.scx-l1 .scx-rk{font-size:18px}

/* v370 — logo tim di klasemen, leaderboard pemain dan daftar records dibesarkan */
.scx-tb .scx-cl .scx-lg{width:34px;height:34px}
.scx-l1 .scx-lg,.scx-lb li .scx-lg,.scx-lb .scx-lx{width:32px;height:32px}
.scx-l1,.scx-lb li{grid-template-columns:22px 32px minmax(0,1fr) auto}
.ld:not(.pt-info) .ld-ls img{width:32px;height:32px;object-fit:contain}
.ld:not(.pt-info) .ld-ls li{grid-template-columns:22px 32px minmax(0,1fr) auto}
.pt-info.ld .ld-ls img{width:28px;height:28px;object-fit:contain}

/* v371 — kartu Records: header = nama rekor + link, #1 jadi baris utama (foto/logo + angka besar), baris 2–4 rapat dengan bar proporsional */
.ld.rx{padding-bottom:6px}
.rx-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 10px}
.rx-ti{margin:0;font:700 22px/1 var(--dh);letter-spacing:.01em;text-transform:uppercase;color:var(--ink)}
.rx .rx-hd .ld-more{margin:0;padding:0;font-size:13px}
.rx-top{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 16px 8px;padding:10px 14px 10px 10px;background:linear-gradient(90deg,rgba(0,255,239,.12),rgba(0,255,239,.03));box-shadow:inset 3px 0 0 var(--pri)}
.rx-top:hover{background:linear-gradient(90deg,rgba(0,255,239,.18),rgba(0,255,239,.05))}
.rx-ph{width:112px;aspect-ratio:16/9;object-fit:cover;display:block}
.rx-ph.rx-lg{width:63px;height:63px;aspect-ratio:auto;object-fit:contain}
.rx-who{display:flex;flex-direction:column;gap:3px;min-width:0}
.rx-who i{font:700 15px/1 var(--dh);font-style:normal;color:var(--pri)}
.rx-who b{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rx-who small{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rx-who small img{width:16px;height:16px;object-fit:contain}
.rx-n{display:flex;flex-direction:column;align-items:flex-end;line-height:1}
.rx-n b{font:700 46px/.85 var(--dh);color:var(--pri)}
.rx-n small{margin-top:4px;font-size:11.5px;color:var(--mut)}
.rx-ls{list-style:none;margin:0;padding:0 16px}
.rx-ls li{position:relative;display:grid;grid-template-columns:20px 26px minmax(0,1fr) auto;align-items:center;gap:10px;height:38px;padding:0 10px 0 8px;font-size:14px;color:#D6D6D6;isolation:isolate}
.rx-ls li+li{margin-top:4px}
.rx-ls li::before{content:"";position:absolute;z-index:-1;left:0;top:0;bottom:0;width:100%;background:#202026}
.rx-ls li::after{content:"";position:absolute;z-index:-1;left:0;top:0;bottom:0;width:var(--p);background:rgba(255,255,255,.07);border-right:2px solid rgba(255,255,255,.22)}
.rx-ls li[style*="--p:0%"]::after{display:none}
.rx-ls img{width:26px;height:26px;object-fit:contain}
.rx-ls .ld-i{font:700 16px/1 var(--dh);color:var(--fnt);text-align:center}
.rx-nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rx-ls b{font-weight:700;font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums}
@container (max-width:460px){ .rx-ph{width:84px} .rx-ph.rx-lg{width:48px;height:48px} .rx-n b{font-size:36px} .rx-top{gap:10px;margin:0 12px 8px} .rx-ls{padding:0 12px} .rx-hd{padding:12px 12px 8px} }
/* v372 — bar proporsional pindah jadi garis 3px di dasar baris (tidak memotong teks) */
.ld.rx{padding-bottom:16px}
.rx-ls li::after{top:auto;height:3px;border-right:0;background:rgba(255,255,255,.28)}
.rx-top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--pri)}

/* v374 — tidak ada 1 kata sendirian di baris terakhir: judul di-balance, paragraf di-pretty.
   Pakai longhand text-wrap-style supaya tidak menimpa white-space:nowrap (ellipsis tetap jalan) */
h1,h2,h3,h4,b,strong,.yt-t b,.nw-tx b,.ns-h{text-wrap-style:balance}
p,small,li,span,a,dd,figcaption{text-wrap-style:pretty}

/* v375 — kategori berita (Player / Tickets) jadi badge miring seperti badge lain (Coming soon, TBA, MVP), netral abu-abu: cyan = brand saja */
.nw-k{--sk:5px;align-self:flex-start;display:inline-flex;align-items:center;height:20px;padding:0 10px;font:700 11.5px/1 var(--in-f);background:var(--s3);color:#D6D6D6;text-wrap-style:auto}
.nw-k.t{background:var(--s3);color:#D6D6D6}

/* v376: search tanpa kotak pembungkus: ikon + input langsung di bar atas (tanpa latar, garis, chamfer); ikon sejajar tepi konten */
.top .search{background:none!important;border:0;box-shadow:none;clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding-left:0;padding-right:0}
.top .search::after{content:none}
.top .search:focus-within{box-shadow:none}
.top .search input{height:100%}

/* v377: judul "Stats Centre" disamakan dengan judul section (.sh h2): 32px, 28px di <=640 */
h2.scx-ti{font-size:32px;line-height:1}
@media (max-width:640px){h2.scx-ti{font-size:28px}}

/* v378: badge TBA di skor laga ikut gaya TBA standar (kuning, Inter 10px); sebelumnya tertimpa warna pemisah skor (.scx-1l .scx-sc span) dan font Inter XS */
.scx-sc .pt-tba,.scx-1l .scx-sc span.pt-tba{font:700 10px/1.2 Inter,sans-serif;color:#ffd84d;background:#3a2f00}

/* v379: label "Kickoff in" di countdown CTA hero pakai Dharma Gothic, uppercase, sejajar tinggi angka */
.hx-cd-k,.hx-pri .hx-cd-k{font:700 15px/1 var(--dh);text-transform:uppercase;letter-spacing:.02em}

/* v380: strip pass di bawah kartu laga (One-Day Sat/Sun + Two-Day). Ikut filter tab hari via data-d (js/v3.js) */
.evp-row{display:flex;gap:10px;margin-top:10px}
.evp{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#212125;color:var(--ink,#CFCFD4);text-decoration:none;clip-path:var(--chamf);transition:background .15s}
.evp:hover{background:var(--s3,#2A2A2F)}
.evp[data-hide]{display:none}
.evp.best{flex-grow:1.35}
.evp-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.evp-tx small{font:600 12px/1.2 "Inter XS",Inter,sans-serif;color:var(--mut,#9a9aa3)}
.evp-tx b{font:700 22px/1 var(--dh);text-transform:uppercase;letter-spacing:.01em;color:#fff}
.evp-tx em{font:500 12px/1.2 "Inter XS",Inter,sans-serif;font-style:normal;color:var(--mut,#9a9aa3)}
.evp-tx em.evp-sv{align-self:flex-start;margin-top:2px;padding:3px 8px;font-weight:700;background:#9300F2;color:#fff;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}
.evp-pr{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}
.evp-pr small{font:600 11px/1 "Inter XS",Inter,sans-serif;color:var(--mut,#9a9aa3)}
.evp-pr b{font:700 26px/1 var(--dh);color:#fff}
@media (max-width:640px){.evp-row{flex-direction:column;gap:8px}.evp{padding:11px 12px}.evp-tx b{font-size:20px}.evp-pr b{font-size:24px}}
/* v382: avatar skuad di bawah logo tim (kartu SF) */
.ev-av{grid-row:2;display:flex;align-items:center;justify-self:center;margin-top:8px;text-decoration:none;white-space:nowrap}
.ev-av.l{grid-column:1}.ev-av.r{grid-column:3}
.ev-av i,.ev-av em{width:24px;height:24px;flex:none;border-radius:50%;box-shadow:0 0 0 2px #212125}
.ev-av i{position:relative;overflow:hidden;background:linear-gradient(180deg,#8A2BEA,#3A0A86)}
.ev-av i img{position:absolute;left:50%;top:-5px;width:190%;max-width:none;transform:translateX(-50%)}
.ev-av>*+*{margin-left:-7px}
.ev-av em{position:relative;display:grid;place-items:center;font:700 10px/1 "Inter XS",Inter,sans-serif;font-style:normal;color:#CFCFD4;background:#2A2A2F}
.ev-av:hover i,.ev-av:hover em{box-shadow:0 0 0 2px #3A3A40}
.ev-av.tba i{background:#2A2A2F;border:1px dashed #44444b;box-sizing:border-box}
.ev-av.tba em{color:var(--mut,#9a9aa3)}
/* v386: tooltip pemain */
.ev-av i[data-p]{transition:transform .12s}
.ev-av i[data-p]:hover{transform:translateY(-2px);z-index:2}
.ev-tip{position:fixed;z-index:999;pointer-events:none;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px;row-gap:3px;padding:8px 10px;background:#2A2A2F;clip-path:var(--chamf-s);box-shadow:0 6px 18px rgba(0,0,0,.4);white-space:nowrap}
.ev-tip[hidden]{display:none}
.ev-tip b{font:600 13px/1.2 "Inter XS",Inter,sans-serif;color:#fff}
.ev-tip i{justify-self:end;font:700 10px/1 "Inter XS",Inter,sans-serif;font-style:normal;padding:3px 6px;background:#3A3A40;color:#CFCFD4}
.ev-tip small{grid-column:1/-1;display:flex;align-items:center;gap:6px;font:500 12px/1.2 "Inter XS",Inter,sans-serif;color:var(--mut,#9a9aa3)}
.ev-tip-nw{font:700 10px/1 "Inter XS",Inter,sans-serif;font-style:normal;color:#2FD27A}
/* v387: avatar inisial untuk pemain yang sudah diumumkan tapi belum punya foto */
.ev-av i.ini{display:grid;place-items:center;font:700 11px/1 "Inter XS",Inter,sans-serif;font-style:normal;color:#CFCFD4;background:#3A3A40}
/* v389: placeholder TBA = siluet logo tim + siluet pemain */
.ev .tb.tq{position:relative;outline:0}
.ev .tb.tq .tq-sh{position:absolute;left:50%;top:50%;width:62%;height:62%;transform:translate(-50%,-50%);color:#34343a}
.ev .tb.tq b{position:relative;font:700 11px/1 Inter,sans-serif;color:var(--mut,#9a9aa3);margin-top:-2px}
.ev-av.tba i{position:relative;overflow:hidden;border:0;background:#2A2A2F}
.ev-av.tba i svg{position:absolute;left:50%;bottom:-1px;width:76%;height:76%;transform:translateX(-50%);color:#44444b}
/* v390: lingkaran tim TBA dashed lagi; siluet pemain = mask dari silhouette-card.webp (framing sama dengan foto) */
.ev .tb.tq{outline:1px dashed var(--s4,#44444b);outline-offset:-4px}
.ev-av.tba i b{position:absolute;left:50%;top:2px;width:120%;height:220%;transform:translateX(-50%);background:#4a4a52;-webkit-mask:url(../img/players/cut/silhouette-card.webp) top center/100% auto no-repeat;mask:url(../img/players/cut/silhouette-card.webp) top center/100% auto no-repeat}
/* v392: avatar di atas overlay stretched-link .ev-f::after supaya hover/klik kena */
.ev-av{position:relative;z-index:2}
/* v393: overlap avatar dikurangi supaya area hover tiap pemain lebih lebar */
.ev-av>*+*{margin-left:-3px}
/* v394: tooltip lebih ringkas */
.ev-tip{column-gap:6px;row-gap:2px;padding:5px 8px 6px}
.ev-tip b{font-size:12px;line-height:1.15}
.ev-tip i{font-size:9px;padding:2px 4px}
.ev-tip small{gap:4px;font-size:11px;line-height:1.15}
.ev-tip-nw{font-size:9px}
/* v395: tooltip terang supaya kontras dengan kartu gelap */
.ev-tip{background:#F2F2F5;box-shadow:0 6px 18px rgba(0,0,0,.5)}
.ev-tip b{color:#141417}
.ev-tip i{background:#DCDCE2;color:#2A2A2F}
.ev-tip small{color:#5A5A62}
.ev-tip-nw{color:#0E7A40}
/* v396: tooltip + arrow. Wrapper tanpa clip; box chamfer di .ev-tip-in; arrow mengikuti posisi avatar (--ax dari JS) */
.ev-tip{display:block;padding:0;background:none;clip-path:none;box-shadow:none;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}
.ev-tip-in{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:6px;row-gap:2px;padding:5px 8px 6px;background:#F2F2F5;clip-path:var(--chamf-s)}
.ev-tip::after{content:"";position:absolute;left:var(--ax,50%);bottom:-6px;width:12px;height:7px;background:#F2F2F5;clip-path:polygon(0 0,100% 0,50% 100%);transform:translateX(-50%)}
/* v397: tooltip abu sedang (bukan putih), tetap kontras dengan kartu #212125 */
.ev-tip-in,.ev-tip::after{background:#4A4A53}
.ev-tip b{color:#fff}
.ev-tip i{background:#62626C;color:#fff}
.ev-tip small{color:#C9C9D1}
.ev-tip-nw{color:#2FD27A}
/* v398: background avatar pemain merah + teal (palet poster player reveal), ganti ungu */
:root{--pl-bg:radial-gradient(90% 75% at 50% 20%,#FF5A4E 0%,#D3202B 26%,#5A0A14 48%,#0F4A4E 70%,#2BA39D 100%)}
.sg-av{background:var(--pl-bg)}
.sg-av.cut::before{background:var(--pl-bg)}
.ev-av i{background:var(--pl-bg)}
.sg-av.sil img{filter:brightness(0) opacity(.55)}
/* v400: gradient lebih halus: glow merah transparan di atas dasar teal (tanpa band gelap keras) */
:root{--pl-bg:radial-gradient(75% 62% at 50% 24%,rgba(255,70,62,.95) 0%,rgba(214,32,44,.75) 32%,rgba(150,18,32,.35) 58%,rgba(150,18,32,0) 85%),linear-gradient(180deg,#1A3E44 0%,#1C6D6C 55%,#33B5AC 100%)}
/* v401: merah lebih pekat & lebih luas, teal tetap di bawah */
:root{--pl-bg:radial-gradient(85% 70% at 50% 26%,#FF3B30 0%,rgba(235,28,36,.97) 30%,rgba(200,16,30,.75) 52%,rgba(170,14,28,.3) 72%,rgba(170,14,28,0) 90%),linear-gradient(180deg,#5A0E18 0%,#1C6D6C 62%,#33B5AC 100%)}
/* v402: gradient solid (tanpa alpha) supaya tidak kusam; transisi bertahap merah > merah tua > teal tua > teal */
:root{--pl-bg:radial-gradient(95% 80% at 50% 24%,#FF3A2E 0%,#F0202A 18%,#C8141F 34%,#7E0C17 50%,#3A0F16 60%,#0E3D40 72%,#167572 86%,#27B3A8 100%)}
/* v403: teal di sisi & pojok (tidak tertutup badan), merah rapat di belakang kepala */
:root{--pl-bg:radial-gradient(62% 58% at 50% 34%,#FF3A2E 0%,#F0202A 22%,#C8141F 40%,#7E0C17 56%,#3A0F16 66%,#0E3D40 76%,#178582 88%,#2CC2B5 100%)}
/* v404: label "Notify me" di kartu More to come = gaya label tombol (Dharma Gothic) */
.sg-go{font:700 16px/1 var(--dh);text-transform:uppercase;letter-spacing:.01em}
/* v408 baris siaran di kartu laga */
.ev-w{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;font-size:12px;color:var(--mut);white-space:nowrap}
.ev-w svg.i{width:14px;height:14px;color:#CFCFD4}
.ev-mb{padding:2px 5px;font:600 10px/1 "Inter XS",Inter,sans-serif;color:#CFCFD4;background:#2A2A2F;border-radius:3px}

/* v420: nama tim persis di bawah logo (baris 2), avatar skuad turun ke baris 3. Baris "A vs B" dihapus karena dobel. */
.ev-tn{grid-row:2;justify-self:center;margin-top:10px;font:500 14px/1.2 "Inter XS",Inter,sans-serif;color:#CFCFD4;white-space:nowrap;text-align:center}
.ev-tn.l{grid-column:1}.ev-tn.r{grid-column:3}
.ev[data-st="tba"] .ev-tn,.ev.fin .ev-tn,.ev-grid .ev:has(.tq) .ev-tn{color:var(--mut)}
.ev-vs .ev-av{grid-row:3}
/* v421: proximity. Logo, nama, dan skuad satu kelompok per tim (rapat); siaran dan tombol kelompok terpisah (renggang). */
.ev .ev-vs{row-gap:0}
.ev-vs .ev-tn{margin-top:8px}
.ev-vs .ev-av{margin-top:6px}
.ev-vs + .ev-w{margin-top:18px}
@media (max-width:640px){ .ev-tn{font-size:13px} .ev-vs .ev-tn{margin-top:6px} .ev-vs + .ev-w{margin-top:14px} }
/* v422: kartu laga lebih lega. Padding dan jarak antar kelompok naik; jarak di dalam kelompok tim tetap rapat. */
@media (min-width:641px){
  .ev-grid .ev{padding:22px 16px 20px}
  .ev-grid .ev .ev-vs{margin-top:16px}
  .ev-grid .ev .ev-vs .ev-tn{margin-top:10px}
  .ev-grid .ev .ev-vs .ev-av{margin-top:8px}
  .ev-grid .ev .ev-vs + .ev-w{margin-top:24px}
  .ev-grid .ev .ev-b{margin-top:22px}
}
@media (max-width:640px){
  .ev-grid .ev{padding:18px 14px 16px}
  .ev-grid .ev .ev-vs{margin-top:18px}
  .ev-grid .ev .ev-b{margin-top:18px}
}
/* v424 eco bar: center content between page top and the panels below (panels start 12px under the bar) */
@media (min-width:1181px){ .eco-l,.eco-r{transform:translateY(6px)} }
/* v425 sidebar logo: share the search bar's centerline (panels sit 12px below the eco bar) */
@media (min-width:1181px){ .side .logo>*{transform:translateY(12px)} }
/* v426 head-to-head per edition: rows without published data (XS-2 goals, player stats) */
.scx-hn .scx-bar i{background:#2A2A30}
.scx-hn .scx-hl{color:var(--mut)}
/* v428 champion card: same height in every edition, caption on one line */
.scx-cs small{white-space:nowrap}
/* v429 head-to-head team pickers: same fill as the stat chips (Goals / Assists ...) */
.scx-hp{background:rgba(255,255,255,.06)}
.scx-hp option{background:#26262B}
/* v432 passes: the official XSERIES-3 ticket poster (frame + color tab, big italic title, date tag, 3D ticket) */
.evp-row{gap:14px;margin-top:14px}
.evp,.evp.best,.evp:hover{position:relative;isolation:isolate;flex:1 1 0;min-width:0;display:flex;align-items:center;gap:0;min-height:150px;padding:22px 0 8px 24px;background:none;clip-path:none;overflow:visible;color:#fff}
/* frame: 1px line in the pass color, chamfered bottom corners, glow from the left */
.evp::before,.evp-fr{content:"";position:absolute;left:0;right:0;top:14px;bottom:0;--c:14px;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)))}
.evp::before{z-index:-2;background:linear-gradient(90deg,var(--pc),color-mix(in srgb,var(--pc) 45%,transparent) 35%,color-mix(in srgb,var(--pc) 30%,transparent) 70%,color-mix(in srgb,var(--pc) 70%,transparent))}
.evp-fr{z-index:-1;inset:15px 1px 1px 1px;--c:13.6px;background:
  radial-gradient(70% 120% at 0 100%,color-mix(in srgb,var(--pc) 30%,transparent),transparent 65%),
  radial-gradient(50% 90% at 100% 40%,color-mix(in srgb,var(--pc) 22%,transparent),transparent 70%),
  linear-gradient(90deg,color-mix(in srgb,var(--pc) 10%,#050506),#050506 40%);transition:filter .15s}
/* color tab over the top-left corner */
.evp::after{content:"";position:absolute;left:-2px;top:0;width:68px;height:26px;background:var(--pc);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,calc(100% - 6px) 100%,0 100%)}
.evp:hover .evp-fr{filter:brightness(1.35)}
.evp-tx{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;padding-top:8px}
.evp-tx b{display:block;font:700 46px/.86 var(--dh);text-transform:uppercase;letter-spacing:.005em;color:#fff;-webkit-text-stroke:.8px #fff;transform:skewX(-10deg);transform-origin:left bottom;white-space:nowrap}
.evp-tg{margin-top:4px;margin-left:-2px;padding:3px 8px 1px 6px;background:var(--pc);color:#000;font:700 22px/1 var(--dh);-webkit-text-stroke:.5px #000;text-transform:uppercase;transform:skewX(-10deg)}
.evp-pr{display:flex;align-items:baseline;gap:5px;margin-top:8px;font:600 12px/1 "Inter XS",Inter,sans-serif;color:#B4B4BC}
.evp-pr b{font:700 22px/1 var(--dh);-webkit-text-stroke:0;transform:none;color:#fff}
/* ticket render from the poster: screen blend drops its dark backdrop, edges fade into the card */
.evp-tk{position:absolute;right:-6px;top:-4px;height:calc(100% + 2px);width:auto;max-width:56%;object-fit:contain;mix-blend-mode:screen;pointer-events:none;
  -webkit-mask:radial-gradient(70% 72% at 55% 52%,#000 72%,transparent 100%);mask:radial-gradient(70% 72% at 55% 52%,#000 72%,transparent 100%)}
@media (max-width:1280px){ .evp-tx b{font-size:40px} .evp-tk{max-width:52%} }
@media (max-width:640px){ .evp,.evp.best,.evp:hover{min-height:128px;padding-left:18px} .evp-tx b{font-size:38px} .evp-tk{max-width:50%} }
.evp-pr{flex-direction:row}
.evp-tx b{font-size:36px}
.evp-tg{font-size:19px}
.evp-tk{right:-4px;top:2px;height:calc(100% - 6px);max-width:50%;
  -webkit-mask:radial-gradient(62% 66% at 54% 52%,#000 70%,transparent 100%);mask:radial-gradient(62% 66% at 54% 52%,#000 70%,transparent 100%)}
@media (max-width:1280px){ .evp-tx b{font-size:32px} }
.evp-tx .evp-pr b{font-size:22px;-webkit-text-stroke:0;transform:none}
.evp-tk{-webkit-mask:radial-gradient(60% 58% at 54% 56%,#000 72%,transparent 100%);mask:radial-gradient(60% 58% at 54% 56%,#000 72%,transparent 100%)}
/* v436 pass: separator + header above passes, game coverage line per pass */
.evp-hd{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}
.evp-hd h3{margin:0;font:700 26px/1 var(--dh);text-transform:uppercase;letter-spacing:.01em;color:#fff}
.evp-hd p{margin:0;font:500 13px/1.4 "Inter XS",Inter,sans-serif;color:var(--mut)}
.evp-g{margin-top:6px;font:600 12.5px/1.2 "Inter XS",Inter,sans-serif;color:#E6E6EA}
.evp-tx .evp-pr{margin-top:4px}
.evp,.evp.best,.evp:hover{min-height:160px}
/* v437 pass header: one plain line, no display title */
.evp-hd{display:block;margin:28px 0 0;padding-top:22px;font:600 14px/1.4 "Inter XS",Inter,sans-serif;color:#D6D6DC}
/* v438 pass header: text sits in the middle of the separator line */
.evp-hd{display:flex;align-items:center;gap:16px;margin:30px 0 4px;padding:0;border:0;text-align:center}
.evp-hd::before,.evp-hd::after{content:"";flex:1 1 0;height:1px;background:rgba(255,255,255,.12)}
@media (max-width:640px){ .evp-hd{gap:10px;font-size:13px} .evp-hd::before,.evp-hd::after{min-width:16px} }
.evp-hd{flex-wrap:nowrap}
.evp-hd::before,.evp-hd::after{min-width:20px}
@media (max-width:640px){ .evp-hd{font-size:12.5px} }
@media (max-width:640px){ .evp-hd::before,.evp-hd::after{min-width:36px} }

/* v68 X-Card: 2 grup (3 X-Card + 3 President Card), satu baris di layar lebar */
.xk-deck.xk-6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:0;overflow:visible;margin-right:0;grid-auto-flow:row}
.xk-grp{min-width:0}
.xk-gh{margin:0 0 10px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;color:var(--mut);font-size:13px;line-height:1.3}
.xk-gh b{font:700 21px/1 var(--dh);text-transform:uppercase;letter-spacing:.02em;color:var(--pri)}
.xk-grp.pres .xk-gh b{color:var(--gold)}
.xk-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:4px 0 10px}
.xk-6 .xk-c .xk-t{margin-top:14cqi;font-size:13.5cqi}
.xk-6 .xk-ic{width:46cqi}
.xk-6 .xk-art{margin:4cqi 0 3cqi}
.xk-6 .xk-c .xk-x{padding:0 9cqi;font-size:6.6cqi;line-height:1.36;min-height:calc(6.6cqi * 1.36 * 3)}
.xk-6 .xk-lg{width:20cqi;margin:4cqi 0 10cqi}
.xk-ic .xk-it{font:700 17px/1 var(--dh);letter-spacing:.02em}
@container (max-width:1000px){ .xk-deck.xk-6{grid-template-columns:minmax(0,1fr);gap:16px} }
@container (max-width:620px){
  .xk-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:158px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin-right:calc(var(--pad) * -1);padding-right:var(--pad)}
  .xk-row::-webkit-scrollbar{display:none}
}
/* v69 LOTG: sumber aturan kartu, di bawah deck */
.xk-src{display:flex;align-items:center;gap:8px;margin:6px 0 0;font-size:13px;color:var(--mut)}
.xk-src svg.i{width:16px;height:16px;flex:none;color:var(--pri)}
.xk-src a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:rgba(0,255,239,.5);text-underline-offset:3px}
.xk-src a:hover{color:var(--pri)}