.profilo-avatar { border-radius: var(--sc-raggio-pillola); width: 2.8em; height: 2.8em; flex-shrink: 0; padding: .3em; font-weight: 800; }
.menu-profilo { position: fixed; z-index: var(--sc-z-conferma); box-sizing: border-box; width: min(22em, calc(100vw - 16px)); max-height: calc(100dvh - 16px); overflow-y: auto; padding: .5em; border: 1px solid var(--sc-bordo); border-radius: var(--sc-raggio-l); background: var(--sc-superficie); color: var(--sc-testo); box-shadow: var(--sc-ombra-2); font: calc(15px * var(--sc-scala, 1))/1.5 var(--sc-font); }
.menu-profilo[hidden] { display: none; }
.menu-profilo-identita { display: grid; gap: .25em; padding: .8em; overflow-wrap: anywhere; border-bottom: 1px solid var(--sc-bordo); margin-bottom: .4em; }
.menu-profilo [role="menuitem"] { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: .5em; width: 100%; box-sizing: border-box; text-align: left; text-decoration: none; color: inherit; background: transparent; border: 0; border-radius: var(--sc-raggio-s); padding: .6em .8em; font: inherit; cursor: pointer; }
.menu-profilo [role="menuitem"]:hover, .menu-profilo [role="menuitem"]:focus-visible { background: var(--sc-superficie-2); }
.menu-profilo small { font-size: .8em; }
.profilo-lingua { display: flex; flex-wrap: wrap; align-items: center; gap: .4em; padding: .6em .8em; border-block: 1px solid var(--sc-bordo); }
.profilo-lingua > span { flex-basis: 100%; }
.profilo-lingua .ui-btn { font: inherit; }
.profilo-lingua [aria-pressed="true"] { font-weight: 800; text-decoration: underline; text-underline-offset: .25em; }
.profilo-personaggio { max-width: min(28em, calc(100vw - 2em)); }
#meChip[data-menu-profilo] { margin-left: auto; }

#profiloFlow[hidden] { display: none; }