/* Gameixa main UI layer - clear, accessible dark glass UI */
:root { --gx-bg:#050505; --gx-panel:rgba(17,17,17,.88); --gx-panel-hover:rgba(29,29,29,.96); --gx-border:rgba(255,255,255,.1); --gx-text:#f5f5f5; --gx-muted:#9b9b9b; --gx-primary:#b8b8b8; --gx-primary-strong:#343434; }
html,body { background:var(--gx-bg)!important; color:var(--gx-text); }
body { background-image:radial-gradient(circle at 50% -15%,rgba(255,255,255,.055),transparent 34%); }
.content-wrapper,.wrapper,footer.bg-soft-primary,.bg-light,.bg-gradient-primary { background:transparent!important; }
.navbar-clone { display:none!important; }
.gx-header { position:fixed; inset:0 0 auto; z-index:1030; padding:0; background:transparent!important; border-bottom:1px solid transparent; transition:background .25s ease,border-color .25s ease; }
.gx-header::after { display:none; }
.gx-header-inner { position:relative; display:flex!important; align-items:center; width:100%!important; min-height:78px; margin:0; padding:0 clamp(24px,4vw,72px); background:transparent; border:0; box-shadow:none; transition:min-height .25s ease; }
.gx-header.is-scrolled { background:rgba(5,5,5,.94)!important; border-bottom-color:rgba(255,255,255,.08); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.gx-header.is-scrolled .gx-header-inner { min-height:66px; }
.gx-brand { flex:0 0 auto; width:auto!important; min-width:0; margin:0 38px 0 0; }
.gx-brand a { display:block; }
.gx-brand a:hover { transform:none; filter:none; }
.gx-brand img { display:block; width:124px; height:auto; }
.gx-header .navbar-collapse { flex:1 1 auto; width:auto!important; }
.gx-header .offcanvas-body { padding:0; }
.gx-nav { align-items:center; gap:2px; margin:0; }
.gx-nav .nav-link,.gx-user-toggle { position:relative; color:rgba(232,233,241,.7)!important; font-size:.78rem; font-weight:600; letter-spacing:0; padding:10px 13px!important; border-radius:8px; transition:color .18s ease,background .18s ease; }
.gx-nav .nav-link::after { display:none; }
.gx-nav .nav-link:hover,.gx-user-toggle:hover { color:#fff!important; background:rgba(255,255,255,.06); transform:none; box-shadow:none!important; text-shadow:none!important; }
.gx-nav .nav-link.active { color:#fff!important; background:rgba(255,255,255,.1); }
.gx-nav .nav-link,.gx-user-toggle,.gx-login-btn { will-change:auto; }
.gx-actions { flex:0 0 auto; width:auto!important; }
.gx-login-btn { display:inline-flex; align-items:center; padding:10px 16px; color:#11131d; font-size:.75rem; font-weight:700; text-decoration:none; border:1px solid rgba(255,255,255,.16); border-radius:9px; background:#fff; box-shadow:none; transition:color .18s ease,background .18s ease,border-color .18s ease; }
.gx-login-btn::before { display:none; }
.gx-login-btn:hover { color:#fff; transform:none; border-color:var(--gx-primary); background:var(--gx-primary); box-shadow:none; }
.gx-actions { opacity:1; animation:none; }
.gx-dropdown-menu { position:absolute; min-width:210px; margin-top:10px!important; padding:7px; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:rgba(20,22,35,.98); box-shadow:0 18px 44px rgba(0,0,0,.32); backdrop-filter:blur(16px); }
.gx-dropdown-menu::before { display:none; }
.dropdown.show > .gx-dropdown-menu, .gx-dropdown-menu.show { display:block; animation:gx-dropdown-in .16s ease-out both; }
.gx-dropdown-menu:not(.show) { animation:none; }
@keyframes gx-dropdown-in { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
.gx-dropdown-menu .dropdown-item { display:flex; align-items:center; color:var(--gx-muted); min-height:36px; padding:8px 10px; border-radius:7px; font-size:.75rem; transition:color .15s ease,background .15s ease; }
.gx-dropdown-menu .dropdown-item::after { content:"→"; margin-left:auto; color:var(--gx-primary); opacity:0; transform:translateX(-5px); transition:opacity .2s ease,transform .25s ease; }
.gx-dropdown-menu .dropdown-item:hover { color:#fff; padding-left:10px; background:rgba(255,255,255,.07); }
.gx-dropdown-menu .dropdown-item:hover::after { opacity:1; transform:translateX(0); }
h1,h2,h3,h4,h5,h6 { color:var(--gx-text)!important; }
p,.lead { color:var(--gx-muted); }
.text-dark,.text-body,.link-body { color:var(--gx-text)!important; }
.text-muted { color:var(--gx-muted)!important; }
.card { color:var(--gx-text); background:rgba(20,23,42,.72); border:1px solid var(--gx-border); box-shadow:0 18px 55px rgba(0,0,0,.18); backdrop-filter:blur(13px); }
.btn-primary { border-color:#3a3a3a; background:linear-gradient(135deg,#303030,#121212); }
.btn-primary:hover { border-color:#666; background:#242424; }
.game-header-purple,.text-primary { color:#e5e5e5!important; }
.bg-primary,.bg-soft-primary { background-color:#0d0d0d!important; }
.border-primary { border-color:#444!important; }
@media (max-width:991.98px) { .gx-header-inner{min-height:70px;padding:0 18px;} .gx-header.is-scrolled .gx-header-inner{min-height:64px;} .gx-brand{min-width:0;margin-right:auto;} .gx-brand img{width:108px;} .gx-header .navbar-collapse{width:100%!important;} .gx-header .offcanvas-body{padding:1.5rem;} .gx-nav{align-items:stretch;gap:2px;} .gx-nav .nav-link{padding:11px 10px!important;} .gx-nav .nav-link::after{display:none;} .offcanvas-nav{background:rgba(16,18,33,.98)!important;backdrop-filter:blur(24px);} .gx-mobile-header{border-bottom:1px solid var(--gx-border);} .gx-dropdown-menu{position:static;margin:4px 0 8px!important;box-shadow:none;} }
@media (max-width:575.98px) { .gx-header-inner{padding-right:12px;padding-left:12px;} .gx-brand{min-width:108px;} .gx-brand img{width:98px;} .gx-login-btn{padding:10px 11px;} }
@media (prefers-reduced-motion: reduce) { .gx-header,.gx-header-inner,.gx-nav .nav-link,.gx-login-btn { transition:none; } .gx-nav > .nav-item,.gx-actions { opacity:1; animation:none; } }

/* Remove the old dropdown's decorative arrow entirely. */
.gx-dropdown-menu .dropdown-item::after { display:none!important; }

/* Account panel */
.gx-profile-toggle { display:flex; align-items:center; gap:9px; padding:6px 8px 6px 6px; color:#f8f8fc; font:600 .76rem inherit; border:1px solid transparent; border-radius:10px; background:transparent; transition:background .18s ease,border-color .18s ease; }
.gx-profile-toggle:hover { border-color:rgba(255,255,255,.1); background:rgba(255,255,255,.06); }
.gx-profile-toggle .uil-angle-right { color:var(--gx-muted); font-size:1rem; }
.gx-profile-avatar { display:grid; place-items:center; width:30px; height:30px; color:#fff; font-size:.72rem; font-weight:800; border:1px solid rgba(255,255,255,.22); border-radius:50%; background:linear-gradient(135deg,#9a8cff,#5e4fd2); }
.gx-profile-panel { width:min(100vw,390px)!important; color:var(--gx-text); border-left:1px solid rgba(255,255,255,.1); background:#11131f; box-shadow:-24px 0 70px rgba(0,0,0,.38); }
.gx-profile-panel-header { align-items:flex-start; padding:30px 28px 22px; border-bottom:1px solid rgba(255,255,255,.08); }
.gx-profile-panel-eyebrow { display:block; margin-bottom:6px; color:#9087db; font-size:.62rem; font-weight:800; letter-spacing:.13em; }
.gx-profile-panel .offcanvas-title { margin:0; color:#fff!important; font-size:1.08rem; font-weight:700; }
.gx-profile-panel-body { display:flex; flex-direction:column; padding:24px 20px 20px; }
.gx-profile-summary { display:flex; align-items:center; gap:13px; padding:4px 8px 24px; }
.gx-profile-avatar-large { flex:0 0 auto; width:46px; height:46px; font-size:.95rem; }
.gx-profile-summary strong,.gx-profile-summary span { display:block; }
.gx-profile-summary strong { color:#fff; font-size:.86rem; }
.gx-profile-summary div > span { margin-top:3px; color:var(--gx-muted); font-size:.72rem; }
.gx-profile-links { display:grid; gap:4px; padding-top:15px; border-top:1px solid rgba(255,255,255,.08); }
.gx-profile-links a,.gx-profile-logout { display:grid; grid-template-columns:25px 1fr 18px; align-items:center; min-height:45px; padding:0 10px; color:#c4c6d3; font-size:.78rem; font-weight:600; text-decoration:none; border-radius:9px; transition:color .16s ease,background .16s ease; }
.gx-profile-links a > :first-child,.gx-profile-logout i { color:#a99eff; font-size:1rem; }
.gx-profile-links a > :last-child { color:#777b91; font-size:1rem; text-align:right; }
.gx-profile-links a:hover { color:#fff; background:rgba(255,255,255,.065); }
.gx-profile-logout { grid-template-columns:25px 1fr; margin-top:auto; color:#ffafb6; background:rgba(255,104,117,.06); }
.gx-profile-logout i { color:#ff9ca5; }
.gx-profile-logout:hover { color:#fff; background:rgba(255,104,117,.16); }