.nx-has-site-header { --nx-header-height:79px; }
.nx-has-site-header .wrapper { padding-top:var(--nx-header-height); }
.nx-has-site-header [id] { scroll-margin-top:calc(var(--nx-header-height) + 20px); }
.nx-site-header { position:fixed; top:0; left:0; right:0; z-index:1000; background:#080b24; border-bottom:1px solid rgba(85,239,255,.18); color:#fff; }
.nx-site-header__inner { max-width:1320px; min-height:78px; margin:0 auto; padding:8px 28px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.nx-site-brand { display:inline-flex; align-items:center; }
.nx-site-brand img { display:block; width:60px; height:60px; object-fit:contain; }
.nx-menu-toggle,.nx-menu-close { display:inline-flex; align-items:center; justify-content:center; min-width:46px; min-height:46px; border:1px solid rgba(85,239,255,.45); border-radius:10px; color:#fff; background:rgba(117,76,255,.13); cursor:pointer; }
.nx-menu-toggle { gap:12px; padding:10px 16px; font:600 12px "Conthrax",sans-serif; }
.nx-menu-toggle:hover,.nx-menu-close:hover { background:rgba(85,239,255,.14); box-shadow:0 0 18px rgba(85,239,255,.15); }
.nx-menu-icon { display:flex; flex-direction:column; gap:5px; width:22px; }
.nx-menu-icon span { display:block; width:22px; height:2px; background:#55efff; border-radius:2px; }
.nx-site-menu { box-sizing:border-box; position:fixed; inset:0 0 0 auto; width:min(440px,100%); max-width:100%; height:100vh; height:100dvh; max-height:none; margin:0; padding:0; border:0; border-left:1px solid rgba(85,239,255,.35); background:radial-gradient(ellipse at top right,rgba(117,76,255,.16),transparent 55%),#0b0f2a; color:#fff; box-shadow:-24px 0 70px rgba(0,0,0,.45); overflow:auto; overscroll-behavior:contain; }
.nx-site-menu::backdrop { background:rgba(2,6,22,.8); backdrop-filter:blur(5px); }
.nx-site-menu__head { position:sticky; top:0; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; border-bottom:1px solid rgba(255,255,255,.1); background:#0b0f2a; }
.nx-site-menu__head h2 { margin:0; color:#fff; font:700 18px/1.5 "Conthrax",sans-serif; }
.nx-menu-close { flex-shrink:0; padding:0; font:300 30px/1 sans-serif; }
.nx-site-menu__links { padding:12px 24px 28px; }
.nx-site-menu__links a { display:flex; align-items:center; min-height:46px; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.07); color:#e8eaf6; text-decoration:none; font:500 13px/1.6 "Conthrax",sans-serif; overflow-wrap:anywhere; }
.nx-site-menu__links a:hover { color:#55efff; }
.nx-game-links { list-style:none; margin:4px 0 12px; padding:0 0 0 16px; border-left:1px solid rgba(85,239,255,.3); }
.nx-game-links a { font-size:12px; color:#b9c4e4; }
.nx-menu-secondary { margin-top:18px; padding-top:10px; border-top:1px solid rgba(85,239,255,.15); }
.nx-menu-secondary a { font-size:11px; color:#b9c4e4; }
.nx-menu-account { margin-top:18px; }
.nx-menu-account form { margin-top:12px; }
.nx-menu-account button { padding:12px 18px; min-height:46px; border:1px solid rgba(85,239,255,.45); border-radius:8px; background:transparent; color:#fff; font:500 12px "Conthrax",sans-serif; cursor:pointer; }
.nx-site-header :is(a,button):focus-visible,.nx-site-menu :is(a,button):focus-visible { outline:2px solid #55efff; outline-offset:4px; }
.nx-menu-fallback { display:flex; flex-wrap:wrap; gap:20px; padding:14px 24px; background:#0b0f2a; }
.nx-menu-fallback a { color:#fff; }
@media(max-width:575px) { .nx-has-site-header { --nx-header-height:71px; } .nx-site-header__inner { min-height:70px; padding:6px 20px; } .nx-site-brand img { width:54px; height:54px; } .nx-site-menu__head { padding:16px 20px; } .nx-site-menu__head h2 { font-size:16px; } .nx-site-menu__links { padding-inline:20px; } }
@media(prefers-reduced-motion:no-preference) { .nx-site-menu[open] { animation:nx-drawer-enter .2s ease-out; } @keyframes nx-drawer-enter { from { transform:translateX(24px); opacity:0; } to { transform:translateX(0); opacity:1; } } }