.app-locale{display:inline-flex;align-items:center;gap:.35rem;max-inline-size:100%;margin-block-end:.5rem;flex:0 0 auto}
.app-locale select{min-block-size:44px;min-inline-size:70px;max-inline-size:180px;padding:.4rem .65rem;font-size:16px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm,8px)}
.game-shell-bar .app-locale{margin:0}.game-shell-bar .app-locale select{max-inline-size:108px}
[data-locale-pending]>.cv-app,[data-locale-pending]>.creation-platform,[data-locale-pending]>.meeting,[data-locale-pending] .game-launch{visibility:hidden}
@media(max-width:600px){.app-locale select{max-inline-size:112px}.game-shell-bar .app-locale select{max-inline-size:90px;padding-inline:.4rem}}
/* Header placement: a 44px globe button left of the menu. The native select stays on top, invisible, so a tap opens the
   same language list and assistive technology still meets a labelled select. */
.app-locale-globe{display:none}
.app-locale.app-locale-header{position:relative;display:inline-grid;place-items:center;inline-size:44px;block-size:44px;margin:0;border:1px solid var(--control-border,var(--line));border-radius:12px;background:var(--surface);color:var(--text)}
.app-locale-header .app-locale-globe{display:block;inline-size:22px;block-size:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.app-locale-header select{position:absolute;inset:-1px;inline-size:calc(100% + 2px);block-size:calc(100% + 2px);min-inline-size:0;max-inline-size:none;min-block-size:0;margin:0;padding:0;opacity:0;cursor:pointer;font-size:16px}
.app-locale-header:focus-within{outline:3px solid var(--focus);outline-offset:2px}
.game-shell-bar .app-locale.app-locale-header select{max-inline-size:none;padding:0}
