/* ===== PAGE: match ===== */
:where([data-page="match"]) .data-table-wrap{background:var(--color-bg-elevated); border:1px solid var(--color-border-subtle); border-radius:var(--radius-container); overflow-x:auto; margin-bottom:28px;}
:where([data-page="match"]) .data-table{width:100%; border-collapse:collapse; font-size:13px; white-space:nowrap;}
:where([data-page="match"]) .data-table th{text-align:left; font-size:10.5px; font-weight:600; color:rgba(225,230,236,.45); text-transform:uppercase; letter-spacing:.3px; padding:13px 16px; border-bottom:1px solid var(--color-border-subtle);}
:where([data-page="match"]) .data-table th.num{text-align:right;}
:where([data-page="match"]) .data-table td{padding:12px 16px; border-bottom:1px solid var(--color-border-subtle); color:var(--color-text-primary); vertical-align:middle;}
:where([data-page="match"]) .data-table td.num{text-align:right; font-variant-numeric:tabular-nums;}
:where([data-page="match"]) .data-table td.dim{color:rgba(225,230,236,.45); font-size:11.5px;}
:where([data-page="match"]) .data-table tbody tr:last-child td{border-bottom:none;}
:where([data-page="match"]) .data-table tbody tr:hover td{background:rgba(225,230,236,.035);}
:where([data-page="match"]) .avatar.xs{width:20px; height:20px; font-size:9px;}
:where([data-page="match"]) .avatar.sm{width:24px; height:24px; font-size:10px;}
:where([data-page="match"]) .avatar.md{width:32px; height:32px; font-size:12px;}
:where([data-page="match"]) .avatar.lg{width:40px; height:40px; font-size:14px;}
:where([data-page="match"]) .avatar.xl{width:56px; height:56px; font-size:18px;}
:where([data-page="match"]) .avatar.disabled{opacity:.35;}
:where([data-page="match"]) .gauge{display:flex; flex-direction:column; align-items:center; gap:10px;}
:where([data-page="match"]) .gauge svg{transform:rotate(-90deg);}

