/* NEXERA FC V131 — reference-inspired premium eFootball UI
   Keeps the existing application structure/functionality and changes presentation only. */
:root{--nx-bg:#020a14;--nx-panel:#061a2e;--nx-panel2:#082541;--nx-blue:#087cff;--nx-cyan:#17d7ff;--nx-purple:#8a38ff;--nx-pink:#e72cff;--nx-green:#16d7a4;--nx-red:#ff4059;--nx-gold:#ffc62b;--nx-text:#f4f8ff;--nx-muted:#8ea7c2;--nx-line:#155f99}
html,body{background:#020812!important;color:var(--nx-text)!important}
body{background:radial-gradient(circle at 50% 0,#09294a 0,transparent 34%),linear-gradient(145deg,#01050b,#031324 48%,#020711)!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 30%,#008cff13,transparent 22%),radial-gradient(circle at 90% 60%,#8c25ff12,transparent 24%);z-index:-1}
.hidden{display:none!important}
/* Header: hamburger left, centered brand, actions right — reference layout */
.topbar{height:64px!important;background:rgba(2,10,20,.94)!important;border-bottom:1px solid #1264a0!important;box-shadow:0 8px 30px #000b!important;position:sticky!important;top:0;z-index:9000;padding:0 10px!important}
.topbar .brand{position:absolute!important;left:50%;transform:translateX(-50%);display:flex!important;align-items:center!important;gap:8px!important}
.topbar .brand img{width:42px!important;height:42px!important;border-radius:10px!important;border:1px solid var(--nx-gold)!important;box-shadow:0 0 18px #ffc62b33!important}
.topbar .brand b{font-size:15px!important;letter-spacing:1.5px!important;color:#fff!important}
.topbar .brand small{font-size:8px!important;color:#82a4c0!important}
.headerRight{margin-left:auto!important;display:flex!important;align-items:center!important;gap:7px!important;height:100%!important}
.menuBtn{position:absolute!important;left:10px!important;top:12px!important;width:42px!important;height:40px!important;border-radius:11px!important;background:linear-gradient(145deg,#0b2b47,#051321)!important;border:1px solid #1b82ca!important;color:#fff!important;font-size:25px!important;box-shadow:0 7px 20px #000b!important;z-index:2}
.headerIconBtn,.headerProfileBtn{width:40px!important;height:40px!important;border-radius:50%!important;background:#071d32!important;border:1px solid #176aa4!important;color:#fff!important;box-shadow:0 5px 18px #0008!important}
.headerProfileBtn img{border:2px solid #158fe0!important}
.headerBadge{background:#ff3048!important;color:#fff!important}
#liveClock{font-size:10px!important;color:#e7f4ff!important;text-align:right!important;line-height:1.15!important;margin-right:2px}
/* Main shell */
.container{max-width:920px!important;margin:0 auto!important;padding:10px 12px 40px!important}
.page h1,.page h2,.page h3,.page h4{color:#fff!important}
.page{color:#edf6ff!important}
.card,.panel,.box,.sectionCard,.statCard,.featureCard,.authCard,.modalBox,.tableWrap,.profileCard,.newsCard,.matchCard,.fixtureCard,.resultCard,.bidItem,.adminContent,.adminHero{background:linear-gradient(145deg,rgba(7,30,52,.98),rgba(2,10,20,.99))!important;border:1px solid #135f96!important;color:#eef7ff!important;box-shadow:0 14px 38px #000b,0 0 20px #087cff0b!important;border-radius:15px!important}
.card p,.card small,.sub,.muted{color:#91a9c1!important}
input,textarea,select{background:#061b30!important;color:#fff!important;border:1px solid #194e74!important;border-radius:10px!important}
input::placeholder,textarea::placeholder{color:#6f89a4!important}
button{font-family:inherit}
.primary{background:linear-gradient(135deg,#0a79ff,#10bff7)!important;color:#fff!important;border:1px solid #39caff!important;box-shadow:0 8px 24px #087cff33!important;font-weight:900!important;border-radius:10px!important}
.smallBtn{background:#071a2d!important;color:#91ddff!important;border:1px solid #1d6594!important}
/* Login / register screen */
.authScreen{min-height:100vh!important;padding:18px 10px!important;background:radial-gradient(circle at 50% 13%,#15558b55,transparent 32%),radial-gradient(circle at 15% 75%,#007dff20,transparent 26%),linear-gradient(145deg,#01060d,#061b31 55%,#020710)!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important}
.authScreen:before{content:"";position:absolute;inset:-20%;background:linear-gradient(118deg,transparent 37%,#1b9dff0c 38%,transparent 40%),linear-gradient(64deg,transparent 50%,#ffc62b08 51%,transparent 53%);transform:rotate(-5deg);pointer-events:none}
.n119AuthCard{width:min(405px,94vw)!important;padding:20px!important;border-radius:20px!important;background:linear-gradient(155deg,#061a2eF5,#020b16F8)!important;border:1px solid #1768a8!important;box-shadow:0 28px 90px #000e,0 0 35px #008cff18!important;position:relative!important;z-index:2}
.n119BrandHero{gap:10px!important;margin-bottom:9px!important;justify-content:center!important}
.n119BrandHero .authLogo{width:70px!important;height:70px!important;border-radius:17px!important;border:2px solid var(--nx-gold)!important;box-shadow:0 0 25px #ffc62b33!important}
.n119BrandHero h1{font-size:26px!important;letter-spacing:3px!important}
.n119BrandHero p{color:#91aac2!important}
.n119AuthTabs{border-bottom:1px solid #183957!important;margin-bottom:12px!important}
.n119AuthTab{color:#7792ad!important;padding:10px!important}
.n119AuthTab.active{color:var(--nx-gold)!important;border-bottom:2px solid var(--nx-gold)!important}
.n119AuthCard input{padding:13px!important;background:#071d33!important;border:1px solid #17496e!important}
.n119LoginBtn{background:linear-gradient(90deg,#ffc62b,#f2a812)!important;color:#0c1118!important;border:1px solid #ffe477!important;height:43px!important;box-shadow:0 9px 25px #ffc62b2b!important}
.n119Forgot{color:#0bc9ff!important}
.n119GoogleBtn{background:#071b2f!important;border:1px solid #506f8c!important;color:#fff!important}
.n119RoleBtns{gap:8px!important;margin-top:11px!important}
.n119RoleBtns button{background:linear-gradient(135deg,#0b6ee7,#0d42a0)!important;border:1px solid #1ea7ff!important;box-shadow:0 8px 20px #087cff24!important;border-radius:10px!important}
.n119RoleBtns button+button{background:linear-gradient(135deg,#8b28d8,#45108c)!important;border-color:#bc58ff!important}
.n119BidLogin{background:linear-gradient(135deg,#b33140,#6b182a)!important;border-color:#ff536a!important;color:#fff!important;width:100%;border-radius:10px!important}
.n119RegisterLine{color:#91a8bd!important}
.n119RegisterLine button{color:var(--nx-cyan)!important}
.n123RegisterGrid{gap:8px!important;margin-top:10px!important}
.n123RegisterGrid a{border-radius:11px!important;border:1px solid #17679e!important;color:#fff!important;background:linear-gradient(145deg,#082c49,#061526)!important;box-shadow:0 8px 18px #0008!important}
.n123RegisterGrid a:nth-child(1){border-color:#1da6ff!important;background:linear-gradient(145deg,#0b4fa0,#08274d)!important}
.n123RegisterGrid a:nth-child(2){border-color:#b353ff!important;background:linear-gradient(145deg,#6d1fb0,#2b0c55)!important}
.n123RegisterGrid a:nth-child(3){border-color:#1ed7a6!important;background:linear-gradient(145deg,#08765f,#073b34)!important}
.n123RegisterGrid b{font-size:20px!important}
/* Home */
.n119Home{max-width:650px!important;margin:0 auto!important;padding-bottom:25px!important}
.n119TopWelcome{display:none!important}
.n119TournamentBanner{min-height:190px!important;border-radius:16px!important;border:1px solid #147dc3!important;background:radial-gradient(circle at 75% 45%,#a52cff55,transparent 25%),radial-gradient(circle at 28% 60%,#009dff55,transparent 32%),linear-gradient(120deg,#092d55,#071b35 52%,#270d4d)!important;box-shadow:0 16px 45px #000b!important}
.n119TournamentBanner h2{font-size:28px!important}
.n119TournamentBanner h2 strong{color:#ffc62b!important}
.n119TournamentBanner p{color:#12d7ff!important}
.n119QuickGrid{gap:8px!important;margin:11px 0 17px!important}
.n119Quick{min-height:95px!important;border-radius:12px!important;color:#fff!important;box-shadow:0 9px 25px #000b!important;border:1px solid!important}
.n119Quick.red{background:linear-gradient(145deg,#b62b43,#4c0f20)!important;border-color:#ff5268!important}
.n119Quick.blue{background:linear-gradient(145deg,#0b70dc,#10367f)!important;border-color:#19b3ff!important}
.n119Quick.green{background:linear-gradient(145deg,#07815f,#073d35)!important;border-color:#20dfae!important}
.n119Quick.purple{background:linear-gradient(145deg,#7924c5,#350d67)!important;border-color:#bd58ff!important}
.n119Quick b{font-size:26px!important}
.n119Quick strong{font-size:11px!important}
.n119Quick small{color:#d1e1ef!important}
.n120UpcomingHead,.n119SectionTitle{margin:15px 2px 8px!important}
.n120UpcomingHead h2,.n119SectionTitle h2{font-size:18px!important}
.n120UpcomingHead button,.n119SectionTitle button{color:#14cfff!important}
.n119TopPlayers{gap:7px!important}
.n119TopPlayers .playerCard{min-height:145px!important;border-radius:12px!important;overflow:hidden!important}
.n119TopPlayers .playerCard:nth-child(1){background:linear-gradient(145deg,#6b5010,#101823)!important;border-color:#e4b62d!important}
.n119TopPlayers .playerCard:nth-child(2){background:linear-gradient(145deg,#58166f,#101624)!important;border-color:#a74eff!important}
.n119TopPlayers .playerCard:nth-child(3){background:linear-gradient(145deg,#0a5b4d,#071b22)!important;border-color:#1be1ae!important}
.n119TopPlayers .playerCard:nth-child(4){background:linear-gradient(145deg,#5e218d,#0c1525)!important;border-color:#b94dff!important}
.n123GallerySlider{border:1px solid #15659b!important;border-radius:14px!important;background:#041526!important;box-shadow:0 10px 28px #0009!important}
.n119News .newsItem,#homeNews .newsItem{background:linear-gradient(145deg,#092641,#04121f)!important;border:1px solid #166aa2!important;border-radius:13px!important}
.n119NextMatch{background:#061c31!important;border:1px solid #176ba5!important;border-radius:12px!important;color:#fff!important}
/* Drawer — reference-style single dark panel, while keeping all grouped options */
#drawer{width:300px!important;right:-320px!important;background:linear-gradient(180deg,#06152a,#041323 65%,#130d2d)!important;border-left:1px solid #1a7fbe!important;box-shadow:-28px 0 70px #000e!important;padding:10px!important}
.drawerHead{padding:5px 5px 10px!important;border-bottom:1px solid #ffffff10!important}
.drawerHead img{width:48px!important;height:48px!important;border-radius:11px!important;border:1px solid var(--nx-gold)!important}
.n130DrawerProfile{margin:9px 0!important;padding:10px!important;background:linear-gradient(145deg,#0a2d4b,#061629)!important;border:1px solid #1c699a!important;border-radius:13px!important}
.n130DrawerAvatar{background:linear-gradient(135deg,#087ce8,#13d4ff)!important;border-color:#ffc62b!important}
.n130DrawerProfile small{color:#17dfad!important}
#drawer>.nxf-top-link:first-of-type{background:linear-gradient(90deg,#0b63ca,#1048a0)!important;border-color:#168eff!important}
.nxf-top-link,#drawer button{color:#eaf5ff!important;border-radius:10px!important}
.nxf-top-link:hover,#drawer button:hover{background:linear-gradient(90deg,#0d4e7c,#381665)!important;border-color:#208dd3!important}
#drawer .nxf-menu-group{margin:4px 0!important;border:0!important;background:transparent!important}
#drawer .nxf-menu-group summary{background:transparent!important;color:#d7e9f8!important;border-bottom:1px solid #ffffff09!important;padding:10px 8px!important}
#drawer .nxf-menu-items{background:transparent!important;padding:3px!important}
#drawer .nxf-menu-items button{padding:9px 10px!important}
.n130Logout{margin-top:8px!important;border:1px solid #d9435d!important;background:linear-gradient(90deg,#451326,#230b18)!important;color:#ff647a!important}
/* Bid / auction */
#bid .tabs{background:#041525!important;border:1px solid #15669b!important;border-radius:12px!important;padding:4px!important}
#bid .tab{background:#071d32!important;color:#8ca7c0!important;border-radius:9px!important}
#bid .tab.active{background:linear-gradient(90deg,#087cff,#8238e9)!important;color:#fff!important}
.bidItem{background:linear-gradient(145deg,#0a2b49,#041321)!important;border:1px solid #176aa3!important;border-radius:14px!important;min-height:72px!important;box-shadow:0 9px 22px #0009!important}
.bidItem:nth-child(4n+1){border-left:3px solid #18d8ff!important}.bidItem:nth-child(4n+2){border-left:3px solid #a64dff!important}.bidItem:nth-child(4n+3){border-left:3px solid #1ce0ad!important}.bidItem:nth-child(4n){border-left:3px solid #ff4660!important}
#nxfBidLiveBridge,.bidAuctionCard{background:linear-gradient(145deg,#061a30,#020b15)!important;border:1px solid #1674b6!important;border-radius:16px!important;box-shadow:0 15px 40px #000c!important}
/* Admin */
#admin .adminHero{background:linear-gradient(135deg,#09213d,#2a0d50)!important;border:1px solid #287fc1!important;border-radius:15px!important}
.adminGrid{gap:8px!important}
.adminGrid button{min-height:78px!important;border-radius:13px!important;color:#fff!important;border:1px solid #ffffff18!important;box-shadow:0 9px 24px #000a!important;font-weight:800!important}
.adminGrid button:nth-child(4n+1){background:linear-gradient(145deg,#0b5eb8,#14265f)!important;border-color:#1aa4ff!important}
.adminGrid button:nth-child(4n+2){background:linear-gradient(145deg,#0b4775,#075e91)!important;border-color:#20caff!important}
.adminGrid button:nth-child(4n+3){background:linear-gradient(145deg,#571a8f,#7d21b5)!important;border-color:#bd5bff!important}
.adminGrid button:nth-child(4n){background:linear-gradient(145deg,#086d5b,#087e75)!important;border-color:#20dfb1!important}
#adminContent{background:linear-gradient(145deg,#061b30,#020b15)!important;border:1px solid #176ba0!important;border-radius:14px!important}
/* Registration modals */
.modal{background:#000b!important;backdrop-filter:blur(9px)!important}
.modalBox{background:linear-gradient(145deg,#071f38,#020b16)!important;border:1px solid #2186ca!important;border-radius:16px!important;box-shadow:0 28px 90px #000e!important}
.modalBox h2{color:#fff!important}
.photoUploadLabel,.clubCheck{background:linear-gradient(145deg,#0b3151,#25114b)!important;border:1px solid #24baff!important;color:#fff!important;border-radius:11px!important}
/* generic controls/tables */
.tableWrap{overflow:auto!important}.tableWrap th{background:#082b48!important;color:#bfeeff!important}.tableWrap td{border-color:#103b5b!important}
.badge{background:linear-gradient(90deg,#0b6de0,#7b31e7)!important;color:#fff!important;border:1px solid #3baaff!important}
footer{color:#6f91ad!important}
/* Mobile reference proportions */
@media(max-width:760px){.topbar{height:58px!important}.topbar .brand img{width:36px!important;height:36px!important}.topbar .brand b{font-size:12px!important}.topbar .brand small{font-size:7px!important}.menuBtn{top:9px!important;width:40px!important;height:38px!important}.headerIconBtn,.headerProfileBtn{width:36px!important;height:36px!important}.container{padding:8px 8px 30px!important}.n119Home{max-width:100%!important}.n119TournamentBanner{min-height:165px!important;padding:17px!important}.n119TournamentBanner h2{font-size:23px!important}.n119Quick{min-height:82px!important}.n119TopPlayers{grid-template-columns:repeat(2,1fr)!important}.n119TopPlayers .playerCard{min-height:137px!important}.n123RegisterGrid{grid-template-columns:repeat(2,1fr)!important}.n119AuthCard{width:calc(100vw - 18px)!important;padding:17px!important}.n119BrandHero .authLogo{width:62px!important;height:62px!important}.n119BrandHero h1{font-size:22px!important}.adminGrid{grid-template-columns:repeat(2,1fr)!important}.adminGrid button{min-height:68px!important;font-size:10px!important}#drawer{width:min(305px,88vw)!important}}

/* V132 FINAL REFERENCE DRAWER OVERRIDE */
#overlay.show{background:rgba(0,8,22,.72)!important;backdrop-filter:blur(3px)!important;}
#drawer{position:fixed!important;top:8px!important;right:8px!important;bottom:8px!important;width:min(310px,calc(100vw - 16px))!important;overflow-y:auto!important;background:linear-gradient(180deg,#071a35 0%,#061326 55%,#090b22 100%)!important;border:1px solid #1475c8!important;border-radius:18px!important;box-shadow:-10px 0 45px rgba(0,0,0,.75),0 0 25px rgba(0,140,255,.12)!important;z-index:100001!important;color:#eaf6ff!important;}
#drawer .drawerHead{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 8px 12px!important;}
#drawer .drawerHead b{color:#f5f9ff!important;font-size:16px!important;}
#drawer .n130DrawerProfile{background:linear-gradient(135deg,#0b3152,#081a34)!important;border:1px solid #1d6eaa!important;box-shadow:inset 0 0 20px rgba(0,140,255,.08)!important;}
#drawer .nxf-top-link,#drawer .nxf-menu-items button{background:transparent!important;color:#e8f4ff!important;border:1px solid transparent!important;}
#drawer .nxf-top-link:first-of-type{background:linear-gradient(90deg,#0d63d4,#1548a4)!important;border:1px solid #248fff!important;box-shadow:0 0 15px rgba(0,119,255,.2)!important;}
#drawer .nxf-top-link:hover,#drawer .nxf-menu-items button:hover{background:linear-gradient(90deg,rgba(12,112,220,.22),rgba(124,39,214,.22))!important;border-color:#1b76b7!important;}
#drawer .nxf-menu-group summary{color:#7fcaff!important;}
#drawer .n130Logout{background:linear-gradient(90deg,#34152a,#4d1728)!important;border:1px solid #b52e54!important;color:#ff6c82!important;}
#drawer::-webkit-scrollbar{width:4px!important;}#drawer::-webkit-scrollbar-thumb{background:#1669a5!important;border-radius:8px!important;}
/* V132 director image */
.directorCard img{width:76px!important;height:76px!important;object-fit:cover!important;border-radius:50%!important;border:2px solid #19a7ff!important;background:#071b31!important;display:block!important;}


/* V133 — final requested behavior fixes */
#drawer .drawerHead{position:relative!important;padding-right:42px!important;}
#drawer .drawerCloseBtn{position:absolute!important;right:2px!important;top:0!important;width:36px!important;height:36px!important;padding:0!important;display:grid!important;place-items:center!important;background:transparent!important;border:0!important;color:#9fc6e8!important;font-size:30px!important;line-height:1!important;cursor:pointer!important;}
#drawer .drawerCloseBtn:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;}
#overlay{z-index:100000!important;}
#drawer{z-index:100001!important;}
#homeDirectors.homeDirectors{display:block!important;margin-top:14px!important;}
#homeDirectors .directorSection{background:linear-gradient(145deg,#071b31,#020b16)!important;border:1px solid #176fae!important;box-shadow:0 12px 35px rgba(0,0,0,.45)!important;border-radius:16px!important;padding:14px!important;}
#homeDirectors .directorSlider{min-height:150px!important;}
#homeDirectors .directorCard{background:linear-gradient(135deg,#0a2947,#061424)!important;border:1px solid #1c6ea5!important;border-radius:14px!important;padding:11px!important;gap:13px!important;}
#homeDirectors .directorCard img{width:88px!important;height:108px!important;border-radius:14px!important;border:2px solid #ffc62b!important;object-fit:cover!important;background:#061a2c!important;}
#homeDirectors .directorCard h3{font-size:16px!important;}
#homeDirectors .directorCard p{font-size:10px!important;color:#ffc62b!important;}
@media(max-width:480px){#homeDirectors .directorCard img{width:78px!important;height:96px!important}#homeDirectors .directorSlider{min-height:135px!important}}

/* V134 — harden drawer close button against overlay/event interception */
#drawer .drawerCloseBtn{z-index:100010!important;pointer-events:auto!important;touch-action:manipulation!important;position:absolute!important;right:2px!important;top:0!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;background:rgba(19,42,69,.96)!important;border:1px solid rgba(74,154,220,.35)!important;border-radius:12px!important;color:#fff!important;font-size:29px!important;line-height:1!important;cursor:pointer!important;}
#drawer .drawerCloseBtn:active{transform:scale(.96)!important;background:#0d3154!important;}
#drawer{isolation:isolate!important;}
/* V134 — never clip Home fixture list; every Admin fixture gets a card */
#homeMatches{display:flex!important;flex-direction:column!important;gap:10px!important;max-height:none!important;height:auto!important;overflow:visible!important;}
#homeMatches .matchCard{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;}

/* V135 — hard close control and uncropped Home fixture stack */
#drawer .drawerHead,#drawer .drawerCloseBtn{pointer-events:auto!important;}
#drawer .drawerCloseBtn{position:absolute!important;z-index:2147483647!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;}
#overlay.show{z-index:2147483646!important;}
#drawer{z-index:2147483647!important;}
#homeMatches,.n120UpcomingMatches{display:flex!important;flex-direction:column!important;gap:10px!important;max-height:none!important;height:auto!important;overflow:visible!important;}
#homeMatches .matchCard,.n120UpcomingMatches .matchCard{display:block!important;visibility:visible!important;opacity:1!important;max-height:none!important;overflow:visible!important;}