
/* V96 Maximus Vault Portal Fix
   The vault is a direct child of <body>, never trapped by the sticky header's
   backdrop-filter/containing block. This is the authoritative open/close layer. */

.maximus-vault{
  display:none!important;
}
body.vault-open::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:2147482990;
  background:rgba(2,1,4,.86);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
body.vault-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.vault-open .maximus-vault{
  display:block!important;
  position:fixed!important;
  z-index:2147483000!important;
  top:76px!important;
  right:18px!important;
  left:auto!important;
  bottom:auto!important;
  width:min(760px,calc(100vw - 36px))!important;
  height:auto!important;
  max-height:calc(100dvh - 94px)!important;
  margin:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-gutter:stable!important;
}
body.vault-open .global-hubbar,
body.vault-open .mobile-entry-strip,
body.vault-open .mobile-command-strip,
body.vault-open .topbar,
body.vault-open .bottom-player,
body.vault-open .mobile-nav{
  pointer-events:none!important;
}
body.vault-open .hub-more>summary{
  pointer-events:auto!important;
}

@media(max-width:900px){
  body.vault-open::before{background:#030205!important}
  body.vault-open .maximus-vault{
    inset:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:0 12px calc(30px + env(safe-area-inset-bottom,0px))!important;
    border:0!important;
    border-radius:0!important;
    background:
      radial-gradient(circle at 50% -8%,rgba(139,61,255,.24),transparent 32%),
      linear-gradient(180deg,#100a16 0%,#060409 36%,#020103 100%)!important;
    box-shadow:none!important;
  }
  body.vault-open .maximus-vault-head{
    position:sticky!important;
    top:0!important;
    z-index:10!important;
    margin:0 -12px 12px!important;
    padding:calc(10px + env(safe-area-inset-top,0px)) 12px 12px!important;
    min-height:84px!important;
    background:linear-gradient(180deg,rgba(14,8,19,1),rgba(7,4,10,.98))!important;
    border-bottom:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.52)!important;
  }
  body.vault-open .maximus-vault-close{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }
  body.vault-open .maximus-vault-group{
    margin-bottom:12px!important;
  }
  body.vault-open .maximus-vault-story{
    margin-bottom:calc(28px + env(safe-area-inset-bottom,0px))!important;
  }
  body.vault-open .maximus-vault-grid-3,
  body.vault-open .maximus-vault-grid-2{
    grid-template-columns:1fr!important;
  }
  body.vault-open .maximus-vault-btn{
    min-height:64px!important;
  }
  body.vault-open .maximus-vault-socials{
    grid-template-columns:1fr 1fr!important;
  }
}

@media(max-width:390px){
  body.vault-open .maximus-vault{padding-left:9px!important;padding-right:9px!important}
  body.vault-open .maximus-vault-head{margin-left:-9px!important;margin-right:-9px!important}
  body.vault-open .maximus-vault-heading strong{font-size:20px!important}
  body.vault-open .maximus-vault-heading span{font-size:9px!important}
}
