/* ═══════════════════════════════════════════════════════════════════════
   SELETORES DO NOME (rodada 30/09/2026) — CÓPIA LITERAL de
   docs/rodada_seletores_nome_2026-09-30/molde.html (v2, Jean Claude).
   O que difere do molde, e só isto:
   1. Tokens do :root do molde vêm na raiz da peça (.rn-sel, .rn2-ex-card .comp).
   2. Tudo escopado por .rn-sel (a caixa mora dentro do cartão real, que já
      tem .card/.campo/.nome próprios — .card, .campo e .nome do molde não portam).
   3. Regras de prancha (.tela, .rot, body) não portam.
   ═══════════════════════════════════════════════════════════════════════ */
.rn-sel,.rn2-ex-card .rn-name .comp{--fs-micro:11.5px;--fs-xs:13px;--fs-sm:14.5px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;
--text:#F0EBE0;--text2:#C8BFB0;--text3:#b1a99a;--ouro:#c9a227;
--card-line-1:rgba(255,255,255,.18);--card-line-2:rgba(255,255,255,.28);--card-line-ouro:rgba(201,162,39,.5);--line:rgba(255,255,255,.08)}
.rn2-ex-card .rn-name .comp{font-family:Jost,sans-serif;font-size:var(--fs-md);color:var(--text2)}
.rn-sel{color:var(--text);font-family:Jost,system-ui,sans-serif}
.rn-sel *{box-sizing:border-box;margin:0}
.rn-sel .seletores{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.rn-sel .sel{min-height:44px;border:1px solid var(--card-line-1);border-radius:11px;padding:6px 10px;display:flex;flex-direction:column;justify-content:center;background:none;text-align:left;color:inherit;font:inherit;cursor:pointer}
.rn-sel .sel b{font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--text3);font-weight:500}
.rn-sel .sel span{font-size:var(--fs-sm);color:var(--text2)}
.rn-sel .sel span.vazio{color:var(--text3)}
.rn-sel .sel.foco{border-color:var(--ouro)}
.rn-sel .sel.foco span{color:var(--text)}
.rn-sel .caret{width:2px;height:18px;background:var(--ouro);display:inline-block;vertical-align:middle}
.rn-sel .prox{margin-top:12px;display:flex;gap:8px;font-size:var(--fs-xs);color:var(--text3)}
.rn-sel .prox i{font-style:normal;padding:4px 8px;border-radius:8px;border:1px solid var(--line)}
.rn-sel .prox i.at{color:var(--ouro);border-color:var(--card-line-ouro)}
.rn-sel .folha{margin-top:12px;background:#1d1a13;border:1px solid var(--card-line-2);border-radius:16px;padding:12px}
.rn-sel .grupo{font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--text3);margin:10px 0 6px}
.rn-sel .grupo:first-child{margin-top:0}
.rn-sel .grupo.mu{color:var(--ouro)}
.rn-sel .ret{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.rn-sel .ret.d2{grid-template-columns:repeat(2,1fr)}.rn-sel .ret.d4{grid-template-columns:repeat(4,1fr)}
.rn-sel .op{min-height:44px;border:1px solid var(--card-line-1);border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;padding:4px 6px;font-size:var(--fs-xs);color:var(--text2);line-height:1.2;background:none;font-family:inherit;cursor:pointer}
.rn-sel .op.on{border-color:var(--ouro);color:var(--text);background:rgba(201,162,39,.12)}
.rn-sel .op.on::before{content:"✓ ";color:var(--ouro)}
.rn-sel .op.est{outline:2px solid var(--ouro);outline-offset:1px;color:var(--text)}
.rn-sel .banco{margin-top:8px;border:1px solid var(--card-line-ouro);border-radius:12px;padding:10px}
.rn-sel .banco .grupo{margin-top:0}
.rn-sel .ang{display:flex;align-items:center;gap:8px;margin-top:6px}
.rn-sel .ang .op{flex:1}.rn-sel .ang .v{font-size:var(--fs-lg);font-variant-numeric:tabular-nums;min-width:56px;text-align:center;color:var(--ouro)}
.rn-sel .teclas{margin-top:12px;display:flex;justify-content:space-between;align-items:center;background:#222;border-radius:12px;padding:6px}
.rn-sel .teclas .k{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-lg);color:var(--text2);background:none;border:0;font-family:inherit;cursor:pointer}
.rn-sel .teclas .ok{background:var(--ouro);color:#14110a;border-radius:10px;padding:0 18px;font-size:var(--fs-sm);font-weight:600}
.rn-sel .leg{font-size:var(--fs-xs);color:var(--text3);margin-top:10px}
/* CONSTRUÇÃO (sem molde — item 4 do prompt): oferta «Salvar no acervo», na pele do .op */
.rn-sel-salvar{display:flex;gap:8px;align-items:center;margin-top:10px;font-family:Jost,system-ui,sans-serif}