/* ===== MASTER: fikstur satirlarinda Show Stats + Match Details (2026-09-26) ===== */
main[data-page="home"] .fx-actions{display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px;}
main[data-page="home"] .fx-act{display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 9px; margin:0; border-radius:var(--radius-6); border:1px solid rgba(2,19,41,.22); background:transparent; color:var(--color-text-primary); font-family:var(--font-body); font-size:11.5px; font-weight:600; letter-spacing:0; text-transform:none; white-space:nowrap; cursor:pointer; transition:background .12s ease;}
main[data-page="home"] .fx-act:hover{background:rgba(2,19,41,.05);}
main[data-page="home"] .fx-act:active{background:rgba(2,19,41,.1);}
main[data-page="home"] .fx-act .fx-stats-trigger-label{font-size:11.5px; font-weight:600; letter-spacing:0; text-transform:none;}
.content-col main[data-page="home"] .fx-act svg{width:12px; height:12px; stroke-width:2.2; color:currentColor;}
main[data-page="home"] .fx-stats-trigger.fx-act svg{transform:rotate(90deg);}
main[data-page="home"] .fx-stats-trigger.fx-act.open svg{transform:rotate(-90deg);}
main[data-page="home"] .fixture-module .data-table td.row-link{padding-left:8px; padding-right:12px;}
/* sidebar: aktif alt-oge (My Theories / Data Sets) gorunur olsun */
.site-sidebar .nav-subitem.active{background:rgba(225,230,236,.06); color:var(--color-text-primary);}


/* ===== MASTER: Theory Lab, DONEN UYE surumu (2026-09-26) =====
   Uye zaten teorilerini kurmus. Anasayfada kurucu yerine "kayitli teorini
   sec, veri kumeni sec, calistir" karti var. Detayli kurulum My Theories'te.
   Ilk kez giren uyede (body.first-time) bu kart yok, kurucu var. */
