/* Messi farewell page only. transform/opacity/background-position only; off for reduced motion. */
.match-page .match-hero { position: relative; overflow: hidden; isolation: isolate; }
.mf-stripes { position: absolute; inset: 0; z-index: -2; pointer-events: none; opacity: .1;
  background: repeating-linear-gradient(90deg, #75aadb 0 9%, transparent 9% 18%);
  background-size: 200% 100%; animation: mf-stripes 1.6s cubic-bezier(.22,1,.36,1) both; }
@keyframes mf-stripes { from { background-position: 100% 0; opacity: 0; } to { background-position: 0 0; opacity: .1; } }
.mf-ten { position: absolute; z-index: -1; left: 50%; top: 54%; transform: translate(-50%, -50%);
  width: min(70vw, 480px); height: auto; pointer-events: none; }
.mf-ten text { font: 800 300px/1 "Barlow Condensed", var(--font, sans-serif); fill: transparent;
  stroke: var(--gold); stroke-width: 3; stroke-dasharray: 1400; stroke-dashoffset: 1400;
  animation: mf-draw 2.4s .3s cubic-bezier(.65,0,.35,1) forwards, mf-settle 1.2s 2.7s ease forwards; }
@keyframes mf-draw { to { stroke-dashoffset: 0; } }
@keyframes mf-settle { to { fill: rgba(246,185,40,.05); stroke-opacity: .2; } }
.farewell-tag { position: relative; overflow: hidden; }
.farewell-tag::after { content: ""; position: absolute; inset: 0; transform: translateX(-120%);
  background: linear-gradient(100deg, transparent 30%, rgba(255,210,97,.55) 50%, transparent 70%);
  animation: mf-shine 2.8s 1.2s ease-in-out infinite; }
@keyframes mf-shine { 0% { transform: translateX(-120%); } 45%, 100% { transform: translateX(120%); } }
.mf-confetti { position: fixed; inset: 0; z-index: 50; pointer-events: none; }
.match-timeline .timeline-event.mf-hide { opacity: 0; transform: translateY(10px); }
.match-timeline .timeline-event.mf-show { opacity: 1; transform: none; transition: opacity .45s ease, transform .45s cubic-bezier(.22,1,.36,1); }
.mf-gracias { margin: 28px 0 8px; padding: 22px 16px; border-radius: var(--radius, 14px); text-align: center;
  border: 1px solid rgba(117,170,219,.35); position: relative; overflow: hidden;
  background: linear-gradient(90deg, rgba(117,170,219,.12), rgba(255,255,255,.04), rgba(117,170,219,.12)); }
.mf-gracias b { display: block; font: 800 clamp(30px, 7vw, 54px)/1 "Barlow Condensed", var(--font, sans-serif);
  letter-spacing: .08em; color: #eaf4ff; }
.mf-gracias span { display: block; margin-top: 8px; color: var(--muted); font-size: 14px; }
.mf-gracias .mf-stars { color: var(--gold); letter-spacing: .3em; font-size: 13px; margin-top: 10px; }
@media (prefers-reduced-motion: reduce) {
  .mf-stripes, .mf-ten text, .farewell-tag::after { animation: none !important; }
  .mf-stripes { opacity: .1; } .mf-ten text { stroke-dashoffset: 0; fill: rgba(246,185,40,.05); stroke-opacity: .2; }
  .farewell-tag::after { display: none; }
  .match-timeline .timeline-event.mf-hide { opacity: 1; transform: none; }
}