
/* NEXTUP — integrated cinematic sports scenes + matching card previews. Scoped to sport step. */
#sports .nu-hero-atmosphere{background-image:linear-gradient(90deg,rgba(8,13,22,.25),rgba(9,13,22,.66) 72%,rgba(7,12,23,.86)),var(--nextup-sport-photo)!important;background-repeat:no-repeat!important;background-size:cover,cover!important;background-position:center,21% 38%!important}
#sports .nu-hero-atmosphere:before{background:radial-gradient(ellipse 80% 10% at 45% 89%,rgba(255,255,255,.19),transparent 72%),repeating-linear-gradient(90deg,transparent 0,transparent 8.5%,rgba(255,255,255,.027) 8.7%,transparent 9%)!important;opacity:.9!important}
#sports .nu-hero-atmosphere:after{background:linear-gradient(180deg,rgba(8,14,24,.02),rgba(8,13,23,.56)),radial-gradient(ellipse 38% 55% at 18% 40%,rgba(255,255,255,.08),transparent)!important;opacity:1!important}
#sports.nu-has-real-scene .nu-hero-atmosphere{background-image:linear-gradient(90deg,rgba(6,11,19,.40),rgba(8,12,21,.68) 65%,rgba(8,11,21,.9)),var(--nu-real-scene)!important;background-position:center,center!important;background-size:cover,cover!important}
#sports.nu-has-real-scene .nu-hero-image{display:block!important}
#sports .nu-hero-athlete-area{inset:6% 59% 16% 0;z-index:2}
#sports .nu-hero-copy{width: min(30%,435px);margin:0 24.5% 0 0}
#sports .nu-hero-copy h2{font-size:clamp(43px,4.5vw,68px)}
#sports .nu-hero-intro{font-size:13px}
#sports .nu-hero-selected-icon{width:51px;height:51px;font-size:26px}
#sports .nextup-sport-sidecard{--side-accent:#aebdd6;position:absolute;right:4%;top:21%;width:clamp(180px,18vw,250px);z-index:4;pointer-events:none;transform:rotate(4deg)}
#sports .nextup-sidecard-frame{aspect-ratio:.70;position:relative;overflow:hidden;border:4px ridge color-mix(in srgb,var(--side-accent) 60%,white);border-radius:13px;background:radial-gradient(ellipse at 54% 36%,color-mix(in srgb,var(--side-accent) 32%,#081525),#09101c 70%);color:white;box-shadow:0 20px 60px rgba(0,0,0,.65),inset 0 0 0 3px rgba(255,255,255,.3),0 0 23px color-mix(in srgb,var(--side-accent) 28%,transparent)}
#sports .nextup-sidecard-frame:before{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.4);border-radius:7px;z-index:3;pointer-events:none}
#sports .nextup-sidecard-top{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:16px 15px 0;gap:4px}
#sports .nextup-sidecard-top b{font-size:clamp(16px,1.8vw,22px);font-weight:1000;font-style:italic;letter-spacing:-.08em;text-shadow:0 2px 8px black}
#sports .nextup-sidecard-top span{font-size:6px;letter-spacing:.13em;color:var(--side-accent);font-weight:900}
#sports .nextup-sidecard-figure{position:absolute;inset:10% -10% 19%;display:grid;place-items:center;opacity:.95}
#sports .nextup-sidecard-figure img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 11px rgba(0,0,0,.6))}
#sports .nextup-sidecard-foil{position:absolute;left:-25%;right:-25%;top:61%;transform:rotate(-17deg);border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.24);background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--side-accent) 43%,transparent),transparent);padding:7px 0;text-align:center;font-size:8px;font-weight:950;letter-spacing:.2em}
#sports .nextup-sidecard-name{position:absolute;bottom:12%;left:8%;right:8%;z-index:4;text-transform:uppercase;font-size:clamp(17px,2vw,25px);font-weight:1000;line-height:1;letter-spacing:-.04em;text-shadow:0 2px 6px black}
#sports .nextup-sidecard-footer{position:absolute;bottom:5%;left:8%;right:8%;display:flex;justify-content:space-between;gap:5px;font-size:7px;letter-spacing:.09em;color:var(--side-accent)}
#sports .nextup-sidecard-footer strong{font-size:7px;white-space:nowrap}
#sports .nextup-sidecard-label{text-align:center;font-size:9px;letter-spacing:.19em;font-weight:900;color:#d3deeb;margin-top:14px;transform:rotate(-4deg)}
@media(max-width:1050px){#sports .nu-hero-copy{margin-right:22%;width:34%}#sports .nextup-sport-sidecard{right:2%;width:19%}#sports .nu-hero-copy h2{font-size:clamp(39px,5vw,59px)}}
@media(max-width:720px){#sports .nu-hero-athlete-area{inset:4% 9% 46% 0;opacity:.88}#sports .nextup-sport-sidecard{top:15%;right:5%;width:clamp(100px,28vw,148px);transform:rotate(4deg)}#sports .nu-hero-copy{width:100%;margin:0}#sports .nu-hero-copy h2{font-size:clamp(41px,9vw,68px)}#sports .nextup-sidecard-top{padding:9px 8px 0}#sports .nextup-sidecard-top b{font-size:13px}#sports .nextup-sidecard-top span{font-size:4px}#sports .nextup-sidecard-name{font-size:13px}#sports .nextup-sidecard-footer,#sports .nextup-sidecard-footer strong{font-size:5px}#sports .nextup-sidecard-label{display:none}}
@media(max-width:390px){#sports .nextup-sport-sidecard{right:3%;top:16%;width:104px}}

/* NEXTUP sport art integration: every sport has independent photographic scene + card preview. */
#sports .nu-hero-stage{background:#0c121d!important}
#sports .nu-hero-stage::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(90deg,rgba(7,13,23,.46) 0%,rgba(8,14,25,.68) 48%,rgba(7,12,21,.89) 100%),var(--nx-action-scene,none);background-size:cover;background-position:center center;pointer-events:none;transition:background-image .2s ease}
#sports .nu-hero-atmosphere{opacity:.17!important}
#sports .nu-hero-stage::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,rgba(8,15,27,.8) 0%,transparent 34%);pointer-events:none}
#sports .nu-hero-athlete-area{z-index:1!important;inset:7% 54% 15% 1%!important}
#sports .nu-hero-image{filter:drop-shadow(0 18px 16px rgba(0,0,0,.42))!important;object-position:center bottom}
#sports .nu-hero-foreground{z-index:4!important}
#sports .nu-hero-copy{width:min(47%,525px)!important;margin-right:12%!important}
#sports .nu-hero-copy h2{font-size:clamp(42px,5.4vw,77px)!important}
#sports .nextup-sport-sidecard{position:absolute!important;z-index:3!important;right:3.2%!important;top:22%!important;width:clamp(165px,17vw,245px)!important;height:auto!important;pointer-events:none!important;display:flex!important;flex-direction:column;align-items:center}
#sports .nextup-sidecard-frame{position:relative;min-height:270px;aspect-ratio:2/3;width:100%;overflow:hidden;border-radius:15px;border:4px ridge rgba(245,224,173,.88);background:radial-gradient(circle at 40% 30%,#27364d,#0b1323 60%,#02050c);box-shadow:0 15px 45px rgba(0,0,0,.65),inset 0 0 20px rgba(234,194,93,.23);transform:rotate(4deg)}
#sports .nextup-sidecard-figure{position:absolute;inset:17% 3% 15%!important;overflow:hidden}
#sports #nextupCardAthlete{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 6px 8px rgba(0,0,0,.6))}
#sports .nextup-sidecard-top{position:absolute;top:4%;left:7%;right:7%;z-index:2;display:flex;justify-content:space-between;font-size:clamp(10px,1vw,15px);color:white;text-shadow:0 1px 4px black}
#sports .nextup-sidecard-top span{font-size:7px;text-align:right;max-width:65px}
#sports .nextup-sidecard-foil{position:absolute;top:69%;left:0;right:0;text-align:center;font-size:10px;color:#eac779;z-index:2}
#sports .nextup-sidecard-name{position:absolute;bottom:13%;left:2%;right:2%;text-align:center;font-size:clamp(13px,1.3vw,19px);font-weight:950;letter-spacing:.06em;color:white;z-index:2;text-shadow:0 2px 4px black}
#sports .nextup-sidecard-footer{position:absolute;bottom:5%;left:6%;right:6%;display:flex;justify-content:space-between;color:#f3d891;font-size:8px;z-index:2}
#sports .nextup-sidecard-label{color:white;font-size:9px;letter-spacing:.14em;margin-top:24px;text-shadow:0 1px 5px black}
@media(max-width:1100px){#sports .nextup-sport-sidecard{right:2%!important;width:155px!important}#sports .nu-hero-copy{margin-right:13%!important}}
@media(max-width:720px){#sports .nu-hero-athlete-area{inset:8% 22% 43% -3%!important}#sports .nextup-sport-sidecard{top:15%!important;right:6%!important;width:112px!important;opacity:.95}#sports .nextup-sidecard-frame{min-height:165px;border-width:2px}#sports .nextup-sidecard-label{display:none}#sports .nu-hero-copy{width:100%!important;margin:0!important}#sports .nu-hero-copy h2{font-size:clamp(36px,9vw,52px)!important}#sports .nextup-sidecard-name{font-size:11px}#sports .nextup-sidecard-top span{display:none}}
