/* NEXERA FC V280 — Ultimate Esports Visual System
   Visual-only enhancement layer. Existing application logic is untouched. */
:root{--nx-blue:#14b8ff;--nx-cyan:#21f1ff;--nx-violet:#7c4dff;--nx-pink:#ff3cac;--nx-green:#16e0a0;--nx-gold:#ffd34e;--nx-bg:#030712;--nx-panel:rgba(7,15,31,.78);--nx-line:rgba(82,190,255,.22)}
html{scroll-behavior:smooth}
body{background:#020611!important;color:#eef8ff!important;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-4;background:radial-gradient(circle at 15% 15%,rgba(0,181,255,.11),transparent 27%),radial-gradient(circle at 85% 20%,rgba(124,77,255,.13),transparent 28%),radial-gradient(circle at 50% 100%,rgba(0,255,190,.07),transparent 32%),linear-gradient(180deg,#02050d,#031020 55%,#02050d);}
/* animated atmosphere */
#nx280-fx{position:fixed;inset:0;pointer-events:none;z-index:-2;overflow:hidden;opacity:.9}
.nx280-grid{position:absolute;inset:42% -10% -25%;background-image:linear-gradient(rgba(40,170,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(40,170,255,.09) 1px,transparent 1px);background-size:46px 46px;transform:perspective(420px) rotateX(58deg);transform-origin:center top;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 80%,transparent)}
.nx280-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.22;animation:nxOrb 10s ease-in-out infinite alternate}.orb1{width:360px;height:360px;background:#008cff;left:-120px;top:18%}.orb2{width:320px;height:320px;background:#8b35ff;right:-120px;top:35%;animation-delay:-4s}.nx280-ball{position:absolute;font-size:38px;right:8%;top:20%;filter:drop-shadow(0 0 16px rgba(0,210,255,.7));animation:nxBall 9s linear infinite}.nx280-scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(28,232,255,.8),transparent);box-shadow:0 0 20px rgba(28,232,255,.8);animation:nxScan 7s linear infinite}
@keyframes nxOrb{to{transform:translate(80px,40px) scale(1.15)}}@keyframes nxBall{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(-90px,140px) rotate(180deg)}100%{transform:translate(0,0) rotate(360deg)}}@keyframes nxScan{0%{top:8%;opacity:0}10%{opacity:.8}90%{opacity:.8}100%{top:92%;opacity:0}}
/* universal chrome */
.page{position:relative!important;isolation:isolate}
.page:not(#home){animation:nxPageIn .45s ease both}.card,.n153SectionHead,.n119SectionTitle,.n120UpcomingHead,.n119NextMatch,.n119TopWelcome,.n119TournamentBanner,.n119Quick,.n153PageTop,.tournamentHero,.nexaBidIntro,.nexaBidActions,.n153BidTabs{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
@keyframes nxPageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
button,.smallBtn,.primary,.goldBtn,.heroGhost{transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important}button:hover,.smallBtn:hover,.primary:hover,.goldBtn:hover,.heroGhost:hover{transform:translateY(-2px);filter:brightness(1.08)}
/* top welcome */
#home .n119TopWelcome{margin:12px auto 14px!important;padding:18px 20px!important;max-width:1180px;border:1px solid var(--nx-line)!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(8,22,42,.92),rgba(10,9,30,.78))!important;box-shadow:0 18px 60px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08)!important;position:relative;overflow:hidden}
#home .n119TopWelcome:after{content:"";position:absolute;inset:auto -10% -75%;height:180px;background:radial-gradient(ellipse,rgba(20,184,255,.2),transparent 65%);animation:nxPulse 4s ease-in-out infinite alternate}
@keyframes nxPulse{to{transform:scale(1.25);opacity:.65}}
#home .n119TopWelcome h1{font-size:clamp(30px,5vw,52px)!important;letter-spacing:-1px!important;text-shadow:0 0 22px rgba(33,241,255,.35)}
#home .n119TopWelcome p{color:#82dcff!important;font-weight:800;letter-spacing:1.8px}
#home .n119HomeLogo img{border:2px solid rgba(33,241,255,.5)!important;box-shadow:0 0 0 5px rgba(20,184,255,.06),0 0 30px rgba(20,184,255,.25)!important}
/* hero */
#home .n119TournamentBanner{max-width:1180px!important;margin:0 auto 18px!important;min-height:300px!important;border:1px solid rgba(56,205,255,.38)!important;border-radius:28px!important;overflow:hidden!important;background:linear-gradient(110deg,rgba(3,15,32,.98),rgba(5,27,55,.7) 45%,rgba(34,9,66,.86)),url('assets/NEXERA_EFOOTBALL_HERO.jpg') center/cover!important;box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 45px rgba(0,158,255,.11)!important;position:relative!important}
#home .n119TournamentBanner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,18,.94) 0%,rgba(2,8,18,.66) 42%,rgba(2,8,18,.12) 80%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%);z-index:0}
#home .n119TournamentBanner>div:not(.n119StadiumGlow){position:relative;z-index:2}
#home .n119TournamentBanner h2{font-size:clamp(34px,6vw,72px)!important;line-height:.9!important;letter-spacing:-2px!important;text-shadow:0 7px 30px rgba(0,0,0,.55),0 0 24px rgba(0,190,255,.22)}
#home .n119TournamentBanner h2 strong{color:#1de9ff!important}
#home .n119Trophy{font-size:clamp(65px,9vw,115px)!important;filter:drop-shadow(0 0 28px rgba(255,210,40,.5));animation:nxTrophy 2.6s ease-in-out infinite}
@keyframes nxTrophy{50%{transform:translateY(-9px) rotate(2deg);filter:drop-shadow(0 0 45px rgba(255,210,40,.8))}}
.nx280-heroBadge{position:absolute!important;top:18px;right:18px;padding:8px 12px;border-radius:999px;background:rgba(3,11,25,.75);border:1px solid rgba(33,241,255,.35);color:#dffcff;font-size:10px;font-weight:900;letter-spacing:1px}.liveDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff3d57;box-shadow:0 0 12px #ff3d57;margin-right:6px;animation:nxLive 1s infinite}.nx280-heroSub{position:absolute!important;left:24px;bottom:18px;color:#8cb9d6;font-size:10px;font-weight:800;letter-spacing:2px}.n119StadiumGlow{opacity:.55!important}
@keyframes nxLive{50%{opacity:.25;transform:scale(.7)}}
/* quick actions */
#home .n119QuickGrid{max-width:1180px!important;margin:0 auto 22px!important;gap:12px!important}
#home .n119Quick{min-height:118px!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 14px 35px rgba(0,0,0,.28)!important;position:relative;overflow:hidden!important}
#home .n119Quick:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-30px;bottom:-38px;background:rgba(255,255,255,.08);filter:blur(2px)}
#home .n119Quick b{font-size:34px!important;filter:drop-shadow(0 0 9px rgba(255,255,255,.2))}
#home .n119Quick strong{font-size:15px!important;letter-spacing:.6px}
#home .n119Quick small{opacity:.78!important}
/* sections */
#home .n120UpcomingHead,#home .n153SectionHead,#home .n119SectionTitle{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
#home .n120UpcomingHead h2,#home .n153SectionHead h2,#home .n119SectionTitle h2{font-size:24px!important;letter-spacing:-.4px!important}
#home .n120UpcomingMatches,#home #homeLivePointTable,#home #topPlayers,#home #homeGallerySlider,#home #homeNews{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
/* cards */
#home .n119NextMatch,.card,.tournamentHero,.nexaBidIntro,.nexaBidAction,.n153BidTabs,.n153PageTop{border-color:rgba(93,200,255,.2)!important;box-shadow:0 16px 45px rgba(0,0,0,.25)!important}
.card{background:linear-gradient(145deg,rgba(9,22,43,.9),rgba(5,12,27,.82))!important;border-radius:20px!important}
/* tournament */
#tournament .tournamentHero{border-radius:26px!important;background:linear-gradient(135deg,rgba(3,18,39,.96),rgba(24,9,52,.88))!important;position:relative;overflow:hidden}
#tournament .tournamentHero:after{content:"⚽";position:absolute;right:4%;bottom:-20px;font-size:150px;opacity:.055;animation:nxBall 9s linear infinite}
/* bid */
#bid .nexaBidIntro{border:1px solid rgba(255,82,192,.22)!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(16,8,35,.94),rgba(5,16,36,.9))!important}
#bid .nexaBidAction{border-radius:18px!important;background:linear-gradient(145deg,rgba(8,28,54,.92),rgba(13,8,37,.92))!important;border:1px solid rgba(70,190,255,.18)!important}
#bid .nexaBidAction.live{box-shadow:0 0 35px rgba(255,52,100,.13)!important;border-color:rgba(255,70,100,.35)!important}
/* profile */
#profile.n172ProfilePage .profileHero{background:linear-gradient(135deg,rgba(7,24,47,.96),rgba(22,10,48,.9))!important;border:1px solid rgba(33,241,255,.24)!important;box-shadow:0 22px 55px rgba(0,0,0,.3)!important}
#profile.n172ProfilePage .profileAvatarWrap{box-shadow:0 0 0 6px rgba(33,241,255,.05),0 0 40px rgba(33,241,255,.25)!important}
/* tables */
.tableWrap{border-radius:18px!important;border:1px solid rgba(87,191,255,.16)!important;overflow:auto;box-shadow:0 15px 40px rgba(0,0,0,.22)}
.premiumTable th{background:linear-gradient(90deg,#08274b,#111a43)!important;color:#75e9ff!important}.premiumTable td{border-color:rgba(255,255,255,.06)!important}.premiumTable tr{transition:background .2s}.premiumTable tbody tr:hover{background:rgba(20,184,255,.07)!important}
/* login */
#authScreen{background:radial-gradient(circle at 50% 20%,rgba(0,180,255,.15),transparent 28%),linear-gradient(180deg,#020610,#04152b)!important}
#authScreen .authBox,#authScreen .loginCard{border:1px solid rgba(50,205,255,.25)!important;box-shadow:0 30px 90px rgba(0,0,0,.5),0 0 40px rgba(0,180,255,.08)!important;border-radius:26px!important;backdrop-filter:blur(20px)!important}
/* admin */
#admin .card{border-radius:18px!important}.adminContent .primary{box-shadow:0 8px 25px rgba(0,174,255,.16)!important}
/* mobile */
@media(max-width:700px){#home .n119TopWelcome{margin:8px 10px 10px!important;border-radius:18px!important;padding:14px!important}#home .n119TournamentBanner{margin:0 10px 12px!important;min-height:245px!important;border-radius:20px!important;padding:22px 16px!important}#home .n119TournamentBanner h2{font-size:39px!important}#home .n119Trophy{font-size:68px!important}.nx280-heroBadge{top:10px;right:10px;font-size:8px}.nx280-heroSub{left:16px;font-size:8px;letter-spacing:1px}.nx280-ball{right:3%;top:28%;font-size:26px}#home .n119QuickGrid{padding:0 10px!important;grid-template-columns:1fr 1fr!important;gap:9px!important}#home .n119Quick{min-height:98px!important;border-radius:16px!important}#home .n119Quick b{font-size:27px!important}#home .n119Quick strong{font-size:12px!important}#home .n119Quick small{font-size:9px!important}.card{border-radius:16px!important}.n153PageTop{border-radius:15px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
