.account-menu{position:relative;flex:none;font-family:var(--sans);color:#e5e5e5;text-align:left}
.account-menu-trigger{width:44px;height:44px;display:grid;place-items:center;padding:5px;border:0;border-radius:50%;background:#242424;color:#b9b9b9;box-shadow:inset 0 1px 1px #ffffff04,0 3px 8px #0003;touch-action:manipulation;transition:background .18s,color .18s,transform .18s}
.account-menu-trigger:hover,.account-menu.is-open .account-menu-trigger{background:#303030;color:#f1f1f1}
.account-menu-trigger:active{transform:scale(.94)}
.account-menu-avatar.player-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;overflow:hidden;border:0;border-radius:50%;background:#202020;color:inherit}
.account-menu-avatar>svg{display:block;width:100%;height:100%;padding:3px}
.account-menu-avatar>svg.account-menu-guest-glyph{padding:6px}
.account-menu-avatar>img{display:block;width:100%;height:100%;object-fit:cover}
.account-menu-panel{position:absolute;z-index:150;top:calc(100% + 10px);right:0;width:232px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;padding:8px;border:0;border-radius:18px;background:#242424;box-shadow:0 18px 50px #0007,0 3px 10px #0003;transform-origin:top right;animation:account-menu-in .16s cubic-bezier(.2,.8,.2,1);touch-action:pan-y}
.account-menu-identity{display:flex;align-items:center;gap:11px;min-width:0;padding:10px 10px 14px}
.account-menu-identity .account-menu-avatar{width:40px;height:40px;color:#bcbcbc;background:#1c1c1c}
.account-menu-name{display:block;min-width:0;margin:0;font-size:15px;line-height:1.4;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em}
.account-menu-items{display:grid;gap:2px}
.account-menu-item{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#bcbcbc;font-family:inherit;font-size:14px;font-weight:400;text-align:left;text-decoration:none;touch-action:manipulation;transition:background .15s,color .15s,transform .15s}
.account-menu-item:hover,.account-menu-item:focus-visible{background:#323232;color:#f0f0f0;outline:none}
.account-menu-item:active{background:#383838;transform:scale(.985)}
.account-menu-trigger:focus-visible{outline:2px solid #aaa;outline-offset:3px}
.account-menu-icon{display:grid;place-items:center;flex:none;width:18px;height:18px;color:#929292}
.account-menu-icon svg{width:100%;height:100%}
.account-menu-item:hover .account-menu-icon,.account-menu-item:focus-visible .account-menu-icon{color:currentColor}
.account-menu-item.account-menu-signout{margin-top:5px;background:#202020;color:#999}
.account-menu-item.account-menu-signout:hover,.account-menu-item.account-menu-signout:focus-visible{background:#303030;color:#ddd}
.account-menu-item:disabled{opacity:.45;cursor:wait}
.account-menu-status{margin:8px 12px 6px;color:#a6a6a6;font-size:12px;line-height:1.5}
@keyframes account-menu-in{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.account-menu-panel{animation:none}.account-menu-trigger,.account-menu-item{transition:none}}