/* Header account controls: the avatar is the single visible account trigger. */
.club-account-menu{position:relative;display:flex;align-items:center;z-index:80}
.club-account-avatar-button{width:40px;height:40px;display:block;padding:0;border:1px solid #79614f;border-radius:50%;background:#18151b;color:#f2a35d;box-shadow:0 0 0 3px #f2a35d0a;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.club-account-avatar-button:hover,.club-account-avatar-button[aria-expanded="true"]{border-color:#f2a35d;box-shadow:0 0 0 3px #f2a35d25}
.club-account-avatar-button:focus-visible{outline:2px solid #f2a35d;outline-offset:4px}
.account-menu-avatar{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;font-size:15px;font-weight:700;line-height:1;background:#322338;color:#f8c494}
.account-menu-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.account-menu-avatar>img[hidden]{display:none!important}
.club-user-menu{position:absolute;top:calc(100% + 13px);right:0;width:215px;padding:7px;background:#141317;border:1px solid #635044;border-radius:8px;box-shadow:0 16px 40px #0009,0 3px 12px #0005;z-index:100;text-align:left}
.club-user-menu[hidden]{display:none!important}
.club-user-menu .account-menu-item{display:flex;align-items:center;gap:12px;width:100%;min-height:45px;margin:0;padding:12px 13px;border:0;border-radius:4px;background:transparent;color:#f3eae4;font:inherit;font-size:13px;font-weight:500;line-height:1.4;text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}
.club-user-menu .account-menu-item>svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:#dba477;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.club-user-menu .account-menu-item:hover,.club-user-menu .account-menu-item:focus-visible{background:#f2a35d18;color:#ffc394;outline:0}
.club-user-menu .account-menu-item:focus-visible{box-shadow:inset 0 0 0 1px #f2a35d70}
.club-user-menu .account-menu-item[data-action="logout"]{border-top:1px solid #493c34;border-top-left-radius:0;border-top-right-radius:0;margin-top:4px;padding-top:14px}
@media(max-width:600px){.club-account-avatar-button{width:36px;height:36px}.account-menu-avatar{font-size:14px}.club-user-menu{top:calc(100% + 11px);width:205px}.club-user-menu .account-menu-item{min-height:46px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.club-account-avatar-button,.club-user-menu .account-menu-item{transition:none}}