/* StateVault avatar account dropdown */
.statevault-account-nav{position:relative;z-index:1000}.nav-player-account{position:relative}.nav-player-main{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);background:#111018;color:#fff;border-radius:11px;padding:4px 8px;cursor:pointer}.nav-player-avatar{width:32px;height:32px;object-fit:cover;border-radius:9px}.nav-player-copy{display:grid;text-align:left}.nav-player-copy strong{font-size:11px}.nav-player-copy small{font-size:8px;color:#9b95aa}.nav-account-menu{position:absolute;right:0;top:calc(100% + 8px);width:190px;padding:6px;background:#111018;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.45)}.nav-account-menu[hidden]{display:none!important}.nav-account-menu a,.nav-account-menu button{width:100%;display:flex;gap:9px;align-items:center;padding:10px;border:0;border-radius:8px;background:transparent;color:#eee;text-decoration:none;font:inherit;font-size:11px;text-align:left;cursor:pointer}.nav-account-menu a:hover,.nav-account-menu button:hover{background:rgba(139,92,246,.12);color:#c4b5fd}.nav-account-divider{height:1px;background:rgba(255,255,255,.08);margin:5px}.nav-account-logout{color:#fca5a5!important}@media(max-width:700px){.nav-player-copy{display:none!important}.nav-player-main{width:38px!important;height:38px!important;padding:3px!important;justify-content:center!important}.nav-player-avatar{width:30px!important;height:30px!important}.nav-account-menu{position:fixed;right:10px;top:64px;width:min(220px,calc(100vw - 20px))}}

/* HOTFIX: old account UI must never render beside the avatar */
.statevault-account-nav > a[href*="profile"],
.statevault-account-nav > button:not(.nav-player-main),
.statevault-account-nav .nav-profile-link,
.statevault-account-nav .nav-logout-btn { display:none !important; }
.statevault-account-nav .nav-player-account{display:block!important;position:relative!important}
.statevault-account-nav .nav-account-menu{display:block;z-index:99999!important}
.statevault-account-nav .nav-account-menu[hidden]{display:none!important}
.statevault-account-nav .nav-account-menu a,
.statevault-account-nav .nav-account-menu button{display:flex!important}
@media(max-width:700px){.statevault-account-nav .nav-account-menu{top:58px!important;right:8px!important}}