/* StateVault shared global header */
.statevault-global-navbar{position:sticky;top:0;z-index:99990;min-height:64px;padding:0 22px;display:grid;grid-template-columns:180px minmax(0,1fr) minmax(250px,360px);align-items:center;gap:18px;background:rgba(5,6,12,.97);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px);box-sizing:border-box}.statevault-global-navbar .logo{display:flex;align-items:center}.statevault-global-navbar .site-logo{display:block;width:118px;max-height:42px;object-fit:contain}.statevault-global-navbar>nav{display:flex;align-items:center;justify-content:center;gap:17px;min-width:0}.statevault-global-navbar>nav a{color:#aaa5b5;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}.statevault-global-navbar>nav a:hover{color:#fff}.nav-account-search{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.nav-search-wrap{position:relative;min-width:0}.nav-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;fill:none;stroke:#777184;stroke-width:2;pointer-events:none}.nav-search-wrap input{width:100%;height:38px;box-sizing:border-box;padding:8px 10px 8px 34px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0e0d14;color:#fff;outline:none}.statevault-account-nav{justify-self:end}
@media(max-width:900px){.statevault-global-navbar{grid-template-columns:96px minmax(0,1fr);height:60px;min-height:60px;padding:max(8px,env(safe-area-inset-top)) 10px 8px;gap:8px;overflow:visible}.statevault-global-navbar>nav{display:none!important}.statevault-global-navbar .site-logo{width:96px;max-width:96px;max-height:36px}.statevault-global-navbar .nav-account-search{grid-column:2;grid-template-columns:minmax(0,1fr) auto;gap:6px}.statevault-global-navbar .nav-player-copy{display:none!important}.statevault-global-navbar .nav-player-main{width:38px!important;min-width:38px!important;height:38px!important;padding:3px!important;justify-content:center!important}.statevault-global-navbar .nav-player-avatar{width:30px!important;height:30px!important}.statevault-global-navbar .nav-account-menu{position:fixed!important;top:64px!important;right:10px!important;width:min(220px,calc(100vw - 20px))!important}}
@media(max-width:390px){.statevault-global-navbar{grid-template-columns:82px minmax(0,1fr);padding-left:7px;padding-right:7px;gap:6px}.statevault-global-navbar .site-logo{width:82px;max-width:82px}}


/* STATEVAULT MOBILE HEADER ALIGNMENT — 2026-09-15 */
@media(max-width:900px){
  .statevault-global-navbar{
    grid-template-columns:106px minmax(0,1fr) !important;
    padding-left:4px !important;
    padding-right:10px !important;
    gap:4px !important;
  }
  .statevault-global-navbar .logo{
    width:106px !important;
    justify-content:flex-start !important;
    transform:translateX(-4px);
  }
  .statevault-global-navbar .site-logo{
    width:106px !important;
    max-width:106px !important;
    max-height:40px !important;
  }
  .statevault-global-navbar .nav-account-search{
    position:relative !important;
    grid-template-columns:minmax(0,1fr) 38px !important;
    gap:6px !important;
  }
  .statevault-global-navbar .nav-search-wrap{
    width:100% !important;
    margin:0 auto !important;
  }
}
@media(max-width:390px){
  .statevault-global-navbar{
    grid-template-columns:94px minmax(0,1fr) !important;
    padding-left:3px !important;
    padding-right:7px !important;
    gap:3px !important;
  }
  .statevault-global-navbar .logo{
    width:94px !important;
    transform:translateX(-3px);
  }
  .statevault-global-navbar .site-logo{
    width:94px !important;
    max-width:94px !important;
    max-height:39px !important;
  }
}


/* STATEVAULT MOBILE SEARCH — ABSOLUTE VIEWPORT CENTER FIX */
@media (max-width:900px){
  .statevault-global-navbar{
    position:sticky !important;
  }

  /* Stop the right-side wrapper from determining the search's center. */
  .statevault-global-navbar .nav-account-search{
    display:contents !important;
  }

  /* Search is centered against the ENTIRE navbar/viewport. */
  .statevault-global-navbar .nav-search-wrap{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    width:min(46vw,230px) !important;
    max-width:230px !important;
    min-width:135px !important;
    margin:0 !important;
    z-index:3 !important;
  }

  /* Logo and account float independently on either side. */
  .statevault-global-navbar .logo{
    position:absolute !important;
    left:4px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:4 !important;
  }

  .statevault-global-navbar .statevault-account-nav{
    position:absolute !important;
    right:10px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:4 !important;
    margin:0 !important;
  }
}

@media (max-width:390px){
  .statevault-global-navbar .nav-search-wrap{
    width:min(44vw,172px) !important;
    min-width:125px !important;
  }
  .statevault-global-navbar .logo{
    left:3px !important;
  }
  .statevault-global-navbar .statevault-account-nav{
    right:7px !important;
  }
}


/* STATEVAULT MOBILE FINAL VISUAL ALIGNMENT — logo farther left */
@media (max-width:900px){
  .statevault-global-navbar .logo{
    left:-8px !important;
  }
}
@media (max-width:390px){
  .statevault-global-navbar .logo{
    left:-10px !important;
  }
}