[data-auth-area] { position: relative; z-index: 35; }
.auth-guest, .auth-account { display: flex; align-items: center; gap: 8px; }
.auth-guest a, .auth-account summary { min-height: 38px; padding: 0 13px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(100,160,205,.28); border-radius: 9px; color: inherit; background: rgba(10,24,43,.55); text-decoration: none; cursor: pointer; }
.auth-guest .auth-register { color: #07121b; border-color: transparent; background: #70e7ff; font-weight: 700; }
.auth-account details { position: relative; }
.auth-account summary { list-style: none; }
.auth-account summary::-webkit-details-marker { display: none; }
.auth-account summary small { color: #8da9bb; font-size: 10px; }
.auth-avatar { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; color: #03202b; background: #70e7ff; font-size: 11px; font-weight: 800; }
.auth-username { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.auth-dropdown { position: absolute; z-index: 90; top: calc(100% + 8px); right: 0; min-width: 190px; padding: 7px; display: grid; gap: 3px; border: 1px solid rgba(100,160,205,.28); border-radius: 11px; color: #d8edf7; background: rgba(7,17,32,.98); box-shadow: 0 18px 48px rgba(0,0,0,.32); }
.auth-dropdown a, .auth-dropdown button, .auth-menu-disabled { min-height: 38px; padding: 0 11px; display: flex; align-items: center; justify-content: space-between; border: 0; border-radius: 7px; color: inherit; background: transparent; text-decoration: none; text-align: left; cursor: pointer; }
.auth-dropdown a:hover, .auth-dropdown button:hover { background: rgba(82,210,255,.12); }
.auth-menu-disabled { color: #6f8491; cursor: not-allowed; }
.auth-menu-disabled small { margin-left: 14px; font-size: 9px; }
@media (max-width: 760px) { .auth-account summary small, .auth-manage-menu { display: none; } .auth-username { max-width: 82px; } }