/* /gameplay/rankings/seletor.css: seletor Mensal | Ao vivo dos Rankings (mockup aprovado em 29/10/2026: docs/mockups/gameplay/rankings-seletor-modo.html). Letra mínima 15px (regra 18); tudo alinhado (regra 25). */
/* seletor Mensal | Ao vivo (novo): dois cartões iguais, o painel muda conforme o modo; letra mínima 15px, tudo alinhado */
.rm-modos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rm-modo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;text-align:left;padding:14px 16px;border-radius:12px;border:1px solid var(--border,#29313d);background:var(--s-800,#141a25);color:var(--t-mid,#a7b0bd);cursor:pointer;min-height:78px;font-family:var(--body,Inter,sans-serif)}
.rm-modo:hover{border-color:var(--gold-line,rgba(227,179,65,.4))}
.rm-modo.on{border-color:var(--gold-line,rgba(227,179,65,.55));background:linear-gradient(180deg,var(--gold-wash,rgba(227,179,65,.14)),rgba(20,26,37,.9));color:var(--t-hi,#f0f3f7);box-shadow:inset 3px 0 var(--gold,#e3b341)}
.rm-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;border:1px solid var(--border,#29313d);background:var(--s-900,#0c0f16);color:var(--gold,#e3b341)}
.rm-ic.vivo{color:#43c79b}
.rm-modo.on .rm-ic{border-color:var(--gold-line,rgba(227,179,65,.5))}
.rm-t{display:grid;gap:2px;min-width:0}
.rm-t b{font:800 18px var(--display,Archivo,sans-serif);color:var(--t-hi,#f0f3f7)}
.rm-t small{font-size:15px;color:var(--t-mid,#a7b0bd);line-height:1.35}
.rm-etq{font:500 15px var(--mono,monospace);padding:4px 12px;border-radius:99px;border:1px solid var(--border,#29313d);color:var(--t-mid,#a7b0bd);white-space:nowrap}
.rm-modo.on .rm-etq{border-color:var(--gold-line,rgba(227,179,65,.5));color:var(--gold,#e3b341)}
.rm-etq.vivo{color:#43c79b;border-color:rgba(67,199,155,.45);background:rgba(67,199,155,.1)}
.rm-painel{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.rm-painel[hidden]{display:none}
.rm-chip{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:10px;border:1px solid var(--border,#29313d);background:var(--s-800,#141a25);color:var(--t-mid,#a7b0bd);font:600 15px var(--body,Inter,sans-serif);cursor:pointer}
.rm-chip.on{border-color:var(--gold-line,rgba(227,179,65,.5));background:var(--gold-wash,rgba(227,179,65,.12));color:var(--gold,#e3b341)}
span.rm-chip{cursor:default}
.rm-nota{font-size:15px;color:var(--t-low,#7d8898)}
.rm-regioes{display:flex;flex-wrap:wrap;gap:8px}
.rm-aviso{flex:1 1 100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:16px;border-radius:12px;border:1px solid rgba(67,199,155,.4);background:linear-gradient(180deg,rgba(67,199,155,.1),rgba(12,15,22,.9));color:var(--t-hi,#f0f3f7)}
.rm-i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid #43c79b;color:#43c79b;font:800 18px var(--display,Archivo,sans-serif)}
.rm-aviso b{font-size:17px}
.rm-aviso p{margin:6px 0 12px;font-size:16px;color:var(--t-mid,#a7b0bd);line-height:1.5}
.rm-aviso p b{color:var(--t-hi,#f0f3f7);font-size:16px}
.rm-bt{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
@media (max-width:760px){.rm-modos{grid-template-columns:1fr}.rm-modo{grid-template-columns:auto minmax(0,1fr)}.rm-etq{grid-column:2;justify-self:start}}
/* cartões sempre legíveis: ícone | texto, e a etiqueta embaixo do texto (nunca por cima); 2 colunas só quando cabem */
.rm-modos{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.rm-modo{grid-template-columns:auto minmax(0,1fr);align-items:start}
.rm-modo .rm-etq{grid-column:2;justify-self:start}