.matchday-hero{padding:4.5rem 0 3.5rem;border-bottom:1px solid var(--af-line);background:var(--bg-deep)}.matchday-layout{display:grid;grid-template-columns:minmax(0,.83fr) minmax(580px,1.17fr);gap:clamp(2rem,5vw,5rem);align-items:center}.matchday-kicker,.section-label{color:var(--ui-accent);font:600 .7rem/1 var(--af-data);letter-spacing:.1em;text-transform:uppercase}.matchday-kicker{display:flex;align-items:center;gap:.6rem;margin-bottom:1.3rem}.matchday-kicker span{width:.5rem;height:.5rem;border:1px solid var(--ui-accent);border-radius:50%}.matchday-copy h1{max-width:10ch;color:var(--text-main);font-size:clamp(3.25rem,5.3vw,5.8rem);line-height:.9;letter-spacing:-.035em;text-wrap:balance}.matchday-lede{max-width:51ch;margin:1.5rem 0 2rem;color:var(--text-muted);font-size:1rem;line-height:1.65;text-wrap:pretty}.matchday-actions{display:flex;flex-wrap:wrap;gap:.75rem}.matchday-primary,.matchday-secondary{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:1.25rem;padding:.75rem 1.1rem;border:1px solid var(--ui-accent);border-radius:var(--border-radius-sm);font:700 .8rem/1 var(--af-body);letter-spacing:.03em;text-transform:uppercase;transition:background-color var(--duration-normal) var(--af-ease-out),color var(--duration-normal) var(--af-ease-out),border-color var(--duration-normal) var(--af-ease-out)}.matchday-primary{background:var(--ui-accent);color:#06140b}.matchday-primary:hover{background:var(--ui-accent-hover);color:#fff}.matchday-secondary{color:var(--text-main)}.matchday-secondary:hover{color:var(--ui-accent);border-color:var(--ui-accent)}.matchday-note{margin-top:1.4rem;color:var(--text-muted);font:500 .68rem var(--af-data);letter-spacing:.06em;text-transform:uppercase}.manager-panel{display:grid;grid-template-columns:1fr 174px;border:1px solid var(--af-line-strong);border-radius:var(--border-radius);background:var(--af-surface);overflow:hidden}.manager-panel-top{grid-column:1/-1;display:flex;justify-content:space-between;gap:1rem;padding:.7rem 1rem;background:color-mix(in srgb, var(--ui-accent) 8%, var(--af-surface));border-bottom:1px solid var(--af-line)}.manager-panel-top span{font:600 .62rem var(--af-data);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.manager-panel-top strong{color:var(--text-main)}.manager-panel-team{display:flex;align-items:center;gap:.75rem;padding:1rem}.manager-panel-team .crest{width:48px;height:48px;border-radius:6px;border:2px solid var(--af-line-strong);background:color-mix(in srgb, var(--ui-accent) 12%, var(--af-surface))}.manager-panel-team .name{font:800 1rem var(--af-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--text-main)}.manager-panel-team .role{font:500 .56rem var(--af-data);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.manager-panel-stats{display:grid;grid-template-columns:repeat(3, 1fr);border-top:1px solid var(--af-line)}.manager-panel-stats > div{padding:.75rem;text-align:center;border-right:1px solid var(--af-line)}.manager-panel-stats > div:last-child{border-right:none}.manager-panel-stats small{display:block;font:600 .52rem var(--af-data);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem}.manager-panel-stats strong{font:800 1.1rem var(--af-display);color:var(--text-main)}.stands{padding:3.5rem 0;border-bottom:1px solid var(--af-line)}.stands-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.stands-module{background:var(--af-surface);border:1px solid var(--af-line-strong);border-radius:var(--border-radius);overflow:hidden}.stands-module header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--af-line)}.stands-module header h3{font:700 .68rem var(--af-display);text-transform:uppercase;letter-spacing:.02em;color:var(--text-main)}.stands-module header a{font:600 .56rem var(--af-data);letter-spacing:.04em;text-transform:uppercase;color:var(--ui-accent)}.module-list{display:flex;flex-direction:column}.proposal-row,.council-row,.roadmap-row{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border-bottom:1px solid var(--af-line);text-decoration:none;transition:background-color 120ms ease}.proposal-row:last-child,.council-row:last-child,.roadmap-row:last-child{border-bottom:none}.proposal-row:hover,.council-row:hover,.roadmap-row:hover{background:color-mix(in srgb, var(--ui-accent) 5%, transparent)}.proposal-row strong{font:800 .9rem var(--af-display);color:var(--ui-accent);min-width:28px;text-align:center}.proposal-row span,.council-row span,.roadmap-row span{font:500 .62rem var(--af-body);color:var(--text-main);line-height:1.4}.proposal-row small,.council-row small,.roadmap-row small{display:block;font:500 .52rem var(--af-data);color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;margin-top:2px}.council-row span:first-child{color:var(--ui-accent);font-size:.8rem}.roadmap-row .ro-status{display:inline-flex;padding:2px 6px;border-radius:3px;font:700 .48rem var(--af-data);letter-spacing:.04em;text-transform:uppercase}.ro-status.planejado{background:color-mix(in srgb, var(--color-info) 12%, transparent);color:var(--color-info);border:1px solid color-mix(in srgb, var(--color-info) 35%, transparent)}.ro-status.em_desenvolvimento{background:color-mix(in srgb, var(--color-warning) 12%, transparent);color:var(--color-warning);border:1px solid color-mix(in srgb, var(--color-warning) 35%, transparent)}.ro-status.concluido{background:color-mix(in srgb, var(--ui-accent) 12%, transparent);color:var(--ui-accent);border:1px solid color-mix(in srgb, var(--ui-accent) 35%, transparent)}.module-empty{padding:1.5rem 1rem;text-align:center;font:500 .62rem var(--af-body);color:var(--text-muted);line-height:1.6}.module-footer{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;background:color-mix(in srgb, var(--ui-accent) 4%, transparent);border-top:1px solid var(--af-line);font:600 .56rem var(--af-data);letter-spacing:.04em;text-transform:uppercase;color:var(--ui-accent);text-decoration:none;transition:background-color 120ms ease}.module-footer:hover{background:color-mix(in srgb, var(--ui-accent) 8%, transparent)}.module-footer span{transition:transform 120ms ease}.module-footer:hover span{transform:translateX(2px)}.career-loop{padding:3rem 0;border-bottom:1px solid var(--af-line)}.career-loop ol{display:flex;gap:2rem;list-style:none;counter-reset:step;margin:0 0 1.5rem;padding:0}.career-loop li{display:flex;align-items:flex-start;gap:.75rem;flex:1}.career-loop li b{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--ui-accent);color:#06140b;font:800 .7rem var(--af-display);flex-shrink:0}.career-loop li strong{display:block;font:700 .68rem var(--af-display);text-transform:uppercase;letter-spacing:.02em;color:var(--text-main);margin-bottom:2px}.career-loop li span{font:500 .56rem var(--af-body);color:var(--text-muted);line-height:1.5}.career-loop > p{text-align:center;font:600 .62rem var(--af-data);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.career-loop > p strong{color:var(--text-main)}.home-cta{padding:3.5rem 0;background:linear-gradient(180deg, var(--bg-deep), var(--af-surface))}.home-cta .container{display:flex;align-items:center;justify-content:space-between;gap:2rem}.home-cta p.section-label{margin-bottom:.5rem}.home-cta h2{font:900 1.5rem var(--af-display);text-transform:uppercase;letter-spacing:-.02em;color:var(--text-main);margin-bottom:.5rem}.home-cta > .container > div > p:not(.section-label){font:500 .68rem var(--af-body);color:var(--text-muted);max-width:42ch}.home-cta .matchday-primary{min-height:42px;padding:.65rem 1.25rem;font-size:.75rem}

.match-live-demo{border:1px solid var(--af-line-strong);border-radius:var(--border-radius);overflow:hidden;background:#0b1116;box-shadow:0 18px 40px rgba(0,0,0,.18)}.live-competition{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;background:#104922;color:#9be7b6;font:700 .62rem var(--af-data);letter-spacing:.045em;text-transform:uppercase}.live-competition strong{color:#f0fff4}.live-venue{display:flex;justify-content:space-between;padding:.45rem 1rem;border-bottom:1px solid var(--af-line);color:var(--text-muted);font:.56rem var(--af-data)}.live-score{display:grid;grid-template-columns:1fr 42px 42px 18px 42px 42px 1fr;align-items:center;gap:.6rem;padding:1.1rem;border-bottom:1px solid var(--af-line);text-align:center}.live-score>div:first-child{text-align:right}.live-score>div:last-child{text-align:left}.live-score small{display:block;color:var(--text-muted);font:.52rem var(--af-data);text-transform:uppercase}.live-score strong{display:block;color:var(--text-main);font:800 1rem var(--af-display);letter-spacing:.01em}.live-goal{color:var(--text-main);font:800 2rem/1 var(--af-display)}.live-score em{color:var(--text-muted);font-style:normal;font-size:1.25rem}.live-crest{width:36px;aspect-ratio:.78;border:2px solid var(--text-main);clip-path:polygon(8% 0,92% 0,92% 60%,50% 100%,8% 60%)}.live-crest.home{background:linear-gradient(90deg,transparent 27%,var(--text-main) 28% 42%,transparent 43% 57%,var(--text-main) 58% 72%,transparent 73%)}.live-crest.away{background:linear-gradient(135deg,transparent 42%,var(--text-main) 43% 57%,transparent 58%)}.live-board{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem}.live-field,.live-data{min-width:0;padding:.75rem;border:1px solid var(--af-line);border-radius:var(--border-radius);background:#121a20}.field-title{margin-bottom:.55rem;color:var(--text-muted);font:700 .58rem var(--af-body);letter-spacing:.04em;text-transform:uppercase}.pitch-live{position:relative;aspect-ratio:4/3;overflow:hidden;border:2px solid #2c8c43;border-radius:5px;background:linear-gradient(180deg,#155523,#103b1c)}.pitch-live::before{content:'';position:absolute;inset:7px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.16) 50%,transparent 50.2%)}.pitch-live::after{content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;border:1px solid rgba(255,255,255,.16);border-radius:50%;transform:translate(-50%,-50%)}.pitch-zone{position:absolute;left:8px;font:700 .44rem var(--af-data);letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.4)}.pitch-zone.attack{top:12px}.pitch-zone.midfield{top:50%;transform:translateY(-50%)}.pitch-zone.defense{bottom:12px}.live-ball{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 6px rgba(255,255,255,.6);transition:left .8s ease-in-out,top .8s ease-in-out;z-index:2}.pressure-live{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;font:.5rem var(--af-data);color:var(--text-muted);text-transform:uppercase}.pressure-live strong{color:var(--text-main);font-weight:700}.pressure-live div{flex:1;height:4px;background:#1a2428;border-radius:2px;overflow:hidden}.pressure-live b{display:block;height:100%;background:var(--ui-accent);border-radius:2px;transition:width .6s ease-out}.live-data dt{font:600 .5rem var(--af-data);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.35rem}.live-data dd{display:flex;justify-content:space-between;font:700 .7rem var(--af-display);color:var(--text-main)}.live-data dd i{font-style:normal;font:500 .5rem var(--af-data);color:var(--text-muted)}.live-data dd:first-of-type{margin-bottom:.5rem}.live-narrative{padding:.65rem 1rem;border-top:1px solid var(--af-line);font:500 .56rem var(--af-body);color:var(--text-muted);line-height:1.55;min-height:44px}.live-narrative b{color:var(--ui-accent);font-weight:700}.live-controls{display:flex;justify-content:center;gap:.5rem;padding:.5rem;border-top:1px solid var(--af-line)}.live-controls button{padding:.3rem .6rem;border:1px solid var(--af-line);border-radius:3px;background:transparent;color:var(--text-muted);font:600 .48rem var(--af-data);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all 120ms ease}.live-controls button:hover,.live-controls button.is-active{background:color-mix(in srgb, var(--ui-accent) 15%, transparent);color:var(--ui-accent);border-color:color-mix(in srgb, var(--ui-accent) 40%, transparent)}

.pressure-live b,.live-data dd i{transition:none!important}

/* === Mobile Responsivo === */
@media (max-width: 768px) {
  .matchday-hero {
    padding: 2.5rem 0 2rem;
  }

  .matchday-layout {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .matchday-copy h1 {
    font-size: clamp(2rem, 8vw, 3rem);
    max-width: 100%;
  }

  .matchday-lede {
    font-size: 0.9rem;
    max-width: 100%;
  }

  .matchday-actions {
    flex-direction: column;
    gap: 0.75rem;
  }

  .matchday-primary,
  .matchday-secondary {
    width: 100%;
    justify-content: center;
  }

  .match-live-demo {
    display: none;
  }

  .stands-grid {
    grid-template-columns: 1fr;
  }

  .career-loop ol {
    flex-direction: column;
    gap: 1rem;
  }

  .home-cta .container {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }

  .home-cta a {
    width: 100%;
    justify-content: center;
  }

  .section-label {
    font-size: 0.65rem;
  }

  .section-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .matchday-layout {
    grid-template-columns: 1fr 0.8fr;
    gap: 2rem;
  }

  .matchday-copy h1 {
    font-size: clamp(2.5rem, 4vw, 4rem);
  }

  .stands-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* === Live Ball Animation === */
.live-ball {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
  transition: left 0.8s ease-in-out, top 0.8s ease-in-out;
  z-index: 10;
}

/* === Stats Bar Animation === */
.live-board [data-possession-bar],
.live-board [data-shots-bar],
.live-board [data-target-bar],
.live-board [data-xg-bar],
.live-board [data-pressure-bar] {
  transition: width 0.6s ease-out;
}

/* === Narrative Text Animation === */
[data-narrative] {
  transition: opacity 0.3s ease;
}