/* ══════════════════════════════════════════════════════════════════════════════
   [CSS-Z] NAV FIXED - FINAL OVERRIDES
   ══════════════════════════════════════════════════════════════════════════════ */

/* ══ NAV FIXED - FINAL ══ */
nav.nav, div
.page.active {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-bottom: 80px !important;
  -webkit-overflow-scrolling: touch !important;
}


nav.nav, div.nav, .nav {
  position: fixed !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 100% !important;
  max-width: 420px !important;
  z-index: 99999 !important;
  background: rgba(6,10,20,.98) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-top: 1px solid rgba(200,164,74,.15) !important;
  display: flex !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}
.page.active {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-bottom: 75px !important;
  -webkit-overflow-scrolling: touch !important;
}


@keyframes auroraMove{0%{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}100%{background-position:0% 50%}}
body::before{content:'';position:fixed;top:0;left:0;right:0;height:55vh;z-index:0;pointer-events:none;
background:linear-gradient(135deg,#0D1B3E,#1A237E,#4A0080,#0D47A1,#004D40,#311B92,#0D1B3E);
background-size:500% 500%;animation:auroraMove 8s ease infinite;opacity:.85;
-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.85) 0%,transparent 100%);
mask-image:linear-gradient(to bottom,rgba(0,0,0,.85) 0%,transparent 100%);}
body::after{content:'';position:fixed;top:0;left:0;right:0;height:35vh;z-index:0;pointer-events:none;
background:radial-gradient(ellipse at 50% 0%,rgba(74,0,128,.6) 0%,rgba(13,71,161,.4) 40%,transparent 100%);
animation:auroraMove 5s ease infinite reverse;
-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 100%);
mask-image:linear-gradient(to bottom,black 0%,transparent 100%);}