:root{--shell-bg:#0a0908;--shell-panel:#0f0e0c;--shell-line:rgba(255,255,255,.09);--shell-gold:#d8aa3f;--shell-gold2:#f4d477;--shell-ink:#f8f4e7;--shell-muted:#a49c8d}
.gryvxn-shell{position:sticky;top:0;z-index:1000;padding:10px 10px 0;background:linear-gradient(to bottom,rgba(5,5,4,.98),rgba(5,5,4,.92),rgba(5,5,4,0));backdrop-filter:blur(18px)}
.gryvxn-shellbar{width:min(1500px,100%);margin:0 auto;min-height:76px;border:1px solid rgba(216,170,63,.23);border-radius:24px;background:linear-gradient(135deg,rgba(17,15,10,.96),rgba(8,8,7,.98));box-shadow:0 18px 58px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045);display:flex;align-items:center;gap:12px;padding:9px 10px 9px 12px}
.gryvxn-shellbrand{display:flex;align-items:center;gap:12px;min-width:0;margin-right:auto;text-decoration:none;color:var(--shell-ink)}
.gryvxn-shellbrand img{width:54px;height:54px;border-radius:16px;object-fit:cover;border:1px solid rgba(244,212,119,.35);box-shadow:0 0 24px rgba(216,170,63,.12)}
.gryvxn-shellname{display:flex;flex-direction:column;line-height:1;min-width:0}.gryvxn-shellname strong{font-size:22px;letter-spacing:.16em;font-weight:950;white-space:nowrap}.gryvxn-shellname small{font-size:9px;letter-spacing:.24em;color:#9f8b56;margin-top:6px;font-weight:800}
.gryvxn-shell-actions{display:flex;align-items:center;gap:8px}.shell-btn{border:1px solid var(--shell-line);border-radius:17px;min-height:54px;padding:0 19px;background:#12110f;color:var(--shell-ink);font-weight:850;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;transition:.18s;white-space:nowrap}.shell-btn:hover{transform:translateY(-1px);border-color:rgba(216,170,63,.34)}.shell-btn.launch{color:#0c0903;background:linear-gradient(135deg,#f4d477,#bf8623);border-color:#d8aa3f;box-shadow:0 10px 28px rgba(216,170,63,.18)}.shell-btn.wallet{background:#11100e}.shell-btn.menu{width:58px;padding:0}.shell-menu-lines{width:24px;height:18px;position:relative}.shell-menu-lines:before,.shell-menu-lines:after,.shell-menu-lines span{content:"";position:absolute;left:0;width:24px;height:3px;border-radius:3px;background:#d9d2c5}.shell-menu-lines:before{top:0}.shell-menu-lines span{top:7px}.shell-menu-lines:after{top:14px}
.gryvxn-drawer-backdrop{position:fixed;inset:0;z-index:1100;background:rgba(0,0,0,.58);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:.2s}.gryvxn-drawer-backdrop.open{opacity:1;pointer-events:auto}
.gryvxn-drawer{position:absolute;top:94px;right:10px;width:min(430px,calc(100vw - 20px));max-height:calc(100vh - 112px);overflow:auto;border:1px solid rgba(216,170,63,.24);border-radius:28px;background:linear-gradient(180deg,#0e0d0b,#080807);box-shadow:0 30px 90px rgba(0,0,0,.52);padding:16px;transform:translateY(-10px) scale(.985);opacity:0;transition:.2s}.gryvxn-drawer-backdrop.open .gryvxn-drawer{transform:none;opacity:1}
.gryvxn-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:6px 5px 14px}.gryvxn-drawer-head strong{font-size:12px;letter-spacing:.16em;color:#a89054;text-transform:uppercase}.gryvxn-drawer-close{width:38px;height:38px;border-radius:12px;border:1px solid var(--shell-line);background:#151411;color:#fff;font-size:22px}
.gryvxn-menu-grid{display:grid;gap:7px}.gryvxn-menu-link{display:flex;align-items:center;gap:13px;padding:15px 14px;border-radius:17px;color:#f2eee5;text-decoration:none;border:1px solid transparent;background:rgba(255,255,255,.016);font-size:17px;font-weight:650;transition:.15s}.gryvxn-menu-link:hover{background:rgba(216,170,63,.06);border-color:rgba(216,170,63,.16)}.gryvxn-menu-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;border:1px solid rgba(216,170,63,.16);background:#12110e;color:#e7c977;font-size:15px;flex:0 0 auto}.gryvxn-menu-link small{display:block;font-size:10px;color:#7d766b;font-weight:500;margin-top:4px}.gryvxn-menu-sep{height:1px;background:rgba(255,255,255,.06);margin:9px 4px}.gryvxn-menu-foot{padding:13px 6px 3px;color:#6f695e;font-size:11px;line-height:1.55}
/* Hide the previous navigation bars. The page content remains unchanged. */
.topbar,.legacy-nav,.airdrop-legacy-nav{display:none!important}
/* Front page no longer uses the full-screen GRYVXN artwork as a background. */
body.home-shell .early-access{background:radial-gradient(circle at 78% 14%,rgba(216,170,63,.10),transparent 24%),radial-gradient(circle at 14% 68%,rgba(216,170,63,.045),transparent 22%),linear-gradient(180deg,#080706,#050504);min-height:auto;padding:52px 0 28px}
body.home-shell .early-access:before{display:none!important}body.home-shell .early-access:after{background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.18),var(--bg) 100%)!important;opacity:1!important}
body.home-shell .orbital{opacity:.18!important;filter:sepia(1) saturate(.65)}body.home-shell .ea-content{padding-top:20px;padding-bottom:34px;min-height:640px;align-items:center}body.home-shell .ea-copy{opacity:1!important;transform:none!important}
@media(max-width:760px){.gryvxn-shell{padding:7px 7px 0}.gryvxn-shellbar{min-height:68px;border-radius:20px;padding:7px}.gryvxn-shellbrand{gap:9px}.gryvxn-shellbrand img{width:48px;height:48px;border-radius:14px}.gryvxn-shellname strong{font-size:16px;letter-spacing:.12em}.gryvxn-shellname small{font-size:7px;letter-spacing:.18em;margin-top:5px}.gryvxn-shell-actions{gap:6px}.shell-btn{min-height:48px;border-radius:15px;padding:0 12px;font-size:12px}.shell-btn.wallet span{display:none}.shell-btn.wallet{width:48px;padding:0}.shell-btn.menu{width:48px}.shell-btn.launch{padding:0 13px}.gryvxn-drawer{top:80px;right:7px;width:calc(100vw - 14px);border-radius:24px;max-height:calc(100vh - 94px);padding:13px}.gryvxn-menu-link{font-size:16px;padding:14px 12px}body.home-shell .early-access{padding-top:28px}body.home-shell .ea-content{min-height:auto;padding-top:10px}.gryvxn-shellname small{display:none}}
@media(max-width:430px){.gryvxn-shellname strong{font-size:14px}.gryvxn-shellbrand img{width:44px;height:44px}.shell-btn.launch{padding:0 10px;font-size:11px}.shell-btn.wallet,.shell-btn.menu{width:44px}.gryvxn-shellbar{gap:6px}.gryvxn-shell-actions{gap:5px}}
