.site-header{position:relative;z-index:40}
.auth-nav,.desktop-auth{display:flex;align-items:center;gap:16px}
.auth-nav a{text-decoration:none}
.desktop-auth .nav-login{color:#c6d8ea;font-weight:650}
.nav-user{display:inline-flex;flex-direction:column;justify-content:center;gap:2px;min-height:42px;max-width:150px;padding:5px 12px;border:1px solid #365d88;border-radius:10px;background:#0c223a;color:#e8f4ff;font-size:13px;line-height:1.2}
.nav-user small{color:#ffd75b;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.nav-user strong{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-logout,.mobile-auth summary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #365d88;border-radius:10px;background:#102b49;color:#e8f4ff;padding:10px 14px;font:inherit;font-weight:750;cursor:pointer}
.mobile-auth,.mobile-join-link{display:none}
.mobile-auth{position:relative}
.mobile-auth summary{list-style:none}
.mobile-auth summary::-webkit-details-marker{display:none}
.mobile-auth[open]>summary{background:#204568;border-color:#84b5e7}
.mobile-auth-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:50;display:grid;gap:3px;width:280px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);overflow-y:auto;padding:10px;border:1px solid #365d88;border-radius:14px;background:#071a2e;box-shadow:0 16px 36px #0009}
.mobile-auth-menu a,.mobile-auth-menu button{display:flex;align-items:center;width:100%;box-sizing:border-box;min-height:44px;text-align:left;padding:11px 13px;border:0;border-radius:9px;background:transparent;color:#e8f4ff;font:inherit;font-weight:700}
.mobile-auth-menu a:hover,.mobile-auth-menu button:hover{background:#153c64}
.mobile-auth-menu .mobile-menu-join{background:#ffd75b;color:#142438}
.mobile-account{display:grid;gap:3px;margin-top:6px;padding-top:8px;border-top:1px solid #365d88}
.mobile-account .nav-user{max-width:none;margin:3px 0 6px}
.mobile-account .nav-user strong{max-width:230px}
.mobile-auth summary:focus-visible,.auth-nav a:focus-visible,.nav-logout:focus-visible{outline:2px solid #ffd75b;outline-offset:3px}
@media(max-width:900px){
  .site-header #site-nav{gap:8px}
  .auth-nav{gap:8px}
  .auth-nav .desktop-auth{display:none}
  .mobile-auth{display:block}
  .mobile-join-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 13px;border:1px solid #ffd75b;border-radius:10px;background:#ffd75b;color:#142438;font-size:14px;font-weight:850;white-space:nowrap}
  .mobile-auth summary{font-size:14px}
}
@media(max-width:360px){
  .mobile-join-link{padding-inline:9px;font-size:13px}
  .mobile-auth summary{padding-inline:10px;font-size:13px}
}