/* NEXERA FC V192 — supplied 12-screen reference UI
   Visual layer only: keeps existing Firebase/auth/data/functionality intact. */
:root{
  --v192-bg:#020916;
  --v192-panel:#06162d;
  --v192-panel2:#081d3a;
  --v192-blue:#168cff;
  --v192-cyan:#32c9ff;
  --v192-purple:#643cff;
  --v192-text:#f4f8ff;
  --v192-muted:#8ea9c8;
  --v192-line:rgba(43,174,255,.30);
  --v192-glow:0 0 26px rgba(21,139,255,.12);
}
html,body{
  background:
    radial-gradient(circle at 12% 0%,rgba(0,126,255,.16),transparent 28%),
    radial-gradient(circle at 92% 10%,rgba(104,42,255,.13),transparent 28%),
    linear-gradient(180deg,#020813,#020b18 52%,#010711)!important;
  color:var(--v192-text)!important;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    linear-gradient(115deg,transparent 0 42%,rgba(38,151,255,.035) 43%,transparent 44% 64%,rgba(104,56,255,.035) 65%,transparent 66%);
}

/* Top navigation */
.topbar{
  height:68px!important;
  padding:7px 12px!important;
  background:rgba(2,12,27,.94)!important;
  border-bottom:1px solid rgba(38,169,255,.34)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(16px)!important;
}
.topbar .brand{gap:9px!important}
.topbar .brand img{
  width:42px!important;height:42px!important;border-radius:11px!important;
  border:1px solid rgba(61,190,255,.48)!important;
}
.topbar .brand b{font-size:16px!important;letter-spacing:1px!important}
.topbar .brand small{font-size:8px!important;color:#7fa4c7!important}
.headerClockUnderName{
  margin-top:2px!important;font-size:7px!important;padding:2px 5px!important;
  border-radius:5px!important;color:#a8e9ff!important;
}
.headerRight{gap:6px!important}
.headerIconBtn,.headerProfileBtn,.menuBtn{
  width:38px!important;height:38px!important;border-radius:11px!important;
}
.headerIconBtn{font-size:16px!important;border-color:rgba(60,164,255,.35)!important}
.headerProfileBtn{border:1px solid rgba(62,191,255,.55)!important}
.menuBtn{font-size:21px!important;border:1px solid rgba(60,164,255,.35)!important}

/* Drawer */
#drawer{
  width:min(310px,88vw)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(29,118,255,.15),transparent 30%),
    linear-gradient(180deg,#041329,#020b19)!important;
  border-left:1px solid rgba(48,174,255,.34)!important;
  box-shadow:20px 0 70px rgba(0,0,0,.55)!important;
}
.drawerHead{padding:13px 14px!important;border-bottom:1px solid rgba(45,167,255,.20)!important}
.drawerHead img{width:42px!important;height:42px!important;border-radius:10px!important;border:1px solid rgba(50,183,255,.42)!important}
.drawerHead b{font-size:13px!important}
.drawerCloseBtn{width:34px!important;height:34px!important;border-radius:10px!important}
.n130DrawerProfile{
  margin:12px!important;padding:12px!important;border-radius:14px!important;
  background:linear-gradient(135deg,rgba(9,39,75,.92),rgba(14,17,58,.92))!important;
  border:1px solid rgba(47,175,255,.28)!important;
}
.n130DrawerAvatar{width:42px!important;height:42px!important}
.nxf-top-link,.nxf-menu-items button{
  border-radius:10px!important;margin:2px 8px!important;padding:10px 12px!important;
  color:#dcecff!important;
}
.nxf-top-link:hover,.nxf-menu-items button:hover{
  background:linear-gradient(90deg,rgba(18,126,255,.25),rgba(84,54,255,.16))!important;
}
.nxf-menu-group{margin:5px 8px!important;border:1px solid rgba(45,160,255,.13)!important;border-radius:11px!important;overflow:hidden}
.nxf-menu-group summary{padding:10px!important;color:#7fdcff!important;font-size:9px!important}

/* Main page/card system */
.container{
  max-width:1080px!important;
  padding:16px 14px 80px!important;
}
.page>h1{font-size:22px!important}
.card,.n153SectionHead,.n119SectionTitle,.n120UpcomingHead,.tournamentHero,.adminHero,
.n173SectionCard,.n172PersonalCard,.n172UpcomingCard{
  background:linear-gradient(145deg,rgba(6,25,50,.96),rgba(3,13,29,.97))!important;
  border:1px solid var(--v192-line)!important;
  border-radius:15px!important;
  box-shadow:var(--v192-glow)!important;
}
.card{padding:14px!important}
.page button,.primary,.smallBtn,.goldBtn,.heroGhost{border-radius:10px!important}

/* Login */
#authScreen.n119Auth,#authScreen.n153Auth{
  background:
    radial-gradient(circle at 50% 5%,rgba(22,130,255,.20),transparent 27%),
    radial-gradient(circle at 15% 55%,rgba(35,79,255,.12),transparent 30%),
    radial-gradient(circle at 88% 48%,rgba(111,39,255,.13),transparent 28%),
    linear-gradient(145deg,#010611,#04152b 52%,#01050d)!important;
}
.n153AuthShell{width:min(430px,100%)!important}
.n153AuthBrand{background:rgba(3,15,31,.72)!important;border:1px solid rgba(43,175,255,.22)!important;border-radius:15px!important}
.n153AuthCard{
  background:linear-gradient(145deg,rgba(5,24,49,.97),rgba(3,13,28,.98))!important;
  border:1px solid rgba(42,170,255,.38)!important;border-radius:17px!important;
  box-shadow:0 22px 65px rgba(0,0,0,.48),0 0 30px rgba(17,116,255,.10)!important;
}
.n153InputWrap{background:rgba(2,14,30,.9)!important;border-color:rgba(50,160,255,.22)!important;border-radius:10px!important}
.n153LoginBtn,.n153RoleGrid button,.n153AuthActions button,.n153BidRegisterBtn{
  border-radius:10px!important;
}

/* Home — match supplied reference */
#home.n119Home{padding-top:2px!important}
.n119TopWelcome{display:none!important}
.n119TournamentBanner{
  min-height:185px!important;
  margin:0 0 12px!important;
  border-radius:16px!important;
  padding:22px!important;
  overflow:hidden!important;
  position:relative!important;
  background:
    radial-gradient(circle at 78% 45%,rgba(91,49,255,.28),transparent 28%),
    linear-gradient(120deg,#061a36 0%,#081f43 48%,#15104b 100%)!important;
  border:1px solid rgba(45,177,255,.48)!important;
}
.n119TournamentBanner:after{
  content:"";position:absolute;inset:auto -10% -45% 30%;height:130px;
  background:radial-gradient(ellipse,rgba(0,179,255,.22),transparent 65%);
  pointer-events:none;
}
.n119TournamentBanner h2{font-size:27px!important;line-height:1.05!important}
.n119TournamentBanner h2 strong{color:#48c8ff!important}
.n119TournamentBanner p{color:#66d9ff!important;font-weight:800!important;letter-spacing:2px!important}
.n119Trophy{font-size:76px!important;filter:drop-shadow(0 0 18px rgba(105,62,255,.45))}
.n119QuickGrid{gap:9px!important;margin-bottom:15px!important}
.n119Quick{
  min-height:82px!important;border-radius:13px!important;
  border:1px solid rgba(50,175,255,.34)!important;
  box-shadow:0 10px 25px rgba(0,0,0,.22)!important;
}
.n119Quick strong{font-size:11px!important}
.n119Quick small{font-size:8px!important;color:#9db8d6!important}
.n119NextMatch,.n120UpcomingMatches>*{
  border-radius:13px!important;border-color:rgba(48,175,255,.30)!important;
}
.n120UpcomingHead,.n153SectionHead,.n119SectionTitle{
  padding:10px 2px!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
.n120UpcomingHead h2,.n153SectionHead h2,.n119SectionTitle h2{font-size:18px!important}
.n119TopPlayers{gap:9px!important}
.n119TopPlayers>*{
  border-radius:13px!important;
  background:linear-gradient(145deg,#071d3a,#050f23)!important;
  border:1px solid rgba(45,169,255,.30)!important;
}
.n123GallerySlider,.n119News{border-radius:14px!important}
.n123GallerySlider img{border-radius:10px!important}

/* Profile — supplied reference style */
#profile.n172ProfilePage{
  background:transparent!important;color:#fff!important;
}
#profile.n172ProfilePage .n172ProfileHeader{display:none!important}
#profile.n172ProfilePage .profileHero{
  margin:0 0 14px!important;min-height:205px!important;
  grid-template-columns:110px minmax(0,1fr) 100px!important;
  gap:15px!important;padding:20px!important;border-radius:17px!important;
  background:linear-gradient(135deg,#062348,#11144a 68%,#21104c)!important;
  border:1px solid rgba(49,184,255,.48)!important;
  box-shadow:0 15px 38px rgba(0,0,0,.28),0 0 30px rgba(32,111,255,.10)!important;
}
#profile.n172ProfilePage .profileAvatarWrap{width:92px!important;height:92px!important}
#profile.n172ProfilePage .profileIdentity h1{font-size:25px!important}
#profile.n172ProfilePage .profileClubBadge{
  border-radius:999px!important;padding:6px 10px!important;font-size:9px!important;
  background:linear-gradient(135deg,#0f7dff,#5b2cff)!important;
}
#profile.n172ProfilePage .n172PersonalCard{
  margin-bottom:14px!important;border-radius:15px!important;overflow:hidden!important;
}
#profile.n172ProfilePage .n172PersonalCard .infoGrid{gap:7px!important;padding:12px!important}
#profile.n172ProfilePage .n172PersonalCard .infoGrid>div{
  border-radius:10px!important;background:rgba(5,20,41,.88)!important;
  border-color:rgba(42,160,255,.16)!important;
}
#profile.n172ProfilePage .profileUpcomingTop{
  min-height:150px!important;margin-bottom:14px!important;
  border-radius:15px!important;background:linear-gradient(135deg,#061c3c,#101342)!important;
}
#profile.n172ProfilePage .profileUpcomingTop .n172SectionHead{
  padding:13px 14px!important;
}
#profile.n172ProfilePage .profileUpcomingTop h2{font-size:18px!important}
#profile.n172ProfilePage .profileMatchCard{
  margin:10px!important;border-radius:12px!important;
  background:rgba(3,18,39,.96)!important;border-color:rgba(49,164,255,.28)!important;
}

/* All Players / Fixtures / Tournament / Gallery / Settings */
.n153PageTop,.n119PageTop,.n151PageTop{
  background:linear-gradient(145deg,rgba(6,25,50,.95),rgba(3,13,28,.96))!important;
  border:1px solid rgba(43,169,255,.28)!important;border-radius:15px!important;
}
.searchInput{border-radius:10px!important}
.playerRow,.fixtureRow,.n119FixtureCard,.n153PlayerRow,.galleryItem{
  background:linear-gradient(145deg,#061a34,#040f22)!important;
  border:1px solid rgba(43,160,255,.22)!important;border-radius:12px!important;
}
.tournamentHero,.adminHero{border-radius:15px!important}
.adminGrid,.n153AdminGrid{gap:10px!important}
.adminGrid>*{
  border-radius:13px!important;border:1px solid rgba(55,167,255,.25)!important;
  background:linear-gradient(145deg,#071f40,#0a1230)!important;
}

/* Forms */
input,select,textarea,.searchInput{
  background:rgba(2,13,29,.92)!important;color:#fff!important;
  border:1px solid rgba(60,166,255,.25)!important;border-radius:10px!important;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(51,195,255,.75)!important;
  box-shadow:0 0 0 3px rgba(28,143,255,.10)!important;outline:none!important;
}
.primary{
  background:linear-gradient(135deg,#0e8cff,#5239ff)!important;
  border:1px solid rgba(107,218,255,.48)!important;
}

/* Responsive */
@media(max-width:700px){
  .container{padding:11px 9px 75px!important}
  .n119TournamentBanner{min-height:160px!important;padding:17px!important}
  .n119TournamentBanner h2{font-size:22px!important}
  .n119Trophy{font-size:55px!important}
  .n119QuickGrid{grid-template-columns:repeat(2,1fr)!important}
  .n119Quick{min-height:76px!important}
  .n119TopPlayers{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #profile.n172ProfilePage .profileHero{
    grid-template-columns:72px minmax(0,1fr)!important;
    padding:14px!important;min-height:175px!important;
  }
  #profile.n172ProfilePage .profileHeroRight{
    grid-column:1/-1!important;display:flex!important;justify-content:space-between!important;align-items:center!important;
  }
  #profile.n172ProfilePage .profileAvatarWrap{width:66px!important;height:66px!important}
  #profile.n172ProfilePage .profileIdentity h1{font-size:19px!important}
}
@media(max-width:390px){
  .topbar .brand img{width:38px!important;height:38px!important}
  .topbar .brand b{font-size:14px!important}
  .topbar .brand small{font-size:7px!important}
  .headerIconBtn,.headerProfileBtn,.menuBtn{width:35px!important;height:35px!important}
  .n119TopPlayers>*{padding:7px!important}
}

/* V193 — visual hero integration from supplied eFootball reference design */
.n119TournamentBanner{
  min-height:260px!important;
  padding:28px 30px!important;
  background-image:
    linear-gradient(90deg,rgba(2,10,25,.96) 0%,rgba(3,18,45,.72) 38%,rgba(3,14,36,.20) 70%,rgba(2,8,22,.55) 100%),
    url('assets/NEXERA_EFOOTBALL_HERO.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
  border:1px solid rgba(46,184,255,.55)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.36),0 0 35px rgba(15,120,255,.12)!important;
}
.n119TournamentBanner h2{font-size:36px!important;letter-spacing:.5px!important;text-shadow:0 4px 20px rgba(0,0,0,.45)!important}
.n119TournamentBanner h2 strong{color:#ffe500!important}
.n119TournamentBanner>div:first-of-type>span{color:#fff!important;font-weight:900!important;letter-spacing:1.4px!important}
.n119TournamentBanner p{color:#dceeff!important;font-size:12px!important;letter-spacing:2.4px!important}
.n119Trophy{display:none!important}
.n119QuickGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.n119Quick{min-height:88px!important;background:linear-gradient(145deg,#071c3b,#07132b)!important}
.n119NextMatchTop{margin-top:2px!important}
@media(max-width:800px){
 .n119QuickGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .n119TournamentBanner{min-height:205px!important;padding:20px!important;background-position:center top!important}
 .n119TournamentBanner h2{font-size:27px!important}
}
@media(max-width:480px){
 .n119QuickGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .n119TournamentBanner{min-height:180px!important;padding:16px!important}
 .n119TournamentBanner h2{font-size:23px!important}
 .n119TournamentBanner p{font-size:9px!important}
}