/* NEXERA FC V284 — visual rebuild inspired by the supplied reference, not a screenshot copy */
:root{--n284-bg:#020812;--n284-card:rgba(5,20,39,.88);--n284-cyan:#20d9ff;--n284-blue:#4b7dff;--n284-purple:#8b4dff;--n284-pink:#ef38ff;--n284-text:#f5f9ff;--n284-muted:#93a9c4}
html,body{background:#020812!important;overflow-x:hidden!important}
body{background:radial-gradient(ellipse at 50% -15%,rgba(24,73,155,.5),transparent 40%),linear-gradient(180deg,#030a17 0,#020812 55%,#01050c 100%)!important}
/* Remove the stray vertical animation/scan artifact visible on mobile. */
#nx281-fx .nx281-lines,#nx281-fx .nx281-scan{display:none!important}
#nx281-fx:after{display:none!important}
#nx281-fx{pointer-events:none!important;overflow:hidden!important}
/* App shell */
.container{max-width:980px!important;padding:10px 12px 110px!important}
.n119Home{padding-top:4px!important}
.n119TopWelcome{position:relative!important;overflow:hidden!important;border:1px solid rgba(39,201,255,.32)!important;border-radius:28px!important;padding:18px 18px 16px!important;background:linear-gradient(135deg,rgba(5,20,43,.96),rgba(20,10,57,.92))!important;box-shadow:0 18px 60px rgba(0,0,0,.35),inset 0 0 40px rgba(25,198,255,.06)!important}
.n119TopWelcome:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent 0 35%,rgba(32,217,255,.12) 42%,transparent 50%,rgba(239,56,255,.1) 62%,transparent 70%);animation:n284Orbit 12s linear infinite;pointer-events:none}
.n119TopWelcome>*{position:relative;z-index:1}
.n119TopWelcome span{color:#34dcff!important;letter-spacing:2px!important;font-weight:800!important;font-size:11px!important}
.n119TopWelcome h1{font-size:clamp(30px,8vw,52px)!important;line-height:.95!important;margin:4px 0 8px!important;letter-spacing:-1.5px!important;background:linear-gradient(90deg,#fff,#61ddff 48%,#bd6dff);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.n119TopWelcome p{color:#a9c3dd!important;letter-spacing:2px!important}
.n119HomeLogo{width:82px!important;height:82px!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 0 30px rgba(43,204,255,.24)!important;background:#07152b!important;overflow:hidden}
.n119HomeLogo img{width:100%!important;height:100%!important;object-fit:cover!important}
.n119TournamentBanner{position:relative!important;overflow:hidden!important;min-height:180px!important;margin-top:12px!important;border-radius:28px!important;border:1px solid rgba(51,205,255,.38)!important;background:radial-gradient(circle at 75% 50%,rgba(30,174,255,.35),transparent 28%),radial-gradient(circle at 45% 110%,rgba(128,47,255,.28),transparent 38%),linear-gradient(135deg,#061b35,#100b35 58%,#21062e)!important;box-shadow:0 20px 60px rgba(0,0,0,.4),inset 0 0 45px rgba(45,185,255,.08)!important}
.n119TournamentBanner:after{content:"⚽";position:absolute;right:10%;bottom:4%;font-size:74px;filter:drop-shadow(0 0 16px rgba(31,220,255,.8));animation:n284Ball 4.5s ease-in-out infinite;opacity:.95}
.n119TournamentBanner>div:not(.n119StadiumGlow){position:relative;z-index:2}
.n119TournamentBanner h2{font-size:clamp(25px,7vw,44px)!important;line-height:.95!important}
.n119TournamentBanner strong{color:#19d9ff!important}
.n119StadiumGlow{position:absolute!important;inset:0!important;background:repeating-linear-gradient(100deg,transparent 0 55px,rgba(47,211,255,.08) 56px,transparent 58px);transform:skewX(-18deg);animation:n284Stadium 7s linear infinite!important}
.n119QuickGrid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;margin:12px 0!important}
.n119Quick{min-height:98px!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;box-shadow:0 12px 30px rgba(0,0,0,.3)!important;transition:transform .25s ease,box-shadow .25s ease!important}
.n119Quick:hover{transform:translateY(-5px)!important;box-shadow:0 18px 36px rgba(35,200,255,.18)!important}
.n119Quick b{font-size:28px!important;display:block!important;margin-bottom:5px!important}
.n119Quick strong{font-size:12px!important;letter-spacing:.4px!important}
.n119Quick small{display:block!important;margin-top:4px!important;opacity:.7!important;font-size:9px!important}
.n119Quick.red{background:linear-gradient(145deg,#3b082e,#1a0b2d)!important;border-color:#ff3bd8!important}
.n119Quick.blue{background:linear-gradient(145deg,#082d62,#0d174c)!important;border-color:#27d8ff!important}
.n119Quick.green{background:linear-gradient(145deg,#063b39,#081c31)!important;border-color:#1fffc0!important}
.n119Quick.purple{background:linear-gradient(145deg,#32106c,#17133d)!important;border-color:#a55aff!important}
.n119NextMatch{margin:12px 0!important;border-radius:20px!important;border:1px solid rgba(45,217,255,.28)!important;background:rgba(5,20,40,.8)!important;box-shadow:0 0 30px rgba(23,199,255,.07)!important}
.n120UpcomingHead{margin:18px 2px 9px!important;display:flex!important;align-items:end!important;justify-content:space-between!important}
.n120UpcomingHead span{font-size:10px!important;letter-spacing:2px!important;color:#29d9ff!important}
.n120UpcomingHead h2{font-size:27px!important;margin:3px 0 0!important;color:#fff!important}
/* Upcoming match — animated entrance + stadium matchup */
.n120UpcomingMatches{display:grid!important;gap:14px!important}
.n120UpcomingMatches .matchCard{position:relative!important;overflow:hidden!important;border-radius:26px!important;padding:16px!important;background:linear-gradient(145deg,rgba(5,24,47,.96),rgba(21,8,52,.94))!important;border:1px solid rgba(36,210,255,.42)!important;box-shadow:0 16px 42px rgba(0,0,0,.32),inset 0 0 34px rgba(61,69,255,.06)!important;opacity:0;transform:translateY(30px) scale(.985);animation:n284MatchIn .75s cubic-bezier(.2,.75,.2,1) forwards!important}
.n120UpcomingMatches .matchCard:nth-child(2){animation-delay:.12s!important}.n120UpcomingMatches .matchCard:nth-child(3){animation-delay:.24s!important}.n120UpcomingMatches .matchCard:nth-child(4){animation-delay:.36s!important}.n120UpcomingMatches .matchCard:nth-child(5){animation-delay:.48s!important}
.n120UpcomingMatches .matchCard:before{content:"";position:absolute;left:-35%;top:0;width:25%;height:100%;background:linear-gradient(90deg,transparent,rgba(55,225,255,.28),transparent);transform:skewX(-18deg);animation:n284Sweep 3.8s linear infinite;pointer-events:none}
.n120UpcomingMatches .matchCard:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,rgba(28,200,255,.11),transparent 28%);pointer-events:none}
.n120UpcomingMatches .matchTop,.n120UpcomingMatches .matchCard h3,.n120UpcomingMatches .matchCard .meta,.n120UpcomingMatches .matchCard .squad{position:relative;z-index:1}
.n120UpcomingMatches .matchTop{display:flex!important;align-items:center!important;gap:8px!important}
.n120UpcomingMatches .matchTop .badge{border-radius:999px!important;padding:6px 10px!important;background:linear-gradient(90deg,#103f76,#27175e)!important;border:1px solid rgba(41,216,255,.35)!important;color:#c9f7ff!important;font-weight:800!important}
.n120UpcomingMatches .matchTop small{margin-left:auto!important;color:#7de6ff!important;font-size:10px!important}
.n120UpcomingMatches .matchCard h3{font-size:clamp(19px,5vw,28px)!important;text-align:center!important;margin:18px 4px!important;padding:18px 8px!important;border-radius:20px!important;background:linear-gradient(90deg,rgba(14,54,99,.7),rgba(42,12,74,.7))!important;border:1px solid rgba(81,191,255,.2)!important;box-shadow:inset 0 0 30px rgba(34,179,255,.06)!important}
.n120UpcomingMatches .matchCard h3::first-letter{filter:drop-shadow(0 0 8px #2adfff)}
.n120UpcomingMatches .meta{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
.n120UpcomingMatches .meta span{padding:11px 10px!important;border-radius:14px!important;background:rgba(4,22,42,.82)!important;border:1px solid rgba(82,166,220,.13)!important;color:#c7d8eb!important;font-size:11px!important}
.n120UpcomingMatches .squad{margin-top:10px!important;border-radius:18px!important;padding:12px!important;background:linear-gradient(135deg,rgba(20,12,60,.75),rgba(6,31,51,.75))!important;border:1px solid rgba(149,76,255,.2)!important}
.n120UpcomingMatches .squad>small{color:#ffd55f!important;font-weight:800!important;letter-spacing:.5px!important}
.n120UpcomingMatches .chips{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:8px!important}
.n120UpcomingMatches .chips span{padding:8px 10px!important;border-radius:999px!important;background:rgba(29,30,83,.7)!important;border:1px solid rgba(69,199,255,.18)!important;color:#eef7ff!important;font-size:10px!important}
/* Section cards */
.n153HomePointTable,.n119TopPlayers,.n123GallerySlider,.n119News{border-radius:24px!important}
.n153SectionHead,.n119SectionTitle{margin-top:20px!important}
.n153SectionHead h2,.n119SectionTitle h2{font-size:25px!important}
/* Bottom navigation */
.bottomNav,.n130BottomNav,.nxfBottomNav{backdrop-filter:blur(18px)!important;background:rgba(2,10,24,.9)!important;border:1px solid rgba(40,211,255,.18)!important;box-shadow:0 -12px 40px rgba(0,0,0,.35),0 0 30px rgba(50,78,255,.08)!important}
@keyframes n284Orbit{to{transform:rotate(360deg)}}
@keyframes n284Ball{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-25px,-20px,0) rotate(180deg)}}
@keyframes n284Stadium{from{transform:translateX(-20%) skewX(-18deg)}to{transform:translateX(20%) skewX(-18deg)}}
@keyframes n284MatchIn{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes n284Sweep{0%{left:-35%;opacity:0}15%{opacity:1}60%{opacity:1}100%{left:120%;opacity:0}}
@media(max-width:650px){.container{padding-left:10px!important;padding-right:10px!important}.n119TopWelcome{min-height:128px!important}.n119HomeLogo{width:66px!important;height:66px!important}.n119TournamentBanner{min-height:155px!important}.n119TournamentBanner:after{font-size:55px!important;right:7%!important}.n119QuickGrid{grid-template-columns:repeat(2,1fr)!important}.n119Quick{min-height:86px!important}.n120UpcomingMatches .matchCard{border-radius:22px!important;padding:13px!important}.n120UpcomingMatches .matchCard h3{font-size:18px!important;margin:13px 2px!important;padding:15px 6px!important}.n120UpcomingMatches .meta{grid-template-columns:1fr!important}.n120UpcomingMatches .matchTop small{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.n119TopWelcome:before,.n119TournamentBanner:after,.n119StadiumGlow,.n120UpcomingMatches .matchCard,.n120UpcomingMatches .matchCard:before{animation:none!important;opacity:1!important;transform:none!important}}