.account-profile{display:flex;min-width:0}.account-profile-chip{display:flex;align-items:center;gap:10px;min-width:0;max-width:250px;min-height:44px;padding:6px 11px;background:#202e35;border-color:#506067;color:var(--cream);font-size:14px;line-height:1.3}.account-profile-chip:hover,.account-profile-chip[aria-expanded=true]{border-color:var(--accent);background:#2b393f}.profile-avatar{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid #d4ab7b;background:#3e3832;color:#f5d3ac;border-radius:50%;font-weight:700;font-size:15px}.profile-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-weight:600}.account-profile-chip>svg{flex:none;margin-left:4px}.account-note:has(.account-profile){margin-top:18px;display:flex;justify-content:center}.has-lobby-profile>header{align-items:center}.has-lobby-profile>header>.account-profile{flex:none;margin-left:0}.account-profile-menu{position:fixed;z-index:1300;width:min(280px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:8px;margin:0;background:var(--panel,#1b272e);border:1px solid #57666a;border-radius:10px;box-shadow:0 12px 36px #0007;color:var(--cream,#eee7d8)}.account-profile-menu[hidden]{display:none}.profile-menu-heading{font-size:12px;color:var(--muted);padding:6px 10px 10px;margin:0}.account-profile-menu>button,.account-profile-menu>a{display:flex;align-items:center;gap:11px;width:100%;min-height:43px;padding:10px;border:0;border-radius:6px;background:transparent;color:inherit;text-decoration:none;text-align:left;font:14px/1.4 'DM Sans',sans-serif;white-space:normal;overflow-wrap:anywhere}.account-profile-menu>button:hover,.account-profile-menu>a:hover,.account-profile-menu>[role=menuitem]:focus-visible{background:#304048;outline:2px solid var(--accent);outline-offset:-2px}.account-profile-menu svg{width:19px;height:19px;flex:0 0 19px}.profile-menu-divider{height:1px;background:var(--line);margin:6px 8px}.account-profile-menu>.profile-signout{color:#ffb0b3}.entry-tools:has(>.language-control:only-child){margin-top:14px}@media(max-width:540px){.has-lobby-profile>header{flex-wrap:wrap;column-gap:8px;row-gap:10px}.has-lobby-profile>header>.account-profile{margin-left:0}.has-lobby-profile .account-profile-chip{max-width:135px;gap:6px;padding:6px 8px}.has-lobby-profile .header-actions{margin-left:auto}.has-lobby-profile>header>.brand{font-size:21px}.has-lobby-profile .profile-avatar{width:26px;height:26px;flex-basis:26px}.has-lobby-profile .account-profile-chip>svg{width:13px;margin-left:0}}@media(max-width:370px){.has-lobby-profile>header>.brand{flex-basis:calc(100% - 150px)}.has-lobby-profile>header>.account-profile{order:1;margin-left:auto}.has-lobby-profile>header>.header-actions{order:2;flex-basis:100%;justify-content:flex-end}.has-lobby-profile .account-profile-chip{max-width:150px}}
@media(max-width:370px){.has-lobby-profile>header{display:grid;grid-template-columns:minmax(0,1fr) auto}.has-lobby-profile>header>.brand{grid-column:1;grid-row:1}.has-lobby-profile>header>.account-profile{grid-column:2;grid-row:1;margin-left:0;order:0}.has-lobby-profile>header>.header-actions{grid-column:1 / -1;grid-row:2;justify-self:end;margin-left:0;order:0;flex-basis:auto}.has-lobby-profile .account-profile-chip{max-width:170px}}

/* The profile joins the same evenly spaced toolbar group during a game. */
.has-lobby-profile>header{--profile-toolbar-gap:9px;column-gap:var(--profile-toolbar-gap)}
.has-lobby-profile>header>.header-actions{gap:var(--profile-toolbar-gap)}
.has-lobby-profile>header>.account-profile{margin-left:0}
.account-profile.is-compact{flex:0 0 42px;width:42px;height:42px;pointer-events:auto}
.account-profile.is-compact .account-profile-chip{display:grid;place-items:center;width:42px;height:42px;min-width:42px;max-width:42px;min-height:42px;padding:0!important;gap:0}
.account-profile.is-compact .profile-name,.account-profile.is-compact .account-profile-chip>svg{display:none}
.account-profile.is-compact .profile-avatar{width:26px;height:26px;font-size:13px}
@media(max-width:850px){.has-lobby-profile>header{--profile-toolbar-gap:6px}}