main[data-page="home"] .run-card{display:none;}
body.is-auth:not(.first-time) main[data-page="home"] .run-card{display:block;}
body.is-auth:not(.first-time) main[data-page="home"] .builder-card.compact:not(.run-card){display:none;}
main[data-page="home"] .rc-combo{position:relative;}
main[data-page="home"] .rc-trigger{display:flex; align-items:center; gap:9px; width:100%; min-height:40px; text-align:left; cursor:pointer;}
main[data-page="home"] .rc-trigger[aria-expanded="true"]{border-color:#0E7C88;}
main[data-page="home"] .rc-name{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12.5px; font-weight:600; color:#0B1B2E;}
main[data-page="home"] .rc-sub{flex:none; font-size:11px; font-weight:500; color:rgba(2,19,41,.55); margin-right:14px;}
main[data-page="home"] .rc-logo{flex:none; height:18px; width:auto; max-width:24px; object-fit:contain;}
main[data-page="home"] .rc-panel{display:none; position:absolute; z-index:40; left:0; right:0; top:calc(100% + 6px); background:#FFFFFF; border:1px solid rgba(2,19,41,.16); border-radius:var(--radius-control); box-shadow:0 10px 28px rgba(2,19,41,.16); overflow:hidden;}
main[data-page="home"] .rc-panel.open{display:block;}
main[data-page="home"] .rc-search{display:none; align-items:center; gap:8px; padding:9px 12px; border-bottom:1px solid rgba(2,19,41,.08);}
main[data-page="home"] .rc-search.show{display:flex;}
main[data-page="home"] .rc-search svg{width:14px; height:14px; color:rgba(2,19,41,.45); flex:none;}
main[data-page="home"] .rc-search input{flex:1; border:none; outline:none; background:transparent; font-family:var(--font-body); font-size:12.5px; color:#0B1B2E;}
main[data-page="home"] .rc-list{max-height:236px; overflow-y:auto; padding:4px;}
main[data-page="home"] .rc-item{display:flex; align-items:center; gap:9px; padding:9px 10px; border-radius:var(--radius-6); cursor:pointer; font-size:12.5px; color:#0B1B2E;}
main[data-page="home"] .rc-item:hover{background:rgba(2,19,41,.05);}
main[data-page="home"] .rc-item.active{background:rgba(14,124,136,.08);}
main[data-page="home"] .rc-item .rc-name{font-weight:500;}
main[data-page="home"] .rc-item.active .rc-name{font-weight:700;}
main[data-page="home"] .rc-item .rc-sub{margin-right:0;}
main[data-page="home"] .rc-pill{flex:none; font-size:10.5px; font-weight:700; padding:2px 8px; border-radius:var(--radius-6); border:1px solid rgba(2,19,41,.2); color:#0B1B2E; background:#FFFFFF;}
main[data-page="home"] .rc-pill.insight{border-color:#8A6D00; color:#6F5800;}
main[data-page="home"] .rc-empty{padding:14px 12px; font-size:12px; color:rgba(2,19,41,.55);}
main[data-page="home"] .rc-foot{display:flex; align-items:center; padding:6px; border-top:1px solid rgba(2,19,41,.08);}
main[data-page="home"] .rc-foot button{background:none; border:none; cursor:pointer; font-family:var(--font-body); font-size:11.5px; font-weight:600; color:#0A5F68; padding:7px 8px; border-radius:var(--radius-6);}
main[data-page="home"] .rc-foot button:hover{background:rgba(2,19,41,.05);}
main[data-page="home"] .rc-tok{display:inline-block; font-weight:600; color:#0B1B2E; background:#FFFFFF; border:1px solid rgba(2,19,41,.16); border-radius:var(--radius-6); padding:1px 7px; margin:1px 1px;}

/* ===== MASTER: acilan stats paneli genis, sayilar bar ile ortali (2026-09-27) ===== */
main[data-page="home"] .fx-stats-panel{margin-left:0; width:90.2%;}
main[data-page="home"] .fx-stats-panel .compare-row{grid-template-columns:44px 1fr 44px; column-gap:14px; align-items:end;}
main[data-page="home"] .fx-stats-panel .compare-value{height:12px; line-height:12px; display:flex; align-items:center; justify-content:flex-end;}
main[data-page="home"] .fx-stats-panel .compare-value.right{justify-content:flex-start;}

/* ===== MASTER: Match Detail, TEAM STATS sekmesi (2026-09-27, revize 2026-09-28) =====
   Editorial ritim: sekme cubugunun hemen altinda ACIK baslar (Overview/Lineups/
   Timeline ile ayni surekliligi korumak icin -- eskiden burada koyu bir bant
   vardi ve koyu hero -> beyaz sekme cubugu -> koyu bant "sandvici" kopuk
   duruyordu). Sonrasinda acik/koyu dönüşümlü devam eder. Acik zeminde p1
   lacivert, p2 cyan-pressed. Koyu zeminde p1 sari, p2 cyan (sitenin kendi
   kodlamasi). Karsilastirma barlari artik katalogun kendi .compare-row/
   .compare-bar-track bileseni (duz koseli, kalin, ucta tick) -- Overview
   sekmesiyle ve sitenin geri kalaniyla birebir ayni. */
main[data-page="match"] .ts-band.ts-band-photo{position:relative; overflow:hidden;
  background-image:
    linear-gradient(100deg, rgba(2,19,41,.94) 0%, rgba(2,19,41,.82) 35%, rgba(2,19,41,.55) 100%),
    var(--photo-points);
  background-repeat:no-repeat; background-position:center 30%, center 78%; background-size:cover, cover;}
main[data-page="match"] .ts-band.ts-band-photo .wrap{position:relative; z-index:1;}
main[data-page="match"] .ts-band{background:#021329; padding:56px 0 60px; --color-bg-canvas:#021329; --color-bg-elevated:#031C3D; --color-text-primary:#E1E6EC; --color-white:#FFFFFF; --color-border-subtle:rgba(225,230,236,.14); --color-border-strong:rgba(225,230,236,.26); color:#E1E6EC;}
main[data-page="match"] .ts-band .ts-title{color:#FFFFFF;}
main[data-page="match"] .ts-band .ts-lede{color:rgba(225,230,236,.66);}
main[data-page="match"] .ts-section{padding-top:56px; padding-bottom:12px;}
main[data-page="match"] .ts-section-tight{padding-bottom:56px;}
main[data-page="match"] .ts-divider-top{border-top:1px solid rgba(2,19,41,.08);}


main[data-page="match"] .ts-head{max-width:760px; margin-bottom:26px;}
main[data-page="match"] .ts-head.tight{margin-bottom:16px;}
main[data-page="match"] .ts-title{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:44px; line-height:1; letter-spacing:.3px; color:#0B1B2E; margin:0 0 10px;}
main[data-page="match"] .ts-head.tight .ts-title{font-size:34px;}
main[data-page="match"] .ts-lede{font-size:14px; line-height:1.6; color:rgba(2,19,41,.62); margin:0 0 14px; max-width:640px;}
main[data-page="match"] .ts-legend{display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600; color:#0B1B2E;}
main[data-page="match"] .ts-band .ts-legend{color:#E1E6EC;}
main[data-page="match"] .ts-sw{display:inline-block; width:12px; height:12px; margin-left:12px;}
main[data-page="match"] .ts-sw:first-child{margin-left:0;}
main[data-page="match"] .ts-sw.home{background:#042755;}
main[data-page="match"] .ts-sw.away{background:#4FCBD9;}
main[data-page="match"] .ts-band .ts-sw.home{background:#FFDB00;}
main[data-page="match"] .ts-band .ts-sw.away{background:#61E1EE;}

/* --- 1. bir bakista: acik zeminde takim basliklari + KPI'lar + puan farki --- */
main[data-page="match"] .ts-glance-section{padding-top:38px; padding-bottom:34px;}
main[data-page="match"] .ts-glance{display:grid; grid-template-columns:1fr 1fr; align-items:start; column-gap:64px;}
main[data-page="match"] .ts-glance-side{display:flex; flex-direction:column; gap:28px;}
main[data-page="match"] .ts-glance-side.away{align-items:flex-end;}
main[data-page="match"] .ts-glance-id{display:flex; align-items:center; gap:16px;}
main[data-page="match"] .ts-glance-side.away .ts-glance-id{flex-direction:row-reverse; text-align:right;}
main[data-page="match"] .ts-crest{display:block; height:54px; width:auto;}
main[data-page="match"] .ts-crest.sm{height:24px; width:auto;}
main[data-page="match"] .ts-glance-side .ts-crest{margin:0; height:48px;}
main[data-page="match"] .ts-glance-team{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:26px; line-height:1; color:#0B1B2E; margin:0 0 6px;}
main[data-page="match"] .ts-glance-section .ts-tag{font-size:12.5px; font-weight:600; color:rgba(2,19,41,.55); margin-bottom:0;}
main[data-page="match"] .ts-kpi-group{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; width:100%; padding-top:0; border-top:none;}
main[data-page="match"] .ts-glance-side.away .ts-kpi-group{text-align:right;}
main[data-page="match"] .ts-kpi{position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:12px; align-items:start; background:#031C3D; border-top:3px solid rgba(225,230,236,.3); padding:22px 20px 20px; box-shadow:0 6px 18px rgba(2,19,41,.16); text-align:left;}
main[data-page="match"] .ts-kpi-group.home .ts-kpi{border-top-color:#FFDB00;}
main[data-page="match"] .ts-kpi-group.away .ts-kpi{border-top-color:#61E1EE;}
main[data-page="match"] .ts-kpi-icon{grid-column:1; grid-row:1; width:17px; height:17px; margin-top:8px; display:flex; align-items:center; justify-content:center; color:rgba(225,230,236,.55);}
main[data-page="match"] .ts-kpi-icon svg{width:17px; height:17px; stroke-width:1.6;}
main[data-page="match"] .ts-kpi b{grid-column:2; grid-row:1; display:block; font-family:var(--font-display); font-weight:800; font-size:44px; line-height:.95; color:#FFFFFF; white-space:nowrap;}
main[data-page="match"] .ts-kpi span{grid-column:2; grid-row:2; display:block; margin-top:10px; font-size:10.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:rgba(225,230,236,.7);}
/* away tarafi aynalanir: sayi ve etiket sagda, ikon sayinin sagi ustunde */
main[data-page="match"] .ts-glance-side.away .ts-kpi{grid-template-columns:minmax(0,1fr) auto; text-align:right;}
main[data-page="match"] .ts-glance-side.away .ts-kpi-icon{grid-column:2; margin-left:0;}
main[data-page="match"] .ts-glance-side.away .ts-kpi b{grid-column:1;}
main[data-page="match"] .ts-glance-side.away .ts-kpi span{grid-column:1;}
@media (max-width:700px){main[data-page="match"] .ts-kpi{padding:18px 14px 16px; column-gap:8px;} main[data-page="match"] .ts-kpi b{font-size:30px;} main[data-page="match"] .ts-kpi-icon{margin-top:5px;}}

/* --- tale of the tape: baslikli gruplar, barlar katalogun .compare-row'u --- */
main[data-page="match"] .ts-tape-grid{display:grid; grid-template-columns:1fr 1fr; column-gap:28px; row-gap:28px;}
main[data-page="match"] .ts-tape-group{margin-bottom:0; background:#FFFFFF; border:1px solid rgba(2,19,41,.09); border-radius:var(--radius-container); padding:24px 26px 22px; box-shadow:0 3px 14px rgba(2,19,41,.05);}
main[data-page="match"] .ts-tape-gh{font-size:11px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; color:rgba(2,19,41,.5); padding-bottom:10px; margin-bottom:8px; border-bottom:1px solid rgba(2,19,41,.08);}
main[data-page="match"] .ts-tape-group .md-compare-list .compare-row{border-top:none;}
@media (max-width:900px){main[data-page="match"] .ts-tape-grid{grid-template-columns:1fr;}}

/* --- team statistics comparison (radar): katalogun .chip'i, hicbir yeni desen icat edilmedi --- */
main[data-page="match"] .ts-radar-quick{display:flex; gap:8px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid rgba(2,19,41,.08);}
main[data-page="match"] .ts-radar-qbtn{appearance:none; font-family:var(--font-body); font-size:11px; font-weight:700; letter-spacing:.3px; text-transform:uppercase; padding:8px 15px; border-radius:var(--radius-control); border:1.5px solid var(--color-navy-base-selected); background:transparent; color:var(--color-navy-base-selected); cursor:pointer; transition:background .12s ease, color .12s ease;}
main[data-page="match"] .ts-radar-qbtn:hover{background:var(--color-navy-base-selected); color:#FFFFFF;}
main[data-page="match"] .ts-radar-chips{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:8px;}
main[data-page="match"] .ts-radar-chart{max-width:560px; margin:36px auto 0;}
main[data-page="match"] .ts-radar-chart svg{display:block; width:100%; height:auto; overflow:visible;}
main[data-page="match"] .ts-radar-empty{text-align:center; font-size:13px; color:rgba(2,19,41,.45); padding:70px 0;}

/* --- charts --- */
main[data-page="match"] .ts-chart{position:relative;}
main[data-page="match"] .ts-chart svg, main[data-page="match"] .ts-goals-card svg, main[data-page="match"] .ts-pitch-card svg{display:block; width:100%; height:auto; overflow:visible;}
main[data-page="match"] .ts-table{margin-top:18px; font-size:12.5px; color:rgba(225,230,236,.8);}
main[data-page="match"] .ts-table summary{cursor:pointer; font-weight:600; color:#E1E6EC; padding:6px 0;}
main[data-page="match"] .ts-table table{border-collapse:collapse; margin-top:10px; min-width:420px;}
main[data-page="match"] .ts-table th, main[data-page="match"] .ts-table td{padding:7px 16px 7px 0; text-align:left; border-bottom:1px solid rgba(225,230,236,.12);}
main[data-page="match"] .ts-table th{font-size:10.5px; letter-spacing:.4px; text-transform:uppercase; color:rgba(225,230,236,.55);}
main[data-page="match"] .ts-race-headrow{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:14px;}
main[data-page="match"] .ts-view-toggle{display:flex; gap:6px;}
main[data-page="match"] .ts-view-tab{padding:6px 14px; border:1px solid rgba(225,230,236,.26); border-radius:var(--radius-6); background:transparent; font-family:inherit; font-size:11.5px; font-weight:700; letter-spacing:.2px; color:rgba(225,230,236,.7); cursor:pointer; transition:background .14s ease, color .14s ease, border-color .14s ease;}
main[data-page="match"] .ts-view-tab:hover:not(.active){background:rgba(225,230,236,.08); border-color:rgba(225,230,236,.42);}
main[data-page="match"] .ts-view-tab.active{background:var(--color-cyan); color:#021329; border-color:var(--color-cyan);}
main[data-page="match"] .ts-table-view{margin-top:20px; min-height:400px;}
main[data-page="match"] .ts-table-view[hidden]{display:none;}
main[data-page="match"] .ts-table-view table{width:100%; min-width:0;}
main[data-page="match"] .ts-table-view th, main[data-page="match"] .ts-table-view td{font-size:14px; padding:12px 18px 12px 0; border-bottom-color:rgba(225,230,236,.16);}
main[data-page="match"] .ts-table-view th{font-size:11.5px; color:rgba(225,230,236,.6); border-bottom:2px solid rgba(97,225,238,.5);}
main[data-page="match"] .ts-table-view tbody tr:hover{background:rgba(225,230,236,.04);}
main[data-page="match"] .ts-goals-section{padding-bottom:48px;}
/* Halil fix (punch list): grafikler 3 kolona (1fr 1fr 400px) sikisiyordu, cok kucuk ve
   okunmasi zordu. Artik "Goals scored" ve "Goals conceded" .ts-goals-stack icinde ALT
   ALTA, kendi kolonlarinin TAM genisligini kullaniyor (eskiden ~1/3, simdi ~1fr/(1fr+400px)
   -- katbekat daha genis). SVG'ler viewBox tabanli (width:100%; height:auto) oldugu icin
   grafik VE icindeki sayilar/etiketler orantili olarak buyuyor. */
main[data-page="match"] .ts-goals-grid{display:grid; grid-template-columns:1fr 400px; gap:56px; align-items:start;}
main[data-page="match"] .ts-goals-stack{display:flex; flex-direction:column; gap:40px;}
main[data-page="match"] .ts-mini-title{font-size:11px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:rgba(2,19,41,.55); margin-bottom:10px;}
main[data-page="match"] .ts-pull{position:relative; overflow:hidden; align-self:stretch; min-height:320px; display:flex; flex-direction:column; justify-content:flex-end; color:#E1E6EC; padding:38px 40px 40px;
  background-image: var(--photo-pull);
  background-repeat:no-repeat; background-position:center top; background-size:cover;
  transform:translateX(calc(32px + max(0px, (100vw - var(--sbw) - 1180px) / 2)));}
main[data-page="match"] .ts-pull::before{content:''; position:absolute; inset:0; background-image:var(--img-0); background-repeat:no-repeat; background-position:104% -18%; background-size:340px auto; opacity:.4; pointer-events:none; z-index:0;}
main[data-page="match"] .ts-pull::after{content:''; position:absolute; inset:0; background:linear-gradient(0deg, rgba(2,19,41,.82) 0%, rgba(2,19,41,.38) 55%, rgba(2,19,41,.5) 100%); pointer-events:none; z-index:0;}
main[data-page="match"] .ts-pull-num{position:relative; z-index:1; font-family:var(--font-display); font-weight:800; font-size:120px; line-height:.85; color:#FFFFFF; letter-spacing:-1px;}
main[data-page="match"] .ts-pull-num span{font-size:38px; color:#FFDB00; margin:0 9px; letter-spacing:0;}
main[data-page="match"] .ts-pull p{position:relative; z-index:1; font-size:13.5px; line-height:1.6; margin:20px 0 0; max-width:340px; color:rgba(225,230,236,.78);}
@media (max-width:1100px){main[data-page="match"] .ts-pull{transform:none;}}

/* --- sut haritalari: arkaplan/padding kaldirildi, etiket alta indi --- */

main[data-page="match"] .ts-pitch-card + .ts-pitch-card{position:relative;}
main[data-page="match"] .ts-pitch-card + .ts-pitch-card::before{content:""; position:absolute; left:-30px; top:0; bottom:0; width:1px; background:rgba(225,230,236,.12);}
main[data-page="match"] .ts-pitch-card{background:transparent; padding:0;}
main[data-page="match"] .ts-pitch-card svg{max-width:300px; margin:0 auto; cursor:zoom-in;}
main[data-page="match"] .ts-pitch-card svg:focus-visible{outline:2px solid #61E1EE; outline-offset:4px;}
main[data-page="match"] .ts-pitch-head{display:flex; align-items:center; gap:12px; font-family:var(--font-body); font-weight:600; font-size:12px; color:#E1E6EC; margin:0 auto 14px; max-width:300px;}

main[data-page="match"] .ts-pitch-head em{font-style:normal; font-family:var(--font-body); font-weight:500; font-size:11.5px; text-transform:none; color:rgba(225,230,236,.62);}










/* --- oyun stili (katalogun compare-row'u) + ev/deplasman --- */
main[data-page="match"] .ts-two{display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start;}
main[data-page="match"] .ts-ha-group{margin-bottom:28px;}
main[data-page="match"] .ts-ha-group:last-child{margin-bottom:0;}
main[data-page="match"] .ts-ha-gh{display:flex; align-items:center; gap:8px; font-family:var(--font-body); font-weight:600; font-size:12px; color:#0B1B2E; margin-bottom:14px;}
main[data-page="match"] .ts-ha-gh img{height:16px; width:auto;}
main[data-page="match"] .ts-ha-row{margin-bottom:14px;}
main[data-page="match"] .ts-ha-row:last-child{margin-bottom:0;}
main[data-page="match"] .ts-ha-lab{font-size:11.5px; font-weight:600; color:rgba(2,19,41,.55); margin-bottom:6px; text-transform:uppercase; letter-spacing:.3px;}
main[data-page="match"] .ts-ha-bar{display:flex; gap:2px; height:32px;}
main[data-page="match"] .ts-ha-bar i{display:flex; align-items:center; justify-content:center; font-style:normal; font-family:var(--font-display); font-weight:800; font-size:16px; min-width:0;}
main[data-page="match"] .ts-ha-bar i.w.home{background:#042755; color:#FFFFFF;}
main[data-page="match"] .ts-ha-bar i.w.away{background:#4FCBD9; color:#021329;}
main[data-page="match"] .ts-ha-bar i.d{background:rgba(2,19,41,.16); color:#0B1B2E;}
main[data-page="match"] .ts-ha-bar i.l{background:var(--color-action-danger); color:#FFFFFF;}
main[data-page="match"] .ts-ha-legend{display:flex; gap:20px; font-size:11.5px; font-weight:600; color:rgba(2,19,41,.62); margin-top:24px;}
main[data-page="match"] .ts-ha-legend i{display:inline-block; width:12px; height:12px; margin-right:7px; vertical-align:-2px;}
main[data-page="match"] .ts-ha-legend i.w{background:linear-gradient(90deg,#042755 50%,#4FCBD9 50%);}
main[data-page="match"] .ts-ha-legend i.d{background:rgba(2,19,41,.16);}
main[data-page="match"] .ts-ha-legend i.l{background:var(--color-action-danger);}

/* --- players: Precision "oyuncu karti: oyuncu profili" bilesenden esinlenilmis
   yatay profil karti (Halil talebi, 2026-10-02). Foto artik kare (aspect-ratio:1,
   kaynak foto da 360x360 kare) -- bu sayede cover+center kirpma matematigi garanti
   kafanin/cenenin kirpilmasini tamamen ortadan kaldiriyor (eski sabit height:210px
   bandinda kare fotoyu enine kirpmak zorunda kaliyordu, bu da once cene, sonra --
   center'a gecince -- tepe kirpilmasina yol aciyordu). Rozet artik foto uzerinde
   gercek <img>+object-fit:contain (KRITIK #3: kirpma/maskeleme yok), isim altinda
   accent-underline, rating rozeti profile-card'daki gibi isim satirinin yaninda. */
main[data-page="match"] .ts-players{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px;}
main[data-page="match"] .ts-pl{position:relative; display:flex; gap:24px; background:#031C3D; border:1px solid rgba(225,230,236,.1); box-shadow:0 8px 24px rgba(2,19,41,.22); border-radius:var(--radius-container); padding:24px;}
main[data-page="match"] .ts-pl-photo{position:relative; width:150px; aspect-ratio:1; flex-shrink:0; overflow:hidden; border-radius:var(--radius-control); background-size:cover; background-position:center;}
main[data-page="match"] .ts-pl-num{position:absolute; top:8px; right:8px; min-width:30px; height:30px; padding:0 4px; border-radius:50%; background:#FFDB00; color:#0B1B2E; border:2px solid #031C3D; display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:800; font-size:14px; line-height:1; box-shadow:0 2px 6px rgba(2,19,41,.4);}
main[data-page="match"] .ts-pl.away .ts-pl-num{background:#61E1EE;}
main[data-page="match"] .ts-pl[data-pl]{cursor:pointer; transition:border-color .15s ease, transform .15s ease;}
main[data-page="match"] .ts-pl[data-pl]:hover{border-color:rgba(225,230,236,.34); transform:translateY(-2px);}
main[data-page="match"] .ts-pl[data-pl]:focus-visible{outline:2px solid #61E1EE; outline-offset:3px;}
main[data-page="match"] .ts-pl[data-pl]:hover .ts-pl-name{text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:4px;}
main[data-page="match"] .ts-pl-body{flex:1; min-width:0; display:flex; flex-direction:column; justify-content:center;}
main[data-page="match"] .ts-pl-team{display:flex; align-items:center; gap:7px; font-size:10.5px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:rgba(225,230,236,.55);}
main[data-page="match"] .ts-pl-team img{height:14px; width:auto;}
main[data-page="match"] .ts-pl-head{display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-top:14px;}
main[data-page="match"] .ts-pl-name{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:24px; line-height:1.05; color:#FFFFFF;}
main[data-page="match"] .ts-pl-accent{width:28px; height:3px; border-radius:2px; background:#FFDB00; margin:14px 0;}
main[data-page="match"] .ts-pl.away .ts-pl-accent{background:#61E1EE;}
main[data-page="match"] .ts-pl-pos{font-size:12px; font-weight:600; color:rgba(225,230,236,.5);}
main[data-page="match"] .ts-pl-rate{flex-shrink:0; font-family:var(--font-display); font-size:15px; font-weight:800; color:#FFDB00; border:1.5px solid rgba(255,219,0,.5); padding:3px 10px; border-radius:var(--radius-6); background:rgba(2,19,41,.55);}
main[data-page="match"] .ts-pl.away .ts-pl-rate{color:#61E1EE; border-color:rgba(97,225,238,.5);}
main[data-page="match"] .ts-pl-stats{display:flex; gap:22px; margin-top:22px; padding-top:20px; border-top:1px solid rgba(225,230,236,.14); flex-wrap:wrap;}
main[data-page="match"] .ts-pl-stat{display:flex; align-items:center; gap:11px;}
main[data-page="match"] .ts-pl-stat-icon{width:20px; height:20px; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#FFDB00;}
main[data-page="match"] .ts-pl.away .ts-pl-stat-icon{color:#61E1EE;}
main[data-page="match"] .ts-pl-stat-icon svg{width:20px; height:20px; stroke-width:1.5;}
main[data-page="match"] .ts-pl-stats b{display:block; font-family:var(--font-display); font-weight:800; font-size:24px; line-height:1; color:#61E1EE;}
main[data-page="match"] .ts-pl-stats span{display:block; font-size:9.5px; font-weight:600; letter-spacing:.3px; text-transform:uppercase; color:#FFFFFF; margin-top:5px; white-space:nowrap;}
@media (max-width:1000px){main[data-page="match"] .ts-players{grid-template-columns:1fr;}}
@media (max-width:640px){main[data-page="match"] .ts-pl{flex-direction:column;} main[data-page="match"] .ts-pl-photo{width:100%;}}

/* --- head to head --- */
main[data-page="match"] .ts-h2h{display:grid; grid-template-columns:1fr 1.25fr; gap:44px; align-items:start;}
main[data-page="match"] .ts-record-nums{display:grid; grid-template-columns:repeat(3,auto); justify-content:space-between; margin-bottom:16px;}
main[data-page="match"] .ts-record-nums b{display:block; font-family:var(--font-display); font-weight:800; font-size:88px; line-height:.9; color:#FFFFFF;}
main[data-page="match"] .ts-record-nums .home b{color:#FFDB00;}
main[data-page="match"] .ts-record-nums .away b{color:#61E1EE;}
main[data-page="match"] .ts-record-nums .away{text-align:right;}
main[data-page="match"] .ts-record-nums .draw{text-align:center;}
main[data-page="match"] .ts-record-nums span{display:block; margin-top:8px; font-size:10.5px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:rgba(225,230,236,.62);}
main[data-page="match"] .ts-record-bar{display:flex; gap:2px; height:16px;}
main[data-page="match"] .ts-record-bar i{display:block;}
main[data-page="match"] .ts-record-bar i.home{background:#FFDB00;}
main[data-page="match"] .ts-record-bar i.draw{background:rgba(225,230,236,.3);}
main[data-page="match"] .ts-record-bar i.away{background:#61E1EE;}
main[data-page="match"] .ts-meets{display:grid; grid-template-columns:repeat(3,1fr); gap:10px;}
main[data-page="match"] .ts-meet{position:relative; background:#031C3D; padding:16px 16px 14px; border-top:3px solid rgba(225,230,236,.3);}
main[data-page="match"] .ts-meet.home{border-top-color:#FFDB00;}
main[data-page="match"] .ts-meet.away{border-top-color:#61E1EE;}
main[data-page="match"] .ts-meet-d{font-size:10.5px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:rgba(225,230,236,.6);}
main[data-page="match"] .ts-meet-s{font-family:var(--font-display); font-weight:800; font-size:44px; line-height:1; color:#FFFFFF; margin:8px 0 6px; letter-spacing:.5px;}
main[data-page="match"] .ts-meet-v{font-size:11.5px; font-weight:600; color:rgba(225,230,236,.72);}
main[data-page="match"] .ts-foot{margin:34px 0 0; font-size:11.5px; color:rgba(225,230,236,.78);}