/* O SELETOR DE IDIOMA (Parte 1 dos idiomas, 2026-09-24).
   Pedido do autor: "canto inferior direito, icone do brasil, ingles, espanhol e
   vietnamita", e SO na tela de login. Ele mora dentro de #mainMenu, entao some
   junto com ela -- nenhuma outra tela oferece trocar (o autor nao quer troca
   de idioma a toda hora). */
.seletor-idioma{position:absolute;right:18px;bottom:16px;z-index:5;display:flex;gap:8px;padding:6px 8px;border:1px solid rgba(199,154,74,.35);border-radius:6px;background:rgba(10,9,8,.62)}
.seletor-idioma-botao{display:block;width:36px;height:24px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:3px;background:none;cursor:var(--cur-mao,pointer);opacity:.55;transition:opacity .15s,transform .15s,border-color .15s}
.seletor-idioma-botao img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px}
.seletor-idioma-botao:hover{opacity:.9;transform:translateY(-1px)}
.seletor-idioma-botao.ativo{opacity:1;border-color:#e0b25c;box-shadow:0 0 0 1px #e0b25c,0 0 10px rgba(224,178,92,.45)}
.seletor-idioma-botao:focus-visible{outline:2px solid #e0b25c;outline-offset:2px}
/* No celular as bandeiras mantêm 36×24 (auditoria 06/10: com 30×20 o alvo do dedo ficava pequeno). */
@media(max-width:620px){.seletor-idioma{right:10px;bottom:10px;gap:8px}}

/* O BOTÃO DO DISCORD (2026-09-25, src/ui/discord.js). No login fica à esquerda das
   bandeiras, com a mesma moldura e a mesma altura; na seleção de personagem, no canto.
   z-index 1060: acima da seleção (#profileModal, 1050). */
.botao-discord{position:fixed;right:18px;bottom:16px;z-index:1060;display:grid;place-items:center;box-sizing:border-box;width:38px;height:38px;padding:5px;border:1px solid rgba(199,154,74,.35);border-radius:6px;background:rgba(10,9,8,.62);opacity:.85;transition:opacity .15s,transform .15s,border-color .15s}
.botao-discord img{display:block;width:100%;height:100%;object-fit:contain}
.botao-discord:hover{opacity:1;transform:translateY(-1px);border-color:#e0b25c}
.botao-discord:focus-visible{outline:2px solid #e0b25c;outline-offset:2px}
.botao-discord.ao-lado-das-bandeiras{right:212px}
@media(max-width:620px){.botao-discord{right:10px;bottom:10px;width:34px;height:34px;padding:4px}.botao-discord.ao-lado-das-bandeiras{right:172px}}
