.match-center-page{--match-accent:#20d36b;--match-accent-rgb:32,211,107;background:#050806;color:#fff}
.match-detail-hero.is-league-premier{--match-accent:#20d36b;--match-accent-rgb:32,211,107}
.match-detail-hero.is-league-ascenso{--match-accent:#3a70ff;--match-accent-rgb:58,112,255}
.match-detail-hero.is-league-red{--match-accent:#ef3340;--match-accent-rgb:239,51,64}
.match-detail-hero .match-detail-meta strong{border-color:rgba(var(--match-accent-rgb),.4)!important;color:var(--match-accent)!important}
.match-center-page section[id]{scroll-margin-top:82px}
.match-detail-hero{padding:clamp(28px,5vw,68px) 0 42px!important;background:radial-gradient(circle at 12% 28%,rgba(var(--match-accent-rgb),.22),transparent 32%),radial-gradient(circle at 88% 30%,rgba(var(--match-accent-rgb),.16),transparent 32%),linear-gradient(145deg,#06100a 0%,#050706 48%,#080d12 100%)!important}
.match-detail-backdrop{position:absolute;inset:0 50% 0 0;z-index:-2;background-image:linear-gradient(90deg,rgba(5,8,6,.4),#050806 94%),var(--match-home-photo);background-position:center;background-size:cover;filter:saturate(.7);opacity:.18}
.match-detail-backdrop.is-away{inset:0 0 0 50%;background-image:linear-gradient(270deg,rgba(5,8,6,.4),#050806 94%),var(--match-away-photo)}
.match-detail-scoreboard{border-top-color:var(--match-accent)!important;border-radius:24px!important;overflow:hidden;backdrop-filter:blur(18px);box-shadow:0 34px 100px rgba(0,0,0,.48)!important}
.match-detail-team img{transition:transform .25s ease}.match-detail-team:hover img{transform:translateY(-4px) scale(1.03)}
.match-detail-team-link,.match-quick-nav a{border-radius:999px}.match-detail-team-link:hover{border-color:var(--match-accent)!important;color:var(--match-accent)!important}
.match-detail-score{border-radius:18px;box-shadow:inset 0 0 45px rgba(var(--match-accent-rgb),.06)!important}.match-detail-score small{padding:6px 10px;border-radius:999px;background:rgba(var(--match-accent-rgb),.13);color:var(--match-accent);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.match-detail-score strong{color:var(--match-accent)!important}
.match-detail-score strong{font-variant-numeric:tabular-nums}
.match-detail-venue{display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;max-width:100%;margin:16px auto 0;padding:10px 15px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(3,9,5,.72)}
.match-detail-venue>span{color:var(--match-accent)}.match-detail-venue small{color:#819087;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.match-detail-venue strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.match-quick-nav{display:flex;justify-content:center;gap:8px;margin:16px auto 0}.match-quick-nav a{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 15px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#dce5df;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.match-quick-nav b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--match-accent);color:#041008;font-size:9px}
.match-summary-card,.match-event-summary-card,.match-event-block,.match-media-panel,.match-gallery-track,.match-gallery-footer{border-radius:16px!important}
.match-summary-card{border-top-color:rgba(var(--match-accent-rgb),.62)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.match-center-page .page-section{padding:clamp(48px,7vw,88px) 0}
.match-center-page .page-section+.page-section{border-top:1px solid rgba(255,255,255,.06)}
.match-event-row{border-radius:12px}.match-event-photo,.match-event-badge{border-radius:50%}
.video-frame{border-radius:14px}.match-gallery-track{overflow:hidden auto}

@media(max-width:820px){
  .match-detail-hero{padding:14px 0 28px!important}
  .match-detail-hero .container{padding-inline:12px}
  .match-detail-backdrop{inset:0 48% 42% 0;opacity:.2}.match-detail-backdrop.is-away{inset:0 0 42% 48%}
  .match-detail-meta{justify-content:center!important;gap:5px!important;margin:6px 0 10px!important}
  .match-detail-meta span,.match-detail-meta strong,.match-detail-meta em{min-height:27px!important;padding:0 8px!important;border-radius:999px;font-size:7px!important;letter-spacing:.07em!important}
  .match-detail-scoreboard{grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr)!important;gap:4px!important;padding:18px 7px 15px!important;border-radius:20px!important}
  .match-detail-team{gap:8px!important}.match-detail-team img{width:68px!important;height:68px!important}.match-detail-team h1{width:100%;max-width:138px;font-size:clamp(14px,4.2vw,18px)!important;line-height:1.08!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none;text-wrap:balance}
  .match-detail-team-link{min-height:31px!important;padding:0 9px!important;font-size:7px!important}
  .match-detail-score{min-height:116px!important;padding:10px 2px!important;border-radius:14px}.match-detail-score small{padding:4px 6px;font-size:6px}.match-detail-score strong{font-size:clamp(35px,11.5vw,48px)!important}.match-detail-score span{max-width:68px;font-size:7px!important;line-height:1.25!important;letter-spacing:0!important}
  .match-detail-venue{display:grid;grid-template-columns:18px minmax(0,1fr);justify-content:stretch;width:100%;margin-top:9px;padding:11px 13px;border-radius:12px;text-align:left}.match-detail-venue>span{grid-row:1/3;align-self:center}.match-detail-venue small{grid-column:2;line-height:1.2}.match-detail-venue strong{grid-column:2;margin:2px 0 0;max-width:none;font-size:12px;line-height:1.35;overflow:visible;text-overflow:clip;white-space:normal;text-transform:none}
  .match-quick-nav{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));z-index:8;padding:7px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(5,10,7,.88);box-shadow:0 15px 40px rgba(0,0,0,.5);backdrop-filter:blur(18px)}.match-quick-nav a{flex:1;justify-content:center;min-height:38px;padding:0 7px;font-size:8px}
  .match-detail-summary-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:9px!important}.match-summary-card{min-height:76px!important;padding:10px 8px!important}.match-summary-card span{font-size:7px!important;letter-spacing:.05em}.match-summary-card strong{font-size:10px!important;line-height:1.25!important;text-transform:none}
  .match-attendance-summary{grid-template-columns:1fr!important}.match-referee-card{border-radius:14px}
  .match-center-page .page-section{padding:44px 0}.match-center-page .section-head{gap:10px;margin-bottom:20px}.match-center-page .section-title{font-size:clamp(28px,9vw,40px)}.match-center-page .section-text{font-size:13px;line-height:1.5}
  .match-event-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}.match-event-summary-card{padding:10px 7px!important}.match-event-summary-card span{font-size:7px!important;letter-spacing:.04em!important}.match-event-summary-card strong{font-size:25px!important}
  .match-event-block{padding:12px!important}.match-event-block-head{grid-template-columns:1fr auto!important;align-items:center!important;gap:8px!important}.match-event-block-head p{font-size:11px;line-height:1.4}.match-event-block-head strong{font-size:30px!important}
  .match-event-row{grid-template-columns:minmax(0,1fr)!important;gap:9px!important;padding:10px!important}.match-event-person{grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important}.match-event-photo{width:44px!important;height:44px!important}.match-event-row strong{font-size:14px!important}.match-event-value{justify-self:start!important;min-height:29px!important;padding:0 9px!important;border-radius:999px;font-size:9px!important}
  .match-media-panel{padding:14px!important}.match-media-head{align-items:start;flex-direction:column}.video-frame{margin-top:12px}.media-placeholder{min-height:150px;margin-top:12px}
  .match-gallery-slide{aspect-ratio:4/5}.match-gallery-dots{max-height:32px;overflow:hidden}
}

@media(max-width:380px){.match-detail-scoreboard{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)!important}.match-detail-team img{width:60px!important;height:60px!important}.match-detail-team h1{max-width:120px;font-size:14px!important}.match-detail-score strong{font-size:34px!important}.match-quick-nav a{font-size:7px}}

@media(prefers-reduced-motion:reduce){.match-detail-team img{transition:none}.match-center-page *{scroll-behavior:auto!important}}