:where([data-page="match"]) a{text-decoration:none; color:inherit;}
:where([data-page="match"]) .wrap{max-width:1180px; margin:0 auto; padding:0 32px;}
:where([data-page="match"]) .logo-home-link{display:flex; align-items:center; gap:10px; min-width:0; flex:1; text-decoration:none; color:inherit; cursor:pointer; transition:opacity .12s ease;}
:where([data-page="match"]) .logo-home-link:hover{opacity:.8;}
:where([data-page="match"]) .logo-home-link:hover .logo-word{color:var(--color-cyan);}
:where([data-page="match"]) .sidebar-search{display:flex; align-items:center; gap:8px; background:var(--input-bg); border:1.5px solid var(--input-border-default); border-radius:var(--input-radius); padding:9px 12px; margin:0 0 18px;}
:where([data-page="match"]) .sidebar-search:focus-within{border-color:var(--input-border-focus);}
:where([data-page="match"]) .sidebar-search-icon{width:15px; height:15px; flex-shrink:0; color:rgba(225,230,236,.45);}
:where([data-page="match"]) .sidebar-search-input{background:transparent; border:none; outline:none; font-family:var(--font-body); font-size:12.5px; color:var(--color-white); width:100%; min-width:0;}
:where([data-page="match"]) .sidebar-search-input::placeholder{color:rgba(225,230,236,.4);}
:where([data-page="match"]) .sidebar-search-sep{width:1px; height:16px; background:var(--color-border-subtle); flex-shrink:0;}
:where([data-page="match"]) .sidebar-search-submit{display:flex; align-items:center; justify-content:center; flex-shrink:0; width:18px; height:18px; padding:0; margin:0; border:none; background:transparent; color:rgba(225,230,236,.55); cursor:pointer;}
:where([data-page="match"]) .sidebar-search-submit svg{width:13px; height:13px; flex-shrink:0;}
:where([data-page="match"]) .nav-divider{height:1px; background:var(--color-border-subtle); margin:14px 4px 10px;}
:where([data-page="match"]) .sidebar-guest-cta{display:none; flex-direction:column; gap:8px; margin-top:8px;}
body:not(.is-auth) :where([data-page="match"]) .sidebar-guest-cta{display:flex;}
:where([data-page="match"]) .sidebar-guest-btn{gap:8px;}
:where([data-page="match"]) .sidebar-guest-icon{flex-shrink:0;}
:where([data-page="match"]) .sidebar-auth-block{display:none; flex-direction:column; gap:2px;}
body.is-auth :where([data-page="match"]) .sidebar-auth-block{display:flex;}
:where([data-page="match"]) .sidebar-auth-block .account-card{margin-top:12px; margin-bottom:0;}
:where([data-page="match"]) .btn-google{background:#FFFFFF; color:#1F1F1F; border:1px solid rgba(2,19,41,.12);}
:where([data-page="match"]) .btn-google:hover{background:#F1F3F4;}
:where([data-page="match"]) .btn-google:active{background:#E4E7E8;}
:where([data-page="match"]) .footer-guest-btn{width:100%; box-sizing:border-box;}
.content-col :where([data-page="match"]) .site-footer-tagline{color:rgba(2,19,41,.5);}
.content-col :where([data-page="match"]) .site-footer-col-title{color:rgba(2,19,41,.42);}
.content-col :where([data-page="match"]) .site-footer-links a{color:rgba(2,19,41,.68);}
.content-col :where([data-page="match"]) .site-footer-links a:hover{color:var(--color-text-primary);}
.content-col :where([data-page="match"]) .site-footer-account-links{color:rgba(2,19,41,.55);}
.content-col :where([data-page="match"]) .site-footer-bottom{color:rgba(2,19,41,.4); border-top-color:rgba(2,19,41,.1) !important;}
.content-col :where([data-page="match"]) .site-footer-bottom .note{color:#8A6D00;}
.content-col :where([data-page="match"]) .account-plan{color:#8A6D00 !important;}
.content-col :where([data-page="match"]) .data-table th{color:rgba(2,19,41,.42);}
.content-col :where([data-page="match"]) .data-table td.dim, .content-col :where([data-page="match"]) .dim{color:rgba(2,19,41,.45);}
.content-col :where([data-page="match"]) .tab{color:rgba(2,19,41,.45);}
.content-col :where([data-page="match"]) .pill.insight{color:#8A6D00;}
:where([data-page="match"]) .league-submenu .flag{display:inline-block; width:18px; margin-right:8px; text-align:center;}
:where([data-page="match"]) .hp-section{margin-bottom:60px;}
:where([data-page="match"]) .hp-title{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:60px; color:var(--color-white); margin:0 0 10px; letter-spacing:.2px; max-width:760px; line-height:1.0;}
:where([data-page="match"]) .hp-sub{font-size:13.5px; color:rgba(2,19,41,.55); max-width:560px; line-height:1.6; margin:0 0 28px;}
:where([data-page="match"]) .fixture-module{position:relative;}
:where([data-page="match"]) .fixture-module .data-table-wrap{background:transparent; border:none; box-shadow:none; margin-bottom:0;}
:where([data-page="match"]) .fixture-module .data-table{font-size:13px; min-width:560px;}
:where([data-page="match"]) .fixture-module .data-table th{padding:10px 16px;}
:where([data-page="match"]) .fixture-module .data-table td{padding:10px 16px;}
:where([data-page="match"]) .fixture-module .data-table th:nth-child(6){padding-left:16px;}
:where([data-page="match"]) .pill.live{color:var(--color-action-danger);}
:where([data-page="match"]) .pill.live::before{content:''; width:6px; height:6px; border-radius:50%; background:currentColor; animation:fxLivePulse 1.4s ease-in-out infinite;}
@media (prefers-reduced-motion: reduce){:where([data-page="match"]) .pill.live::before{animation:none;}
}
:where([data-page="match"]) .fixture-module .pill.live{padding:3px 7px; font-size:9px; letter-spacing:.2px; white-space:nowrap;}
:where([data-page="match"]) .ov-root{position:relative; display:inline-block; width:100%;}
:where([data-page="match"]) .popover{position:absolute; top:44px; left:0; background:var(--color-bg-elevated); border:1px solid var(--color-border-strong); border-radius:var(--radius-container); width:200px; padding:8px; display:none; z-index:5;}
:where([data-page="match"]) .popover.open{display:block;}
:where([data-page="match"]) .fx-stats-row td{padding:0 0 14px;}
:where([data-page="match"]) .fixture-module .data-table tr.fx-stats-row td{padding-bottom:24px;}
.content-col :where([data-page="match"]) .compare-stat-label{color:rgba(2,19,41,.4);}
.content-col :where([data-page="match"]) .compare-bar-half{background:rgba(2,19,41,.06);}
.content-col :where([data-page="match"]) .compare-bar-fill.p1{background:var(--color-navy-base-selected);}
.content-col :where([data-page="match"]) .compare-bar-fill.p1::after, .content-col :where([data-page="match"]) .compare-bar-fill.p2::after{background:rgba(2,19,41,.28);}
.content-col :where([data-page="match"]) .compare-value.p1, .content-col :where([data-page="match"]) .compare-value.p2{color:var(--color-text-primary);}
:where([data-page="match"]) .dark-band{position:relative; overflow:visible; padding:52px 0 48px; margin-bottom:60px;
  --color-bg-canvas:var(--color-navy-base);
  --color-bg-elevated:var(--color-navy-base-elevated);
  --color-text-primary:var(--color-light-neutral);
  --color-white:#FFFFFF;
  --color-border-subtle:var(--neutral-alpha-14);
  --color-border-strong:var(--neutral-alpha-26);
  background:var(--color-navy-base);}
:where([data-page="match"]) .dark-band::before{content:''; position:absolute; inset:0; background-image:var(--img-0); background-repeat:no-repeat; background-position:90% -12%; background-size:620px auto; opacity:.32; pointer-events:none; z-index:0;}
:where([data-page="match"]) .dark-band .wrap{position:relative; z-index:2;}
:where([data-page="match"]) .dark-band .hp-title{color:var(--color-white);}
:where([data-page="match"]) .dark-band .hp-sub{color:rgba(225,230,236,.55);}
body.is-auth :where([data-page="match"]) .site-footer-account-guest{display:none;}
body.is-auth :where([data-page="match"]) .site-footer-account-auth{display:flex;}
:where([data-page="match"]) .btn{transition:background .14s ease, filter .14s ease, opacity .14s ease;}
:where([data-page="match"]) .btn-primary:hover{background:var(--button-primary-bg-hover);}
:where([data-page="match"]) .btn-primary:active{background:var(--button-primary-bg-pressed);}
:where([data-page="match"]) .btn-insight:hover{filter:brightness(1.07);}
:where([data-page="match"]) .btn-insight:active{filter:brightness(0.92);}
:where([data-page="match"]) .page-hero{position:relative; overflow:hidden; padding:0;}
:where([data-page="match"]) .page-hero-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 45%; filter:blur(2.5px); transform:scale(1.06);}
:where([data-page="match"]) .page-hero-scrim{position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg, rgba(3,14,31,.88) 0%, rgba(3,14,31,.8) 40%, rgba(3,14,31,.62) 76%, rgba(3,14,31,.5) 100%);}
:where([data-page="match"]) .page-hero::before{z-index:1; opacity:.6; background-position:right 2% top -120px; background-size:520px auto;}
:where([data-page="match"]) .page-hero .wrap{position:relative; z-index:2;}
:where([data-page="match"]) .tk{display:inline-flex; align-items:center; gap:7px; background:var(--color-bg-canvas); border:1px solid var(--color-border-subtle); border-radius:var(--radius-control); padding:8px 8px 8px 10px; font-size:13px; color:var(--color-text-primary); cursor:grab; user-select:none; transition:border-color .12s ease, box-shadow .12s ease, opacity .12s ease;}
:where([data-page="match"]) .tk:hover{border-color:var(--color-border-strong);}
:where([data-page="match"]) .tk:active{cursor:grabbing;}
:where([data-page="match"]) .pk{position:absolute; top:calc(100% + 8px); left:0; z-index:80; max-width:92vw;
  background:var(--color-bg-elevated); border:1px solid var(--color-border-strong); border-radius:var(--radius-container);
  box-shadow:0 18px 44px -14px rgba(2,19,41,.4); overflow:hidden;}
:where([data-page="match"]) .pk[hidden]{display:none;}
:where([data-page="match"]) .up-table .data-table-wrap{background:transparent; border:none; box-shadow:none; margin-bottom:0;}
:where([data-page="match"]) .up-table .data-table th{padding:10px 16px;}
:where([data-page="match"]) .up-table .data-table td{padding:12px 16px;}
:where([data-page="match"]) .up-table .data-table td{vertical-align:middle;}
:where([data-page="match"]) .up-table .data-table td .pill{white-space:nowrap;}
:where([data-page="match"]) .pk{width:680px;}
:where([data-page="match"]) .md-hero{position:relative; margin:0 0 60px; border-radius:0; overflow:hidden;
  background:
    radial-gradient(120% 90% at 50% 6%, rgba(0,0,0,0) 0%, rgba(0,0,0,.42) 100%),
    linear-gradient(180deg, var(--color-navy-base) 0%, var(--color-navy-base-selected) 55%, var(--color-navy-base) 100%);}
:where([data-page="match"]) .md-hero .page-hero-img{display:none;}
:where([data-page="match"]) .md-hero .page-hero-scrim{display:none;}
:where([data-page="match"]) .md-hero::before{content:''; position:absolute; inset:0; pointer-events:none; z-index:0; opacity:.05; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");}
:where([data-page="match"]) .md-hero .wrap{padding-top:40px; padding-bottom:56px; position:relative; z-index:2;}
:where([data-page="match"]) .md-hero-pitch-top{position:absolute; left:38%; top:-56px; width:25%; height:150px; border:1px solid rgba(97,225,238,.12); border-radius:10px; transform:perspective(300px) rotateX(-50deg); pointer-events:none; z-index:0;}
:where([data-page="match"]) .md-hero-pitch-bottom{position:absolute; left:34%; bottom:-55px; height:90px; width:32%; border:1px solid rgba(97,225,238,.10); border-radius:8px; transform:perspective(360px) rotateX(52deg); transform-origin:top; pointer-events:none; z-index:0;}
:where([data-page="match"]) .md-hero-pitch-circle{position:absolute; left:48%; top:64px; width:56px; height:56px; border:1px solid rgba(97,225,238,.14); border-radius:50%; pointer-events:none; z-index:0;}
:where([data-page="match"]) .md-hero-pitch-circle::before{content:''; position:absolute; left:50%; bottom:100%; width:1px; height:58px; background:rgba(97,225,238,.10);}
:where([data-page="match"]) .md-hero-pitch-circle::after{content:''; position:absolute; left:50%; top:50%; width:4px; height:4px; margin:-2px 0 0 -2px; background:rgba(97,225,238,.5); border-radius:50%;}
:where([data-page="match"]) .md-hero-ghost-clip{position:absolute; top:14%; width:46%; height:104px; overflow:hidden; z-index:0; pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg, black 0%, transparent 70%);
  mask-image:linear-gradient(90deg, transparent 0%, black 18%, black 100%), linear-gradient(180deg, black 0%, transparent 70%);
  mask-composite:intersect;}
:where([data-page="match"]) .md-hero-ghost-clip.home{right:60%;}
:where([data-page="match"]) .md-hero-ghost-clip.away{right:-6px;}
:where([data-page="match"]) .md-hero-ghost{position:absolute; right:0; top:0; font-family:var(--font-display); font-weight:800; font-style:normal; font-size:104px; line-height:1; letter-spacing:1px; color:transparent; -webkit-text-stroke:1px rgba(225,230,236,.09); white-space:nowrap;}
:where([data-page="match"]) .md-hero-dotgrid{position:absolute; top:38%; width:70px; height:46px; opacity:.5; pointer-events:none; z-index:1;
  background-image:radial-gradient(circle, rgba(97,225,238,.4) 1px, transparent 1.3px);
  background-size:11px 11px;}
:where([data-page="match"]) .md-hero-dotgrid.left{left:56px;}
:where([data-page="match"]) .md-hero-dotgrid.right{right:56px;}
:where([data-page="match"]) .md-hero-rule{position:absolute; top:27%; height:1px; background:rgba(97,225,238,.16); z-index:1; pointer-events:none;}
:where([data-page="match"]) .md-hero-rule.left{left:64px; width:120px;}
:where([data-page="match"]) .md-hero-rule.right{right:64px; width:96px;}
:where([data-page="match"]) .md-notches{position:absolute; left:50%; bottom:16px; transform:translateX(-50%); display:flex; align-items:center; gap:5px; z-index:1; pointer-events:none;}
:where([data-page="match"]) .md-notches i{width:7px; height:1px; background:rgba(97,225,238,.45); display:block;}
:where([data-page="match"]) .md-notches b{width:3px; height:3px; background:var(--color-yellow); display:block;}
:where([data-page="match"]) .md-hero-topbar{display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:32px; position:relative; z-index:2;}
:where([data-page="match"]) .md-comp-badge{display:inline-flex; align-items:center; gap:8px; background:rgba(225,230,236,.08); border:1px solid rgba(225,230,236,.22); border-radius:var(--radius-6); padding:6px 14px 6px 8px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--color-white);}
:where([data-page="match"]) .md-comp-badge img{width:20px; height:20px; object-fit:contain; flex-shrink:0;}
:where([data-page="match"]) .md-hero-datetime-row{display:flex; align-items:center; gap:12px;}
:where([data-page="match"]) .md-hero-datetime{text-align:right;}
:where([data-page="match"]) .md-hero-datetime-main{font-size:13px; font-weight:700; color:var(--color-white); letter-spacing:.2px;}
:where([data-page="match"]) .md-hero-datetime-sub{font-size:11px; color:rgba(225,230,236,.48); margin-top:3px;}
:where([data-page="match"]) .md-hero-clock{width:28px; height:28px; border-radius:50%; border:1.5px solid var(--color-cyan); display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 0 8px rgba(97,225,238,.3);}
:where([data-page="match"]) .md-hero-clock svg{width:13px; height:13px; color:var(--color-cyan);}
:where([data-page="match"]) .md-reticle{width:14px; height:14px; color:rgba(97,225,238,.55); flex-shrink:0;}
:where([data-page="match"]) .md-scoreboard{display:flex; align-items:center; justify-content:center; gap:36px; position:relative; z-index:2;}
:where([data-page="match"]) .md-side{display:flex; flex-direction:column; align-items:center; gap:12px; flex:1; max-width:260px; min-width:0;}
:where([data-page="match"]) .md-side-crest{width:76px; height:76px; object-fit:contain; flex-shrink:0;}
:where([data-page="match"]) .md-side-name{font-family:var(--font-display); font-weight:800; font-style:normal; text-transform:uppercase; font-size:32px; letter-spacing:.2px; text-align:center; line-height:1.05;
  background:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 55%, rgba(225,230,236,.85) 100%); -webkit-background-clip:text; background-clip:text; color:transparent;}
:where([data-page="match"]) .md-side-underline{position:relative; width:64px; height:1px; background:rgba(97,225,238,.35); flex-shrink:0;}
:where([data-page="match"]) .md-side-underline::after{content:''; position:absolute; left:50%; top:50%; width:22px; height:3px; background:var(--color-cyan); transform:translate(-50%,-50%);}
:where([data-page="match"]) .md-form-row{display:flex; gap:5px; margin-top:2px;}
:where([data-page="match"]) .md-form-dot{width:9px; height:9px; border-radius:50%; flex-shrink:0;}
:where([data-page="match"]) .md-form-dot.w{background:var(--color-action-success);}
:where([data-page="match"]) .md-form-dot.d{background:rgba(225,230,236,.4);}
:where([data-page="match"]) .md-form-dot.l{background:var(--color-action-danger);}
:where([data-page="match"]) .md-scorers{list-style:none; margin:2px 0 0; padding:0; display:flex; flex-direction:column; gap:3px; align-items:center;}
:where([data-page="match"]) .md-scorer{font-size:12px; color:rgba(225,230,236,.85); display:flex; align-items:center; gap:5px;}
:where([data-page="match"]) .md-scorer svg{width:11px; height:11px; flex-shrink:0; color:var(--color-white);}
:where([data-page="match"]) .md-scorer .md-pen{font-size:10.5px; color:rgba(225,230,236,.65);}
:where([data-page="match"]) .md-mid{display:flex; flex-direction:column; align-items:center; gap:8px; flex-shrink:0;}
:where([data-page="match"]) .md-status-pill{font-family:var(--font-body); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.6px; color:var(--color-text-inverse); background:var(--color-cyan); border-radius:var(--radius-6); padding:4px 12px;}
:where([data-page="match"]) .md-score-big{font-family:var(--font-display); font-weight:800; font-style:normal; font-size:88px; line-height:1; color:var(--color-white); display:flex; align-items:center; gap:22px;}
:where([data-page="match"]) .md-score-big .md-dash{width:38px; height:10px; border-radius:0; background:var(--color-cyan); display:inline-block;}
:where([data-page="match"]) .md-score-big .md-score-tick{width:22px; height:4px; border-radius:1px; background:var(--color-action-insight); display:inline-block; flex-shrink:0;}
:where([data-page="match"]) .md-ht{font-size:12px; color:rgba(225,230,236,.75);}
:where([data-page="match"]) .md-venue{font-size:12px; color:rgba(225,230,236,.75); margin-top:2px; text-align:center;}
@media (max-width: 720px){:where([data-page="match"]) .md-scoreboard{flex-wrap:wrap; gap:20px;}
}
@media (max-width: 720px){:where([data-page="match"]) .md-side{max-width:130px;}
}
@media (max-width: 720px){:where([data-page="match"]) .md-side-name{font-size:19px;}
}
@media (max-width: 720px){:where([data-page="match"]) .md-side-crest{width:56px; height:56px;}
}
@media (max-width: 720px){:where([data-page="match"]) .md-score-big{font-size:56px; gap:14px;}
}
@media (max-width: 720px){:where([data-page="match"]) .md-score-big .md-dash{width:26px; height:7px;}
}
@media (max-width: 720px){:where([data-page="match"]) .md-score-big .md-score-tick{width:15px; height:3px;}
}
@media (max-width: 720px){:where([data-page="match"]) .md-hero-topbar{flex-direction:column; gap:10px;}
}
@media (max-width: 720px){:where([data-page="match"]) .md-hero-datetime{text-align:left;}
}
@media (max-width: 720px){:where([data-page="match"]) .md-hero-datetime-row{justify-content:flex-start;}
}
@media (max-width: 720px){:where([data-page="match"]) .md-hero-ghost-clip, :where([data-page="match"]) .md-hero-dotgrid, :where([data-page="match"]) .md-hero-rule, :where([data-page="match"]) .md-notches, :where([data-page="match"]) .md-hero-pitch-top, :where([data-page="match"]) .md-hero-pitch-bottom, :where([data-page="match"]) .md-hero-pitch-circle{display:none;}
}
:where([data-page="match"]) .md-tabbar-wrap{margin-top:0;}
:where([data-page="match"]) .md-tabbar{display:flex; align-items:flex-end; justify-content:space-between; gap:20px; border-bottom:1px solid var(--color-border-subtle); padding-bottom:0;}
.content-col :where([data-page="match"]) .md-tabbar{border-bottom-color:rgba(2,19,41,.12);}

:where([data-page="match"]) .md-tabs{display:flex; gap:4px; flex-wrap:wrap;}
:where([data-page="match"]) .md-tab{appearance:none; background:none; border:none; border-bottom:2px solid transparent; padding:12px 16px 13px; font-family:var(--font-body); font-size:13.5px; font-weight:600; color:rgba(2,19,41,.5); cursor:pointer; white-space:nowrap;}
:where([data-page="match"]) .md-tab:hover{color:var(--color-text-primary);}
:where([data-page="match"]) .md-tab.active{color:var(--color-navy-base-selected); border-bottom-color:var(--color-navy-base-selected);}



:where([data-page="match"]) .md-panel{display:none;}
:where([data-page="match"]) .md-panel.active{display:block;}
/* Prematch facts (Halil, punch list 2026-10): eskiden ince, hairline-bordelu bir liste
   satiriydi (14px takim adi, 13.5px stat basligi, 17px bulunan deger) -- "daha buyuk,
   daha carpici, kutu kutu, navy/cyan/sari bam bam" istendi. Artik "Team stats" ustundeki
   .ts-kpi ile AYNI dil: koyu lacivert kutu + takim renginde ust kenarlik, buyuk kalin
   sayi. Kutu zaten koyu oldugu icin .content-col (acik zemin) override'larina ihtiyac
   yok -- .ts-kpi'nin de boyle bir override'i yok, ayni mantik. */
:where([data-page="match"]) .md-facts-teams{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
:where([data-page="match"]) .md-facts-col-head{display:flex; align-items:center; gap:11px; margin-bottom:16px;}
:where([data-page="match"]) .md-fact-crest{height:24px; width:auto; object-fit:contain; flex-shrink:0;}
:where([data-page="match"]) .md-facts-col-head span{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:23px; letter-spacing:.2px; color:var(--color-text-inverse);}
:where([data-page="match"]) .md-facts-grid{display:flex; flex-direction:column; gap:12px;}
@media (max-width:720px){:where([data-page="match"]) .md-facts-teams{grid-template-columns:1fr;}
}
:where([data-page="match"]) .md-fact-box{position:relative; background:#031C3D; border-top:3px solid rgba(225,230,236,.3); padding:18px 20px 17px;}
:where([data-page="match"]) .md-facts-col.home .md-fact-box{border-top-color:#FFDB00;}
:where([data-page="match"]) .md-facts-col.away .md-fact-box{border-top-color:#61E1EE;}
:where([data-page="match"]) .md-fact-box-head{display:flex; align-items:flex-start; justify-content:space-between; gap:12px;}
:where([data-page="match"]) .md-fact-name{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:46px; line-height:1; letter-spacing:.2px; color:#FFFFFF;}
@media (max-width:560px){:where([data-page="match"]) .md-fact-name{font-size:34px;}}
:where([data-page="match"]) .md-fact-team{font-size:11.5px; color:rgba(225,230,236,.5); margin-top:5px;}
:where([data-page="match"]) .md-fact-nums{display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-top:16px;}
:where([data-page="match"]) .md-fact-expected{font-size:12px; font-weight:600; color:rgba(225,230,236,.55); text-transform:uppercase; letter-spacing:.3px;}
:where([data-page="match"]) .md-fact-found-block{display:flex; flex-direction:column; align-items:flex-end; flex-shrink:0;}
:where([data-page="match"]) .md-fact-found{font-family:var(--font-display); font-weight:800; font-size:46px; line-height:1; letter-spacing:.2px; color:#61E1EE;}
:where([data-page="match"]) .md-facts-col.home .md-fact-found{color:#FFDB00;}
:where([data-page="match"]) .md-fact-found-label{font-size:9.5px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:rgba(225,230,236,.45); margin-top:3px;}
:where([data-page="match"]) .md-fact-tag{flex-shrink:0; font-family:var(--font-body); font-weight:700; text-transform:uppercase; font-size:11.5px; letter-spacing:.4px;}
:where([data-page="match"]) .md-fact-box.hit .md-fact-tag{color:var(--color-action-success);}
:where([data-page="match"]) .md-fact-box.miss .md-fact-tag{color:var(--color-action-danger);}
:where([data-page="match"]) .md-stats-layout{display:grid; grid-template-columns:minmax(300px,380px) minmax(0,1fr); gap:56px; align-items:start;}
:where([data-page="match"]) .md-stats-top{display:grid; grid-template-columns:1fr; gap:20px; margin-bottom:0;}
@media (max-width: 960px){:where([data-page="match"]) .md-stats-layout{grid-template-columns:1fr; gap:32px;}}
@media (max-width: 780px){:where([data-page="match"]) .md-stats-top{grid-template-columns:1fr;}
}
:where([data-page="match"]) .md-gauge-card{background:var(--color-bg-elevated); border:1px solid var(--color-border-subtle); border-radius:var(--radius-container); padding:18px 20px; display:flex; align-items:center; gap:20px;}
.content-col :where([data-page="match"]) .md-gauge-card{background:#F2F6FA; border-color:rgba(2,19,41,.1);}
:where([data-page="match"]) .md-gauge-ring{position:relative; width:88px; height:88px; flex-shrink:0;}
:where([data-page="match"]) .md-gauge-ring svg{width:100%; height:100%; transform:rotate(-90deg);}
:where([data-page="match"]) .md-gauge-track{fill:none; stroke:rgba(225,230,236,.14); stroke-width:8;}
.content-col :where([data-page="match"]) .md-gauge-track{stroke:rgba(2,19,41,.09);}
:where([data-page="match"]) .md-gauge-fill{fill:none; stroke-width:8; stroke-linecap:butt;}
:where([data-page="match"]) .md-gauge-fill.p1{stroke:var(--color-action-insight);}
:where([data-page="match"]) .md-gauge-fill.p2{stroke:var(--color-action-primary);}
.content-col :where([data-page="match"]) .md-gauge-fill.p1{stroke:var(--color-navy-base-selected);}
.content-col :where([data-page="match"]) .md-gauge-fill.p2{stroke:var(--color-cyan-pressed);}
:where([data-page="match"]) .md-gauge-label{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:800; font-size:16px; color:var(--color-white);}
.content-col :where([data-page="match"]) .md-gauge-label{color:var(--color-text-inverse);}
:where([data-page="match"]) .md-gauge-info{flex:1; min-width:0;}
:where([data-page="match"]) .md-gauge-title{font-size:13px; font-weight:700; color:var(--color-text-primary); margin-bottom:10px;}
.content-col :where([data-page="match"]) .md-gauge-title{color:var(--color-text-inverse);}
:where([data-page="match"]) .md-gauge-legend{display:flex; flex-direction:column; gap:6px;}
:where([data-page="match"]) .md-gauge-legend-row{display:flex; align-items:center; gap:8px; font-size:12px; color:rgba(225,230,236,.65);}
.content-col :where([data-page="match"]) .md-gauge-legend-row{color:rgba(2,19,41,.55);}
:where([data-page="match"]) .md-gauge-dot{width:8px; height:8px; flex-shrink:0;}
:where([data-page="match"]) .md-gauge-dot.p1{background:var(--color-action-insight);}
:where([data-page="match"]) .md-gauge-dot.p2{background:var(--color-action-primary);}
.content-col :where([data-page="match"]) .md-gauge-dot.p1{background:var(--color-navy-base-selected);}
.content-col :where([data-page="match"]) .md-gauge-dot.p2{background:var(--color-cyan-pressed);}
:where([data-page="match"]) .md-gauge-legend-val{margin-left:auto; font-weight:700; color:var(--color-text-primary);}
.content-col :where([data-page="match"]) .md-gauge-legend-val{color:var(--color-text-inverse);}
:where([data-page="match"]) .md-compare-wrap{max-width:none; margin:0;}
:where([data-page="match"]) .md-compare-list{display:flex; flex-direction:column; gap:2px;}
:where([data-page="match"]) .md-section-title{font-family:var(--font-body); font-weight:700; text-transform:uppercase; font-size:12px; letter-spacing:.4px; color:var(--color-text-inverse); margin-bottom:14px;}
:where([data-page="match"]) .md-compare-list .compare-row{padding:8px 0;}
:where([data-page="match"]) .md-compare-list .compare-value{font-size:18px;}
:where([data-page="match"]) .md-compare-list .compare-stat-label{font-size:10px;}
:where([data-page="match"]) .md-compare-teams{display:flex; align-items:center; justify-content:space-between; margin-bottom:14px;}
:where([data-page="match"]) .md-compare-team{display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700; color:rgba(2,19,41,.6);}
:where([data-page="match"]) .md-compare-team img{width:16px; height:16px; object-fit:contain;}
:where([data-page="match"]) .md-compare-team.p2{flex-direction:row-reverse;}
/* Halil (Round G, 2026-10-04): "Alchemists Tactic'in saha iskeletini AYNEN kullan -- cizgi
   yapisi, cizgi kalinliklari, saha dimension'lari, proporsiyonlar, ratio'lar." Olculen
   gercek degerler (Playwright, .md-pitch): 300x400 (3:4), 1px border rgba(225,230,236,.3),
   radius 6px, gradient 180deg elevated->base; orta cizgi 1px @ %50; orta yuvarlak 40px
   (content-box => 42px dis) 1px; ceza sahasi %60 x %14; alti pas %30 x %6; nokta 3px @ %12/%88.
   Eski heatmap yatay 460x307 (3:2) idi -- tamamen farkli bir saha. Artik ayni .md-pitch-mark
   / .md-pitch-spot siniflari KENDISI kullaniliyor (kopya degil), geometri birebir ayni kalir.
   Bolgeler yatay bantlar: ATT ust, GK alt (Tactic'teki gibi), GK bandi = ceza sahasi
   yuksekligi (%14). */
:where([data-page="match"]) .md-heat-wrap{display:flex; flex-wrap:wrap; justify-content:center; gap:36px 64px; margin-top:8px;}
:where([data-page="match"]) .md-heat-team{flex:0 1 300px; min-width:0;}
:where([data-page="match"]) .md-heat-team-label{display:flex; align-items:center; gap:9px; font-size:13.5px; font-weight:700; color:var(--color-text-primary); margin-bottom:14px;}
:where([data-page="match"]) .md-heat-team-label img{width:19px; height:19px; object-fit:contain;}
:where([data-page="match"]) .md-heat-pitch{position:relative; width:100%; max-width:300px; margin:0 auto; aspect-ratio:3/4; display:flex; flex-direction:column; background:linear-gradient(180deg, var(--color-navy-base-elevated) 0%, var(--color-navy-base) 100%); border:1px solid rgba(225,230,236,.3); border-radius:6px; overflow:hidden;}
:where([data-page="match"]) .md-heat-zone2{appearance:none; border:none; cursor:pointer; position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:4px; padding:0 0 0 14px; text-align:left; min-height:0; font-family:var(--font-body); transition:filter .12s ease; z-index:1;}
/* Bantlar render sirasiyla ATT, MID, DEF, GK. flex-grow orani = yuzde (toplam 100).
   Sinirlar Alchemists Tactic'teki oyuncu hatlarindan turetildi (kaleci %90, savunma %72,
   orta saha %52, on libero/hucum %32 ve %13): iki hat arasinin ortasi = %42 (ATT|MID) ve
   %62 (MID|DEF); GK|DEF siniri ceza sahasi ust cizgisi (%86). Boylece her oyuncu kendi bandinin
   icinde kalir: ATT %0-42, MID %42-62, DEF %62-86, GK %86-100. */
:where([data-page="match"]) .md-heat-zone2:nth-child(1){flex:42 1 0;}
:where([data-page="match"]) .md-heat-zone2:nth-child(2){flex:20 1 0; justify-content:flex-end;}
:where([data-page="match"]) .md-heat-zone2:nth-child(2) .md-heat-zone2-val{margin-bottom:6px;}
:where([data-page="match"]) .md-heat-zone2:nth-child(3){flex:24 1 0;}
:where([data-page="match"]) .md-heat-zone2:nth-child(4){flex:14 1 0;}
/* Bant ayraci: kesikli, koyu+acik cift satir. Saha cizgileri duz ve beyaz oldugundan karismaz;
   ayni kademe rengindeki komsu bantlarin siniri da acik ve koyu zeminde gorunur kalir. */
:where([data-page="match"]) .md-heat-zone2:not(:first-child)::before{content:""; position:absolute; left:0; right:0; top:0; height:2px; background-image:repeating-linear-gradient(90deg, rgba(2,19,41,.6) 0 4px, transparent 4px 7px), repeating-linear-gradient(90deg, rgba(255,255,255,.55) 0 4px, transparent 4px 7px); background-size:100% 1px, 100% 1px; background-position:0 0, 0 1px; background-repeat:no-repeat; pointer-events:none;}
:where([data-page="match"]) .md-heat-zone2:hover, :where([data-page="match"]) .md-heat-zone2:focus-visible{filter:brightness(1.08);}
:where([data-page="match"]) .md-heat-zone2-label{font-size:11px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; opacity:.82;}
:where([data-page="match"]) .md-heat-zone2-val{font-family:var(--font-display); font-weight:800; font-size:22px; line-height:1;}
/* Isaret katmani: .md-pitch'in ::before/::after'i bantlarin ALTINDA kalacagi icin ayni
   degerlerle gercek elemanlar. Kutular/nokta dogrudan .md-pitch-mark / .md-pitch-spot.
   Tek fark RENK: Tactic'te navy uzerinde rgba(225,230,236,.26); burada degisken renkli
   (acik cyan/sari dahil) bantlarin ustunde gorunmesi icin opak beyaz + ince koyu halo.
   Kalinlik/olcu/konum AYNI. */
:where([data-page="match"]) .md-heat-pitch-marks{position:absolute; inset:0; pointer-events:none; z-index:2; filter:drop-shadow(0 0 1.4px rgba(2,19,41,.55));}
:where([data-page="match"]) .md-heat-pitch-marks .md-pitch-mark{border-color:rgba(255,255,255,.92);}
:where([data-page="match"]) .md-heat-pitch-marks .md-pitch-spot{background:rgba(255,255,255,.92);}
:where([data-page="match"]) .md-hl-half{position:absolute; left:0; right:0; top:50%; height:1px; background:rgba(255,255,255,.92); transform:translateY(-50%);}
:where([data-page="match"]) .md-hl-circle{position:absolute; left:50%; top:50%; width:40px; height:40px; box-sizing:content-box; border:1px solid rgba(255,255,255,.92); border-radius:50%; transform:translate(-50%,-50%);}
:where([data-page="match"]) .md-heat-legend{display:flex; flex-wrap:wrap; gap:14px 22px; margin-top:22px; padding-top:18px; border-top:1px solid rgba(2,19,41,.08);}
:where([data-page="match"]) .md-heat-legend-item{display:flex; align-items:center; gap:7px; font-size:11px; font-weight:600; color:rgba(2,19,41,.55); white-space:nowrap;}
:where([data-page="match"]) .md-heat-legend-item i{display:inline-block; width:11px; height:11px; border-radius:3px; flex-shrink:0;}
:where([data-page="match"]) .md-heat-legend-item b{font-weight:600; color:rgba(2,19,41,.4);}
:where([data-page="match"]) .md-heat-pop{position:fixed; z-index:300; background:#FFFFFF; border-radius:var(--radius-container); box-shadow:0 14px 36px rgba(2,19,41,.24); padding:20px 22px; width:270px; display:none;}
:where([data-page="match"]) .md-heat-pop.show{display:block;}
:where([data-page="match"]) .md-heat-pop-close{position:absolute; top:12px; right:12px; width:22px; height:22px; border:none; background:rgba(2,19,41,.06); border-radius:50%; color:rgba(2,19,41,.5); font-size:14px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center;}
:where([data-page="match"]) .md-heat-pop-title{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:15px; letter-spacing:.3px; color:var(--color-text-primary); padding-bottom:10px; margin-bottom:10px; padding-right:24px; border-bottom:2px solid var(--color-navy-base-selected);}
:where([data-page="match"]) .md-heat-pop-row{display:flex; align-items:center; justify-content:space-between; font-size:12px; color:rgba(2,19,41,.55); padding:4px 0;}
:where([data-page="match"]) .md-heat-pop-row b{color:var(--color-text-primary); font-weight:700; font-size:13px;}
:where([data-page="match"]) .md-heat-pop-players{margin-top:10px; padding-top:10px; border-top:1px solid rgba(2,19,41,.1); display:flex; flex-direction:column; gap:7px; max-height:180px; overflow-y:auto;}
:where([data-page="match"]) .md-heat-pop-player{display:flex; align-items:baseline; justify-content:space-between; gap:10px; font-size:12px; color:rgba(2,19,41,.55);}
:where([data-page="match"]) .md-heat-pop-player b{font-weight:600; color:var(--color-text-primary); font-size:12.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
:where([data-page="match"]) .md-heat-pop-player span{flex-shrink:0; white-space:nowrap;}
:where([data-page="match"]) .md-report-cols{display:grid; grid-template-columns:1fr 1fr; gap:48px; margin-top:20px;}
@media (max-width: 780px){:where([data-page="match"]) .md-report-cols{grid-template-columns:1fr; gap:32px;}
}
:where([data-page="match"]) .md-report-col-title{display:flex; align-items:center; gap:8px; font-size:13px; font-weight:700; color:var(--color-text-inverse); margin-bottom:22px;}
:where([data-page="match"]) .md-report-col-title img{width:18px; height:18px; object-fit:contain;}
:where([data-page="match"]) .md-report-list{display:flex; flex-direction:column; gap:28px;}
:where([data-page="match"]) .md-report-list .insight-card{gap:14px; align-items:flex-start;}
:where([data-page="match"]) .md-report-list .insight-dot{width:7px; height:7px; border-radius:50%; background:var(--color-action-insight); flex-shrink:0; margin-top:12px;}
.content-col :where([data-page="match"]) .md-report-list .insight-dot{background:var(--color-navy-base-selected);}
:where([data-page="match"]) .md-report-list .insight-text{line-height:1.75; padding-top:4px;}
.content-col :where([data-page="match"]) .insight-text{color:rgba(2,19,41,.62);}
.content-col :where([data-page="match"]) .insight-text b{color:var(--color-text-inverse);}
:where([data-page="match"]) .md-lineup-block{margin-bottom:40px;}
:where([data-page="match"]) .md-lineup-block:last-child{margin-bottom:0;}
:where([data-page="match"]) .md-lineup-team-head{display:flex; align-items:center; gap:14px; margin-bottom:20px;}
:where([data-page="match"]) .md-lineup-block.away{padding-top:36px;}

:where([data-page="match"]) .md-lineup-team-name{font-family:var(--font-display); font-weight:800; text-transform:uppercase; font-size:17px; color:var(--color-text-inverse);}

:where([data-page="match"]) .md-lineup-team-grid{display:grid; grid-template-columns:1fr 300px; gap:28px; align-items:start;}
@media (max-width: 900px){:where([data-page="match"]) .md-lineup-team-grid{grid-template-columns:1fr;}
}
:where([data-page="match"]) .md-lineup-table-col .data-table{font-size:11.5px;}
:where([data-page="match"]) .md-lineup-table-col .data-table th{padding:9px 6px; font-size:9px;}
:where([data-page="match"]) .md-lineup-table-col .data-table td{padding:8px 6px;}
:where([data-page="match"]) .md-lineup-table-col .data-table-wrap{background:transparent; border:none; box-shadow:none; overflow-x:visible;}
:where([data-page="match"]) .md-cap-icon{display:inline-flex; align-items:center; justify-content:center; width:14px; height:14px; border-radius:50%; background:rgba(2,19,41,.08); font-size:8.5px; font-weight:800; color:rgba(2,19,41,.55); margin-left:5px; vertical-align:1px;}
:where([data-page="match"]) .md-name-av{display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:rgba(2,19,41,.07); color:rgba(2,19,41,.38); margin-right:8px; vertical-align:-5px; flex-shrink:0;}
/* Halil fix (punch list): Lineups tablosu, Alchemists Tactic forma noktalari ve Timeline
   olaylarindaki genel siluet SVG ikonlari yerine gercek futbolcu portreleri (Design
   System'den saglanan 8 foto, --pp-1..--pp-8 :root degiskenleri). Discussion sekmesinin
   kendi avatarlari (gercek taraftar/uye degil, placeholder siluet) BILEREK dokunulmadi --
   bunlar futbolcu degil, bu yuzden kapsam disi tutuldu. */
/* Halil (Round E): jersey-dot'taki forma numarasi rozeti (.md-jersey-num) kasitli
   olarak dairenin disina tasan (bottom:-3px;right:-3px) absolute pozisyonlu bir
   cocuk -- ama bu paylasilan kuraldaki overflow:hidden onu (ve diger av-photo
   context'lerinde gerek olmayan hicbir seyi) kesiyordu. border-radius zaten
   background-image'i kendi yuvarlak sinirina kirpiyor (background-clip:border-box
   varsayilani), overflow:hidden'a hic gerek yoktu -- kaldirildi. */
:where([data-page="match"]) .md-av-photo.md-av-photo{background-size:cover; background-position:center top;}
:where([data-page="match"]) .md-av-photo svg{display:none;}
:where([data-page="match"]) .md-name-av svg{width:11px; height:11px;}
:where([data-page="match"]) .md-sub-title{font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; color:rgba(2,19,41,.42); margin:20px 0 8px;}
:where([data-page="match"]) .md-pitch-wrap{background:transparent; border:none; padding:0; margin-bottom:8px;}
:where([data-page="match"]) .md-pitch-title{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:var(--color-text-primary); margin-bottom:14px;}
.content-col :where([data-page="match"]) .md-pitch-title{color:var(--color-text-inverse);}
:where([data-page="match"]) .md-pitch{position:relative; width:100%; max-width:300px; margin:0 auto; aspect-ratio:3/4; background:linear-gradient(180deg, var(--color-navy-base-elevated) 0%, var(--color-navy-base) 100%); border:1px solid rgba(225,230,236,.3); border-radius:6px; overflow:hidden;}
:where([data-page="match"]) .md-pitch::before{content:''; position:absolute; left:0; right:0; top:50%; height:1px; background:rgba(225,230,236,.26); transform:translateY(-50%);}
:where([data-page="match"]) .md-pitch::after{content:''; position:absolute; left:50%; top:50%; width:40px; height:40px; border:1px solid rgba(225,230,236,.26); border-radius:50%; transform:translate(-50%,-50%);}
:where([data-page="match"]) .md-pitch-mark{position:absolute; left:50%; transform:translateX(-50%); border:1px solid rgba(225,230,236,.26); pointer-events:none;}
:where([data-page="match"]) .md-pitch-mark.top{top:0; border-top:none;}
:where([data-page="match"]) .md-pitch-mark.bottom{bottom:0; border-bottom:none;}
:where([data-page="match"]) .md-pitch-mark.box18{width:60%; height:14%;}
:where([data-page="match"]) .md-pitch-mark.box6{width:30%; height:6%;}
:where([data-page="match"]) .md-pitch-spot{position:absolute; left:50%; width:3px; height:3px; border-radius:50%; background:rgba(225,230,236,.4); transform:translate(-50%,-50%); pointer-events:none;}
:where([data-page="match"]) .md-jersey{position:absolute; display:flex; flex-direction:column; align-items:center; gap:3px; transform:translate(-50%,-50%); width:42px; z-index:1;}
:where([data-page="match"]) .md-jersey-dot{position:relative; width:24px; height:24px; border-radius:50%; background:linear-gradient(160deg, #143E73 0%, #0B2A55 100%); color:rgba(255,255,255,.5); display:flex; align-items:center; justify-content:center; flex-shrink:0; border:1.5px solid rgba(255,219,0,.85); box-shadow:0 2px 6px rgba(2,19,41,.4);}
:where([data-page="match"]) .md-jersey-dot svg{width:12px; height:12px;}
:where([data-page="match"]) .md-jersey.away .md-jersey-dot{background:linear-gradient(160deg, #1E6A78 0%, #175E69 100%); border-color:rgba(97,225,238,.9);}
/* Halil (Round E): yukaridaki .away kuralinin background: SHORTHAND'i, forma
   fotograflarindaki background-size/position'i (inline background-image'in
   KENDİSİ degil, sadece boyut/konum) initial'e resetleyip deplasman (FB)
   formalarinin fotografini "bos/tanimsiz" gosteriyordu -- ayni specificity +
   kaynak-sirasi tuzagi (bkz. .md-tl-av fix). Fix: daha yuksek ozguluklu bir
   override ile boyut/konumu geri kazandir. */
:where([data-page="match"]) .md-jersey.away .md-jersey-dot.md-av-photo{background-size:cover; background-position:center top;}
:where([data-page="match"]) .md-jersey-num{position:absolute; bottom:-3px; right:-3px; width:13px; height:13px; border-radius:50%; background:var(--color-yellow); color:#0B1B2E; font-size:7.5px; font-weight:800; display:flex; align-items:center; justify-content:center; border:1.5px solid #021329;}
:where([data-page="match"]) .md-jersey.away .md-jersey-num{background:var(--color-cyan);}
:where([data-page="match"]) .md-jersey-name{font-size:7px; font-weight:700; color:rgba(225,230,236,.8); text-align:center; line-height:1.1; white-space:nowrap; max-width:44px; overflow:hidden; text-overflow:ellipsis;}
:where([data-page="match"]) .md-timeline{position:relative; max-width:760px; margin:0 auto; padding-top:24px;}
:where([data-page="match"]) .md-timeline > .md-tl-divider:first-child{margin-top:0;}
:where([data-page="match"]) .md-tl-divider{display:flex; align-items:center; gap:12px; margin:18px 0; color:rgba(2,19,41,.42); font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:.4px;}
:where([data-page="match"]) .md-tl-divider::before, :where([data-page="match"]) .md-tl-divider::after{content:''; flex:1; height:1px; background:rgba(2,19,41,.12);}
:where([data-page="match"]) .md-tl-row{display:grid; grid-template-columns:1fr 44px 1fr; align-items:center; gap:14px; padding:9px 0;}
:where([data-page="match"]) .md-tl-side{display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--color-text-inverse);}
:where([data-page="match"]) .md-tl-side.away{flex-direction:row-reverse; text-align:right;}
:where([data-page="match"]) .md-tl-min{text-align:center; font-size:11.5px; font-weight:700; color:rgba(2,19,41,.42);}
:where([data-page="match"]) .md-tl-icon{width:14px; height:14px; flex-shrink:0; display:inline-flex;}
:where([data-page="match"]) .md-tl-icon svg{width:100%; height:100%;}
:where([data-page="match"]) .md-tl-icon.goal{color:#0E7C88;}
:where([data-page="match"]) .md-tl-icon.yellow{color:var(--color-yellow);}
:where([data-page="match"]) .md-tl-icon.red{color:var(--color-action-danger);}
:where([data-page="match"]) .md-tl-icon.sub-on{color:var(--color-action-success);}
:where([data-page="match"]) .md-tl-icon.sub-off{color:rgba(2,19,41,.4);}
:where([data-page="match"]) .md-tl-av{display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; background:rgba(2,19,41,.07); color:rgba(2,19,41,.4); flex-shrink:0;}
:where([data-page="match"]) .md-tl-av svg{width:10px; height:10px;}
:where([data-page="match"]) .md-tl-player{font-weight:600;}
:where([data-page="match"]) .md-tl-detail{font-size:11px; color:rgba(2,19,41,.5);}