.auth-dialog:has(#auth-member:not([hidden])){position:fixed;inset:0;width:min(980px,calc(100vw - 28px));max-width:980px;height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);margin:auto;padding:22px;overflow:hidden}
.auth-dialog:has(#auth-member:not([hidden]))>.dialog-close{position:absolute;z-index:20;top:14px;right:14px;width:42px;height:42px;border:1px solid #46677b;background:#102d40;color:#fff;font-size:25px;box-shadow:0 5px 18px #0008}
#auth-member:not([hidden]){display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;grid-template-areas:none!important;gap:14px!important;height:100%!important;min-height:0}
#auth-member>.profile-head{grid-area:auto!important;margin:0;padding-right:54px}
.account-section-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:5px;border:1px solid #29495c;border-radius:15px;background:#061722}
.account-section-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:45px;border:0;border-radius:11px;color:#94a9b6;font-weight:800}
.account-section-tabs button.active{background:#1b435a;color:#fff;box-shadow:0 5px 16px #0005}
.account-section-tabs button span{font-size:17px}
.account-section-panel{min-height:0;max-height:none;overflow:auto;padding:2px 3px 3px}
.account-section-panel[hidden]{display:none!important}
.account-section-panel>.avatar-chooser,.account-section-panel>.motorcycle-profile{width:100%;height:auto!important;margin:0!important}
.account-section-panel .motorcycle-avatar-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.account-section-panel .motorcycle-avatar-gallery button{grid-template-rows:104px auto;align-content:start;justify-items:center;overflow:hidden;padding:7px}
.account-section-panel .motorcycle-avatar-gallery img{width:104px;max-width:100%;height:104px;min-height:0;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:9px}
.account-section-panel .motorcycle-avatar-gallery span{align-self:start;min-height:20px;font-size:11px;line-height:1.25;-webkit-line-clamp:1}
.account-activity-panel{grid-template-columns:1fr 1fr;align-items:start;gap:15px}
.account-activity-panel:not([hidden]){display:grid}
.account-activity-panel .profile-social{margin:0;padding:17px;border:1px solid #29495c;border-radius:16px;background:#091f2f}
.account-activity-panel .profile-social h3{margin:0 0 12px}
.account-activity-panel .profile-friends{grid-template-columns:1fr;margin:0}
.account-section-panel>.account-settings-side{width:min(600px,100%);margin:auto}
.account-dialog-actions{display:flex;justify-content:flex-end;padding-top:2px}
.account-dialog-actions button{min-width:190px;min-height:46px;border-color:#f5b82e;background:#f5b82e;color:#172033;font-size:14px;font-weight:900;box-shadow:0 7px 20px #f5b82e26}
.account-dialog-actions button:hover{background:#ffbd29}
@media(min-width:701px) and (max-width:900px){
  .account-section-panel .motorcycle-avatar-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:700px){
  .auth-dialog:has(#auth-member:not([hidden])){width:calc(100vw - 10px);height:calc(100dvh - 10px);max-height:none;padding:16px 10px}
  #auth-member>.profile-head{min-height:60px;padding-right:48px}
  .account-section-tabs{grid-template-columns:repeat(4,1fr);gap:3px}
  .account-section-tabs button{display:grid;place-items:center;align-content:center;gap:2px;min-height:52px;padding:4px 2px;font-size:9px}
  .account-section-tabs button span{font-size:18px}
  .account-section-panel{max-height:none}
  .account-section-panel .motorcycle-avatar-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-section-panel .motorcycle-avatar-gallery button{grid-template-rows:108px auto;padding:6px}
  .account-section-panel .motorcycle-avatar-gallery img{width:108px;height:108px}
  .account-section-panel .motorcycle-avatar-gallery span{min-height:18px;font-size:10px}
  .account-activity-panel:not([hidden]){grid-template-columns:1fr}
  .account-dialog-actions button{width:100%;min-width:0;min-height:48px}
}