﻿.brand-logo{width:42px;height:42px;object-fit:cover;border-radius:7px;border:1px solid var(--green)}
.match-mast{min-height:54px;display:grid;grid-template-columns:1fr auto 34px auto;align-items:center;gap:12px;padding:0 18px;background:#1d2721;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0}
.match-mast>div{display:flex;align-items:center;gap:8px;color:var(--lime);font-size:11px}.match-mast small{color:var(--muted);margin-left:6px}.match-mast>strong{font-size:13px}.match-mast>i{font-size:10px;color:var(--muted);font-style:normal}.status-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 5px #ef444421}
.premium-hero{border-radius:0 0 8px 8px;grid-template-columns:1.15fr .9fr 1fr;align-items:stretch;padding:0}.hero-score{padding:26px}.hero-score>strong{font-size:58px;line-height:1}.result-inline{margin-top:12px;color:var(--lime);font-weight:800}.situation-grid{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--line)}.situation-grid article{display:grid;place-content:center;padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.situation-grid small,.premium-players small{display:block;color:var(--muted);font-size:9px;font-weight:800}.situation-grid b{margin-top:5px}.premium-players{padding:22px;border-left:1px solid var(--line);gap:14px}.premium-players p{padding-bottom:10px;border-bottom:1px solid var(--line)}.premium-players b{margin-top:4px}
.match-tabs{height:54px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);position:sticky;top:68px;background:var(--bg);z-index:4}.match-tabs a{color:var(--muted);text-decoration:none;font-size:12px;font-weight:800}.match-tabs a:first-child{color:var(--green)}
.web-timeline{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px 16px}.web-timeline>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.web-timeline span{font-size:10px;color:var(--muted);font-weight:900;margin-right:8px}.web-timeline b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#3a4841;font-size:11px}.web-timeline b.boundary{background:var(--deep)}.web-timeline b.wicket{background:#b42318}.web-timeline b.extra{background:#946812}.web-timeline em{font-size:12px;color:var(--muted)}
.section-head{margin-bottom:10px}.section-head span{font-size:10px;color:var(--green);font-weight:900}.section-head h2{margin-top:3px}.section-head.compact{margin-top:18px}
@media(max-width:900px){.premium-hero{grid-template-columns:1fr 1fr}.premium-players{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.match-mast{grid-template-columns:1fr auto 24px auto}.match-mast>div small{display:none}}
@media(max-width:620px){.match-mast{grid-template-columns:1fr auto}.match-mast>strong,.match-mast>i{display:none}.premium-hero{grid-template-columns:1fr}.situation-grid{border-left:0;border-top:1px solid var(--line)}.premium-players{grid-template-columns:1fr}.hero-score>strong{font-size:48px}.match-tabs{overflow:auto}.details{margin-top:22px}}

.situation-grid .equation{grid-column:1/-1;background:#17241d}.situation-grid .equation b{color:var(--gold);font-size:13px}


.match-mast{grid-template-columns:1fr auto 34px auto auto}
.stage-badge{font-size:10px;font-style:normal;font-weight:900;color:var(--gold);border-left:1px solid var(--line);padding-left:14px;white-space:nowrap}
.stream-tools{display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;align-items:center;gap:12px;margin:14px 0 0;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:8px}
.stream-tools>div small,.stream-tools>div b{display:block}.stream-tools>div small{font-size:9px;color:var(--green);font-weight:900}.stream-tools>div b{font-size:12px;margin-top:3px}.stream-tools code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}.stream-tools button{padding:8px 12px}.stream-tools>a{padding:9px 12px;border-radius:7px;background:var(--deep);border:1px solid var(--green);color:#fff;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}
@media(max-width:900px){.match-mast{grid-template-columns:1fr auto 24px auto auto}.stream-tools{grid-template-columns:1fr auto auto}.stream-tools code{grid-column:1/-1;grid-row:2}}
@media(max-width:620px){.match-mast{grid-template-columns:1fr auto}.match-mast .stage-badge{display:block;border-left:0;padding-left:0;text-align:right}.stream-tools{grid-template-columns:1fr 1fr}.stream-tools>div,.stream-tools code{grid-column:1/-1}.stream-tools button,.stream-tools>a{text-align:center}}