/* Matchday edition. Self-contained art direction; shared product/SEO styles remain intact. */
@font-face { font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('assets/vendor/bebas-neue-latin.woff2') format('woff2'); }
@font-face { font-family:'Sora';font-style:normal;font-weight:100 800;font-display:swap;src:url('assets/vendor/sora-latin.woff2') format('woff2'); }
/* Keep native hash/measurement jumps immediate; app.js animates user navigation. */
html { overflow-x: clip; scroll-padding-top: 88px; scrollbar-gutter:stable; scroll-behavior:auto; }
body.matchday-edition { overflow-x: clip; background: #070e12; color: #edf1ed; }
.matchday-edition .bg-orb,.matchday-edition .bg-grid { display:none; }
.matchday-edition #soccerheros-panel { width:100%; max-width:none; padding:0; margin:0; overflow:visible; }
.matchday-edition .topbar { height:76px; padding:12px 4vw; background:#080f13; border-color:#ffffff19; backdrop-filter:none; }
.matchday-edition .logo { font-size:1rem; letter-spacing:-.04em; }
.matchday-edition .logo-mark { width:38px; height:38px; box-shadow:none; }
.matchday-edition .product-tabs { display:flex; border:0; padding:0; background:none; width:auto; gap:22px; }
.matchday-edition .product-tab { padding:7px 0; border:0; border-radius:0; background:none; box-shadow:none; color:#a7b0b0; min-height:44px; text-decoration:none; }
.matchday-edition .product-tab strong { font:500 .76rem/1.5 'Sora',sans-serif; }
.matchday-edition .product-tab small { display:none; }
.matchday-edition .product-tab.is-active { color:#fff; border-bottom:1px solid #ff823c; }
.matchday-edition .topbar .menu { gap:22px; }
.matchday-edition .topbar .menu a { font-size:.72rem; }
.matchday-edition .btn { clip-path:none; border-radius:4px; box-shadow:none; }
.matchday-edition .topbar .btn { min-height:44px; padding:14px 21px; font:700 .68rem/1 'Sora',sans-serif; letter-spacing:.03em; background:#f8813e; color:#080f13; }
.matchday-edition a:focus-visible,.matchday-edition button:focus-visible { outline:2px solid #fbb675; outline-offset:5px; }
.match-hero { position:relative; min-height:min(820px, calc(100svh - 76px)); padding:80px 6vw 104px; isolation:isolate; overflow:hidden; display:flex; align-items:center; }
.match-hero-art { position:absolute; inset:0; z-index:-3; }
.match-hero-art img { display:block; height:100%; width:100%; object-fit:cover; object-position:center 55%; }
.match-hero::before { content:''; position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,#070e12a8,transparent 78%),linear-gradient(0deg,#070e12,transparent 24%); }
.hero-grain { position:absolute; inset:0; pointer-events:none; z-index:-1; opacity:.07; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E"); }
.match-hero-copy { width:min(680px,62%); }
.matchday-edition .eyebrow { color:#c0ccc8; font:600 .63rem/1.5 'Sora',sans-serif; letter-spacing:.2em; margin:0 0 26px; }
.match-hero .eyebrow { display:flex; align-items:center; gap:10px; }
.match-hero .eyebrow i { width:6px; height:6px; border-radius:50%; background:#ff8843; box-shadow:0 0 16px #ff8843; }
.match-hero h1 { margin:0; font:400 clamp(5rem,10.7vw,10.5rem)/.86 'Bebas Neue',sans-serif; letter-spacing:-.015em; color:#f5f3e9; }
.match-hero h1 span { color:#ff8644; }
.match-hero-lede { color:#d6dfdb; max-width:450px; font-size:.89rem; line-height:1.85; margin:28px 0; }
.match-store-actions { display:flex; gap:10px; flex-wrap:wrap; }
.store-pill { display:flex; align-items:center; gap:12px; min-height:58px; padding:10px 15px; border:1px solid #c1ceca70; border-radius:5px; color:#f5f3e9; background:#071018b3; text-decoration:none; transition:background .2s,transform .2s; }
.store-pill:hover { transform:translateY(-3px); background:#16302c; }
.store-pill svg { width:25px; height:28px; fill:currentColor; }
.store-pill span { display:grid; gap:3px; }
.store-pill small { font-size:.52rem; font-weight:400; }
.store-pill strong { font-size:.88rem; font-weight:600; letter-spacing:-.035em; }
.store-pill b { font:400 1rem/1 'Sora',sans-serif; padding-left:15px; }
.store-pill-light { background:#f0f0e6; border-color:#f0f0e6; color:#0c1819; }
.store-pill-light:hover { background:#fff; }
.hero-availability { font-size:.58rem; color:#a5b3b2; margin:15px 0 0; }
.hero-match-note { position:absolute; right:5vw; bottom:96px; text-align:right; text-shadow:0 2px 16px #000; }
.hero-match-note span { display:block; font-size:.48rem; letter-spacing:.15em; color:#d4d8ce; margin-bottom:10px; }
.hero-match-note b { font:400 1.7rem/1.05 'Bebas Neue',sans-serif; }
.hero-bottom-line { position:absolute; left:6vw; right:6vw; bottom:24px; display:flex; justify-content:space-between; align-items:center; border-top:1px solid #d4e1e325; padding-top:20px; font-size:.54rem; letter-spacing:.18em; color:#b2c2c3; }
.hero-bottom-line a { text-decoration:none; color:inherit; padding-block:6px; }
.hero-bottom-line a span { font-size:1rem; margin-left:20px; color:#ff8843; }
.match-manifesto { padding:22px 6vw; display:flex; gap:20px; justify-content:space-between; align-items:center; background:#f38143; color:#141d1b; font:500 .66rem/1.3 'Sora',sans-serif; letter-spacing:.06em; }
.match-manifesto i { font-size:1.5rem; font-style:normal; }
.match-intro { padding:85px 6vw 60px; display:grid; grid-template-columns:1.4fr .8fr; gap:20px 8vw; align-items:end; max-width:1500px; margin:auto; }
.match-intro .eyebrow { grid-column:1/-1; margin:0; color:#ff9860; }
.match-intro h2 { font:500 clamp(1.7rem,3vw,2.85rem)/1.25 'Sora',sans-serif; letter-spacing:-.055em; margin:0; }
.match-intro h2 span { color:#8c9b98; }
.match-intro > p:last-child { margin:0; font-size:.83rem; color:#9aada8; line-height:1.9; max-width:450px; }
.match-film { position:relative; margin:0 4vw 24px; border:1px solid #a4c3b32e; border-radius:12px; overflow:hidden; isolation:isolate; background:#071513; }
.film-heading { position:absolute; top:36px; left:36px; z-index:3; pointer-events:none; }
.film-heading .eyebrow { font-size:.51rem; margin-bottom:12px; }
.film-heading h2 { font:400 clamp(2.8rem,4.8vw,5.3rem)/.9 'Bebas Neue',sans-serif; margin:0; letter-spacing:0; }
.film-heading h2 span { color:#ff9152; }
.film-heading > p:last-child { font-size:.65rem; line-height:1.7; color:#b2c2b9; }
.football-scene { position:relative; width:100%; height:620px; overflow:hidden; }
.football-scene canvas { position:absolute; inset:0; width:100%; height:100%; display:block; }
.scene-fallback { height:100%; width:100%; object-fit:cover; object-position:70% center; opacity:.65; }
.scene-ready .scene-fallback { opacity:0; }
.scene-vignette { position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,#061211b0,transparent 40%),linear-gradient(0deg,#05100ffa,transparent 22%); }
.film-watermark { position:absolute; bottom:42px; right:30px; z-index:1; font:400 clamp(5rem,12vw,12rem)/.8 'Bebas Neue',sans-serif; letter-spacing:.01em; color:#dafff008; pointer-events:none; }
.film-controls { position:absolute; bottom:60px; left:36px; right:36px; z-index:4; display:flex; justify-content:space-between; gap:10px; }
.camera-choices { display:flex; gap:6px; }
.camera-choices button,.motion-toggle { cursor:pointer; border:1px solid #91b2a946; padding:14px 17px; border-radius:3px; background:#091916d9; color:#ecf0e5; min-height:44px; font:500 .58rem/1.3 'Sora',sans-serif; letter-spacing:.04em; }
.camera-choices button small { color:#a8b6aa; margin-right:10px; }
.camera-choices button[aria-pressed=true] { background:#eceddf; color:#10211d; border-color:#eceddf; }
.camera-choices button[aria-pressed=true] small { color:#84654c; }
.motion-toggle { background:transparent; }
.motion-toggle span { margin-left:12px; }
.film-caption { display:flex; justify-content:space-between; gap:20px; padding:17px 36px; position:relative; z-index:4; border-top:1px solid #bed6cb20; color:#b8c8bb; font:.5rem/1.4 'Sora',sans-serif; letter-spacing:.12em; background:#07100e; }
.matchday-edition .reveal { opacity:1; transform:none; visibility:visible; transition:none; }
.matchday-edition .matchday-system { margin:0 auto; width:88%; padding:58px 0 30px; }
.matchday-edition .section-heading { margin-bottom:32px; }
.matchday-edition .section-heading h2,.matchday-edition .marketing-copy h2 { font-weight:400; font-size:clamp(2.8rem,5.5vw,5.5rem); line-height:.96; }
.matchday-edition .section-heading p,.matchday-edition .marketing-copy > p:not(.scene-tag) { font-size:.9rem; line-height:1.8; }
.matchday-edition .scene-tag { color:#e69c6e; letter-spacing:.16em; font-size:.56rem; }
.matchday-edition .matchday-pitch-map,.matchday-edition .career-stat-cloud,.matchday-edition .club-match-ticker { display:none; }
.matchday-edition .matchday-flow { margin-bottom:12px; gap:12px; grid-template-columns:repeat(4,1fr); }
.matchday-edition .matchday-flow > i { display:none; }
.matchday-edition .matchday-flow article { border-radius:3px; background:#10201b; border:1px solid #a4c0ae22; backdrop-filter:none; min-height:155px; padding:22px; }
.matchday-edition .matchday-flow article span { font:400 2rem/1 'Bebas Neue',sans-serif; color:#f6894c; }
.matchday-edition .matchday-flow article strong { margin-top:20px; font-size:1rem; }
.matchday-edition .matchday-flow article small { font-size:.63rem; }
.matchday-edition .marketing-chapter { width:88%; max-width:1180px; padding-block:55px; border-color:#afc4b626; position:relative; }
.matchday-edition .marketing-chapter-split { grid-template-columns:1fr 360px; gap:8vw; }
.matchday-edition .health-chapter { grid-template-columns:360px 1fr; }
.matchday-edition .marketing-phone-shot { max-width:300px; margin-inline:auto; width:100%; transform:perspective(1200px) rotateY(-7deg) rotateZ(2deg); transition:transform .5s; }
.matchday-edition .marketing-phone-shot img { width:100%; height:auto; }
.matchday-edition .marketing-phone-shot picture { box-shadow:0 28px 60px #0007; }
.matchday-edition .marketing-phone-shot figcaption { color:#879c90; font-size:.65rem; }
.matchday-edition .marketing-phone-shot:hover { transform:perspective(1200px) rotateY(0) rotateZ(0); }
.matchday-edition .check-list { font-size:.8rem; }
.matchday-edition .chapter-guide-link { color:#f4a573; font-size:.72rem; }
.matchday-edition .player-story-visuals,.matchday-edition .club-proof-grid { max-width:770px; margin:30px auto; gap:60px; }
.matchday-edition .career-shot { transform:perspective(1200px) rotateY(7deg) rotateZ(-3deg) translateY(14px); }
.matchday-edition .touchline-promo { width:88%; max-width:1180px; margin:35px auto; background:#11201a; }
.matchday-edition .release-2026 { width:88%; max-width:1180px; margin:35px auto 30px; padding:55px 32px; background:#0e211b; border:1px solid #abcbb52b; border-radius:8px; }
.matchday-edition #download:focus { outline:none; }
.matchday-edition .release-2026 .store-card { min-height:205px; padding:22px; border-radius:6px; }
.matchday-edition .release-2026 .section-heading { margin-bottom:0; }
.matchday-edition .full-time-mark { opacity:.12; }
.matchday-edition .final-cta { padding:55px 6vw 60px; margin:0; background:#e5e6d9; color:#15231c; border:0; border-radius:0; }
.matchday-edition .final-cta h2 { color:#15231c; font-weight:400; }
.matchday-edition .final-cta p { color:#546457; }
.matchday-edition .final-cta::before,.matchday-edition .final-cta::after { display:none; }
.matchday-edition .final-cta .ghost-text { color:#14201a; opacity:.04; }
.matchday-edition .final-cta .btn-ghost { border-color:#33483b77; color:#223b2c; background:transparent; }
.matchday-edition footer { width:88%; margin:0 auto 20px; padding-block:25px; }
.matchday-edition .affiliate-disclosure { color:#9cb0a5; }
.club-moment { position:relative; min-height:530px; margin:35px 0; padding:75px 6vw; display:flex; justify-content:flex-end; align-items:center; isolation:isolate; overflow:hidden; }
.club-moment picture { position:absolute; inset:0; z-index:-2; }
.club-moment img { width:100%; height:100%; object-fit:cover; object-position:center 45%; transform:scale(1.04) translateY(var(--moment-y,0px)); }
.club-moment::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,transparent 30%,#07111c85 65%),linear-gradient(0deg,#070e12,transparent 22%,transparent 90%,#070e12); }
.club-moment > div { width:43%; }
.club-moment h2 { font:400 clamp(3.2rem,5.5vw,5.8rem)/.92 'Bebas Neue',sans-serif; margin:0; }
.club-moment h2 span { color:#f59050; }
.club-moment p:not(.eyebrow) { font-size:.78rem; line-height:1.8; color:#d0d8d4; margin:24px 0; }
.club-moment a { color:#f1f2e9; font-size:.58rem; letter-spacing:.1em; text-decoration:none; display:inline-flex; align-items:center; gap:25px; min-height:44px; }
@media(min-width:1000px) and (prefers-reduced-motion:no-preference) {
  .match-hero-art img { transform:scale(1.04) translateY(var(--hero-y,0px)); }
  .match-hero-copy { transform:translateY(var(--copy-y,0px)); }
}
@media(max-width:1050px) { .matchday-edition .topbar .menu { display:none; } .match-hero { padding-top:60px; } .match-hero h1 { font-size:11.8vw; } .matchday-edition .marketing-chapter-split,.matchday-edition .health-chapter { gap:40px; } }
@media(max-width:700px) {
  .matchday-edition .topbar { height:65px; padding:10px 18px; display:flex; flex-wrap:nowrap; gap:8px; }
  .matchday-edition .logo { gap:5px; }
  .matchday-edition .logo > span { display:block; font-size:.85rem; }
  .matchday-edition .logo-mark { width:31px; height:31px; }
  .matchday-edition .product-tabs { margin-left:auto; gap:0; }
  .matchday-edition .logo { order:0; }
  .matchday-edition .product-tabs { order:1; }
  .matchday-edition .topbar .btn { order:2; }
  .matchday-edition .product-tab.is-active { display:none; }
  .matchday-edition .product-tab strong { font-size:.6rem; }
  .matchday-edition .topbar .btn { font-size:.52rem; padding:13px 9px; white-space:nowrap; }
  .match-hero { min-height:710px; padding:44px 22px 70px; align-items:flex-start; }
  .match-hero-art { inset:170px 0 0; }
  .match-hero-art img { object-position:71% center; }
  .match-hero::before { background:linear-gradient(180deg,#070e12 0%,#070e12f0 19%,#070e1270 36%,#070e1230 58%,#070e12ba 75%,#070e12 100%); }
  .match-hero-copy { width:100%; }
  .match-hero .eyebrow { font-size:.49rem; margin-bottom:16px; }
  .match-hero h1 { font-size:21.3vw; line-height:.85; max-width:100%; }
  .match-hero-lede { font-size:.82rem; max-width:305px; margin:18px 0 22px; line-height:1.75; }
  .desktop-break { display:none; }
  .match-store-actions { gap:8px; }
  .store-pill { padding:10px; gap:7px; min-height:51px; flex:1; max-width:178px; }
  .store-pill svg { width:22px; height:24px; }
  .store-pill svg { flex-shrink:0; }
  .store-pill strong,.store-pill small { white-space:nowrap; }
  .store-pill strong { font-size:.78rem; }
  .store-pill small { font-size:.45rem; }
  .store-pill b { padding-left:3px; margin-left:auto; font-size:.75rem; }
  .hero-availability { font-size:.5rem; margin-top:12px; }
  .hero-match-note { right:23px; bottom:75px; }
  .hero-match-note span { display:none; }
  .hero-match-note b { font-size:1.25rem; }
  .hero-bottom-line { left:22px; right:22px; font-size:.42rem; letter-spacing:.12em; bottom:16px; padding-top:10px; }
  .hero-bottom-line > span { display:none; }
  .hero-bottom-line a { width:100%; display:flex; justify-content:space-between; }
  .match-manifesto { display:grid; grid-template-columns:1fr 1fr; gap:14px 22px; padding:20px 22px; font-size:.57rem; }
  .match-manifesto span::before { content:'↗'; margin-right:10px; }
  .match-manifesto i { display:none; }
  .match-intro { padding:45px 22px 32px; display:block; }
  .match-intro .eyebrow { font-size:.49rem; margin-bottom:17px; }
  .match-intro h2 { font-size:1.75rem; }
  .match-intro > p:last-child { font-size:.76rem; margin-top:18px; }
  .match-film { margin:0 12px 12px; }
  .film-heading { left:20px; top:24px; }
  .film-heading .eyebrow { font-size:.44rem; margin-bottom:9px; }
  .film-heading h2 { font-size:2.8rem; }
  .film-heading > p:last-child { font-size:.55rem; }
  .football-scene { height:510px; }
  .scene-vignette { background:linear-gradient(180deg,#071513c9,transparent 38%,transparent 65%,#07100f); }
  .film-controls { left:12px; right:12px; bottom:58px; flex-wrap:wrap; justify-content:center; }
  .camera-choices { width:100%; gap:5px; }
  .camera-choices button { flex:1; font-size:.45rem; padding:11px 5px; }
  .camera-choices button small { margin-right:5px; }
  .motion-toggle { min-height:32px; font-size:.5rem; padding:7px 12px; border:0; }
  .film-caption { min-height:49px; padding:14px 17px; font-size:.42rem; }
  .film-caption span:last-child { display:none; }
  .matchday-edition .matchday-system { width:calc(100% - 44px); padding:32px 0 18px; }
  .matchday-edition .section-heading h2,.matchday-edition .marketing-copy h2 { font-size:2.9rem; }
  .matchday-edition .section-heading p,.matchday-edition .section-heading.compact p,.matchday-edition .marketing-copy > p:not(.scene-tag) { font-size:.84rem; }
  .matchday-edition .matchday-flow { grid-template-columns:1fr 1fr; gap:9px; }
  .matchday-edition .matchday-flow article { padding:16px; min-height:148px; }
  .matchday-edition .matchday-flow article strong { margin-top:13px; font-size:.85rem; }
  .matchday-edition .matchday-flow article small { font-size:.58rem; }
  .matchday-edition .marketing-chapter { width:calc(100% - 44px); padding-block:30px; }
  .matchday-edition .marketing-chapter-split,.matchday-edition .health-chapter { grid-template-columns:1fr; gap:28px; }
  .matchday-edition .marketing-phone-shot { max-width:230px; transform:none; }
  .matchday-edition .health-chapter .marketing-copy { order:-1; }
  .matchday-edition .player-story-visuals,.matchday-edition .club-proof-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:26px 0 8px; }
  .matchday-edition .player-story-visuals .marketing-phone-shot,.matchday-edition .club-proof-grid .marketing-phone-shot { width:100%; transform:none; }
  .matchday-edition .marketing-phone-shot picture { border-width:3px; border-radius:18px; }
  .matchday-edition .marketing-phone-shot img { border-radius:14px; }
  .matchday-edition .marketing-phone-shot figcaption { font-size:.53rem; line-height:1.55; }
  .matchday-edition .touchline-promo { width:calc(100% - 44px); margin:22px auto; }
  .matchday-edition .release-2026 { width:calc(100% - 28px); padding:28px 14px; margin:0 auto 25px; gap:24px; }
  .matchday-edition .release-2026 .store-grid { grid-template-columns:1fr 1fr; }
  .matchday-edition .release-copy > p:not(.scene-tag) { font-size:.84rem; line-height:1.75; margin-bottom:0; }
  .matchday-edition .release-2026 .store-grid { margin-top:0; }
  .matchday-edition .release-2026 .store-card { min-height:185px; padding:16px 12px; }
  .matchday-edition .release-2026 .store-card h3 { font-size:clamp(.95rem,4.5vw,1.2rem); }
  .matchday-edition .final-cta { padding:25px 22px 35px; }
  .matchday-edition footer { width:calc(100% - 44px); }
  .club-moment { min-height:610px; padding:32px 22px; align-items:flex-end; margin:25px 0 5px; }
  .club-moment > div { width:100%; }
  .club-moment img { object-position:27% center; }
  .club-moment::before { background:linear-gradient(0deg,#070e12 0%,#070e12db 28%,#070e1220 70%,#070e1280 100%); }
  .club-moment .eyebrow { font-size:.48rem; margin-bottom:16px; }
  .club-moment h2 { font-size:3rem; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .matchday-edition *, .matchday-edition *::before,.matchday-edition *::after { animation:none!important; transition:none!important; } .match-hero-art img,.match-hero-copy,.matchday-edition .marketing-phone-shot { transform:none!important; } }

/* Realism revision: the match lives in the page, never inside a game widget. */
.match-manifesto { overflow:hidden; }
.match-manifesto > * { transform:translateX(var(--strip-x,0)); }
.match-film.first-touch { margin:0; border:0; border-radius:0; height:min(760px,90svh); min-height:560px; background:#070e12; }
.film-media { position:absolute; inset:0; overflow:hidden; z-index:-2; }
.film-media > img,.film-media > video { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
.film-media > video { opacity:0; }
.film-media > video.footage-ready { opacity:1; }
.first-touch::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#050d1299,transparent 65%),linear-gradient(0deg,#070e12,transparent 26%,#070e1220); pointer-events:none; }
.first-touch .film-media { z-index:-3; clip-path:inset(0 var(--film-inset,0%) 0 var(--film-inset,0%)); }
.first-touch .film-heading { left:6vw; top:45px; }
.first-touch .film-heading .eyebrow { margin-bottom:20px; }
.first-touch .film-heading h2 { font-size:clamp(4rem,8.8vw,9rem); line-height:.86; }
.first-touch .film-heading h2 span { color:#f68d52; display:block; }
.film-side-note { position:absolute; right:6vw; top:70px; font-size:.7rem; line-height:1.7; color:#d5ddd9; }
.first-touch .film-caption,.squad-film .film-caption { position:absolute; bottom:0; left:6vw; right:6vw; padding:21px 0; background:transparent; border-color:#ffffff35; }
.film-caption a { color:#f1efe6; text-decoration:none; font-size:.6rem; min-height:28px; display:flex; gap:20px; align-items:center; }
.squad-film { position:relative; height:min(670px,78svh); min-height:510px; isolation:isolate; overflow:hidden; margin:30px 0 50px; background:#091418; }
.squad-film::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#071219a3,transparent 75%),linear-gradient(0deg,#070e12,transparent 40%); }
.squad-film-copy { position:absolute; left:6vw; top:54px; }
.squad-film h2 { font:400 clamp(4rem,9vw,9rem)/.86 'Bebas Neue',sans-serif; margin:0; }
.squad-film h2 span { color:#f28b50; }
.squad-film-copy > p:last-child { font-size:.74rem; line-height:1.8; margin-top:24px; }
.matchday-edition .matchday-flow { position:relative; padding-top:17px; }
.matchday-flow::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,#f38143 var(--flow-progress,100%),#ffffff24 var(--flow-progress,100%)); }
.matchday-edition .marketing-chapter-split { min-height:650px; }
.matchday-edition .player-story-chapter { background:radial-gradient(ellipse at 50% 64%,#18332860,transparent 62%); }
.matchday-edition .marketing-phone-shot { transition:none; }
.matchday-edition .tactics-board { opacity:.15; }
.matchday-edition .health-telemetry { opacity:.25; }
.site-motion-toggle { position:fixed; right:16px; bottom:16px; z-index:70; border:1px solid #ffffff35; border-radius:24px; padding:12px 16px; min-height:44px; background:#0b171cf0; color:#f1f0e7; font:500 .6rem/1 'Sora',sans-serif; cursor:pointer; }
.site-motion-toggle span { margin-left:10px; color:#f7975f; }
.site-motion-toggle:focus-visible { outline:2px solid #f5ad76; outline-offset:3px; }
.site-motion-toggle[hidden] { display:none; }
.reading-progress { position:fixed; z-index:100; top:0; left:0; right:0; height:2px; pointer-events:none; }
.reading-progress i { display:block; width:100%; height:100%; transform:scaleX(0); transform-origin:left; background:#ff9352; }
.site-motion-paused #soccerheros-panel *,.site-motion-paused #soccerheros-panel *::before,.site-motion-paused #soccerheros-panel *::after { animation-play-state:paused!important; }
@media(max-width:700px) {
  .match-film.first-touch { height:auto; min-height:0; padding:200px 0 66px; }
  /* Keep the whole kick in view instead of cropping landscape footage into a portrait window. */
  .first-touch .film-media { position:relative; inset:auto; aspect-ratio:16 / 9; }
  .first-touch .film-media > * { object-position:center; }
  .first-touch::before { background:linear-gradient(180deg,transparent 75%,#070e1240 100%); }
  .first-touch .film-heading { left:22px; top:18px; }
  .first-touch .film-heading h2 { font-size:clamp(3.5rem,19.3vw,4.7rem); }
  .first-touch .film-heading .eyebrow { font-size:.48rem; margin-bottom:13px; }
  .first-touch .film-heading h2 span { display:inline; }
  .film-side-note { display:none; }
  .first-touch .film-caption,.squad-film .film-caption { left:22px; right:22px; padding:18px 0; align-items:center; min-height:66px; }
  .film-caption a { font-size:.46rem; gap:8px; max-width:50%; }
  .squad-film { height:auto; min-height:0; padding:240px 0 66px; margin:30px 0 20px; }
  .squad-film .film-media { position:relative; inset:auto; aspect-ratio:16 / 9; }
  .squad-film .film-media > * { object-position:center; }
  .squad-film-copy { left:22px; top:35px; right:22px; }
  .squad-film-copy .eyebrow { font-size:.47rem; }
  .squad-film h2 { font-size:4rem; }
  .squad-film-copy > p:last-child { font-size:.65rem; }
  .matchday-edition .marketing-chapter-split { min-height:0; }
  .site-motion-toggle { bottom:10px; right:10px; padding:0; font-size:0; width:44px; height:44px; }
  .site-motion-toggle span { font-size:.75rem; margin:0; }
}
@media(prefers-reduced-motion:reduce) {
  .matchday-edition .film-media,.matchday-edition .squad-film h2,.club-moment img { transform:none!important; clip-path:none!important; }
  .site-motion-toggle,.reading-progress { display:none; }
}
@media(max-width:360px) {
  .match-store-actions .store-pill { padding:9px 8px; gap:6px; }
  .match-store-actions .store-pill b { display:none; }
  .match-store-actions .store-pill strong { font-size:.75rem; }
  .match-store-actions .store-pill small { font-size:.44rem; }
}
