/* ══════════════════════════════════════════════════════════════════════
   meu_cerebro.css — «Meu cérebro › De onde eu aprendo»
   RN Personal · Jean Claude · 04/10/2026 · rodada_meu_cerebro_2026-10-04
   v2 (04/10): 4º motivo «variação de estímulo»; os chips viram DOIS grupos
   fixos (.mcr-chips-g): [por este aluno · variação de estímulo] o que saiu
   não perde · [não gosto · sem aparelho] o que saiu perde pra todos.
   Irmã de «Meu combinado» (combinadoBundle.js): mesmo escopo por id, a
   mesma escala +1px daquela tela, o mesmo #wkhVoltar, o mesmo trilho
   (.rail → .mcr-rail), o mesmo cartão dourado (.reencontro → .mcr-pergunta),
   a mesma folha (.veu/.sheet → .mcr-veu/.mcr-sheet).
   Celular e Mac nesta folha só. O Mac entra por @container (≥1024), não
   por @media: a prancha de 375 continua celular até numa tela grande, e no
   app (overlay em tela cheia) o resultado é idêntico ao do @media.
   JÁ EXISTE NO APP, não portar daqui: .rn-ajuda (css/rn_ajuda_v1.css).
   [CÓPIA] fonte: docs/rodada_meu_cerebro_2026-10-04/proposta_v2/meu_cerebro.css
   — caractere por caractere (porte do passo 2, 04/10). O bloco .mcr-pergunta
   fica RESERVADO pro passo 4: o algoritmo ainda não pergunta, e a tela não
   desenha a seção (nada de botão de mentira).
   ══════════════════════════════════════════════════════════════════════ */
#cerebroOverlay{
  --bg:#0a0806;--text:#F0EBE0;--text2:#C8BFB0;--text3:#b1a99a;--text4:#9a9384;
  --ouro:#c9a227;--ouro-hi:#e2c25e;--gold:#c9a227;--gold2:#e2c25e;
  --line:rgba(255,255,255,.08);--line-soft:rgba(255,255,255,.05);
  --card-line-1:rgba(255,255,255,.18);--card-line-2:rgba(255,255,255,.28);--card-line-ouro:rgba(201,162,39,.5);
  /* a escala do «Meu combinado» (+1px sobre a oficial, Raphael 26/09). Chãos de pé: 14 na caixa baixa, 12.5 só em CAIXA ALTA */
  --fs-micro:12.5px;--fs-xs:14px;--fs-sm:15.5px;--fs-md:17px;--fs-lg:19px;--fs-xl:23px;
  --ui:Jost,'Avenir Next',-apple-system,system-ui,sans-serif;
  --serif:'Playfair Display',Georgia,serif;
  --ease:cubic-bezier(.23,1,.32,1);
  --mcr-topo-h:calc(var(--topo-seguro,calc(env(safe-area-inset-top,0px) + 32px)) + 53px);
  position:fixed;inset:0;z-index:9700;display:none;
  container:mcr/inline-size;
  background:var(--bg);color:var(--text);font-family:var(--ui);font-size:var(--fs-md);line-height:1.45;
  -webkit-font-smoothing:antialiased;
}
#cerebroOverlay.aberto{display:block}
#cerebroOverlay *{box-sizing:border-box}
#cerebroOverlay button{font-family:var(--ui);-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}
#cerebroOverlay button:focus-visible{outline:2px solid var(--ouro);outline-offset:2px}
#cerebroOverlay .mcr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── fundo e rolagem: a rolagem é PRÓPRIA (o overlay não rola a página) ── */
#cerebroOverlay .mcr-fundo{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(900px 520px at 96% -8%,rgba(201,162,39,.09),transparent 58%),
  radial-gradient(760px 640px at 50% 120%,rgba(201,162,39,.04),transparent 62%),
  linear-gradient(180deg,#0a0806 0%,#0c0a08 48%,#070505 100%)}
#cerebroOverlay .mcr-rolo{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}

/* ── peças da casa (cópia do Meu combinado) ── */
#cerebroOverlay .eb{margin:0;font:500 var(--fs-micro)/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text3)}
#cerebroOverlay .ponto{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ouro);box-shadow:0 0 6px rgba(201,162,39,.5);flex:none}
#cerebroOverlay .mcr-link{position:relative;display:inline-flex;align-items:center;min-height:44px;margin:-12px 0;padding:0;border:0;background:none;color:var(--text2);font:400 var(--fs-xs)/1 var(--ui);text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
#cerebroOverlay .rn-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border:1px solid var(--card-line-1);border-radius:11px 11px 11px 5px;background:rgba(255,255,255,.02);color:var(--text);font:500 var(--fs-sm)/1 var(--ui);cursor:pointer}
/* v2: o «?» agora tem os 4 motivos em negrito */
#cerebroOverlay .rn-ajuda-p b{font-weight:500;color:var(--text)}

/* ── tela e topo: só a linha do Voltar gruda (52px), o título rola ── */
#cerebroOverlay .mcr-tela{position:relative;max-width:430px;margin:0 auto;padding:0 16px calc(120px + env(safe-area-inset-bottom))}
#cerebroOverlay .mcr-topo{position:sticky;top:0;z-index:20;margin:0 -16px;padding:var(--topo-seguro,calc(env(safe-area-inset-top,0px) + 32px)) 16px 0;background:linear-gradient(180deg,rgba(10,8,6,.97),rgba(10,8,6,.92));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft)}
#cerebroOverlay .mcr-topo-linha{display:flex;align-items:center;justify-content:space-between;height:52px}
#cerebroOverlay #wkhVoltar{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 15px 0 11px;border:1px solid rgba(201,162,39,.30);border-radius:11px 11px 11px 5px;background:rgba(255,255,255,.02);color:var(--ouro);font:400 var(--fs-sm)/1 var(--ui);cursor:pointer}
#cerebroOverlay #wkhVoltar svg{width:17px;height:17px}
#cerebroOverlay .mcr-cab{padding:10px 0 18px}
#cerebroOverlay .mcr-cab-t{display:flex;align-items:center;gap:12px}
#cerebroOverlay .mcr-cab h1{margin:0;font:500 var(--fs-xl)/1.15 var(--serif);letter-spacing:-.01em;color:var(--text)}
#cerebroOverlay .mcr-estado{display:flex;align-items:baseline;gap:8px;margin:8px 0 0;font-size:var(--fs-xs);line-height:1.4;color:var(--text2)}
#cerebroOverlay .mcr-estado .ponto{align-self:center}
#cerebroOverlay .mcr-estado b{font-weight:500;color:var(--text)}
/* ── PASSO 4 (04/10) — [CONSTRUÇÃO] o encaixe do «Sincronizar agora» do painel da
   nuvem (.rnp-btn do navbarBundle.js, cópia) na linha do Voltar: sem o flex:1
   do painel, 13px → --fs-xs (tela tocada sobe pro padrão); a barra de 2px do
   progresso (a do painel) no pé do topo; e a linha «a última sincronização». ── */
#cerebroOverlay .mcr-topo-linha .rnp-btn{flex:none;padding:0 16px;font-size:var(--fs-xs);white-space:nowrap}
#cerebroOverlay .mcr-sync-barra{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden;opacity:0;pointer-events:none}
#cerebroOverlay .mcr-sync-barra.on{opacity:1}
#cerebroOverlay .mcr-sync-barra i{display:block;height:100%;width:0;background:#c9a227;transition:width 200ms ease-out}
#cerebroOverlay .mcr-sinc{display:block;margin-top:2px;color:var(--text3)}
/* com a linha da sincronização o estado tem 2+ linhas: o ponto fica na 1ª (no molde, 1 linha só, centro = 1ª linha) */
#cerebroOverlay .mcr-estado .ponto:has(+ span .mcr-sinc){align-self:flex-start;margin-top:6px}

/* ── a pergunta do algoritmo (irmã do .reencontro do combinado) ── */
#cerebroOverlay .mcr-pergunta{margin:0 0 22px;padding:16px 16px 18px;border:1px solid rgba(201,162,39,.22);border-radius:16px;background:linear-gradient(180deg,rgba(201,162,39,.06),rgba(201,162,39,.015))}
#cerebroOverlay .mcr-pergunta .eb{display:flex;align-items:center;gap:8px;color:var(--ouro)}
#cerebroOverlay .mcr-pq-t{margin:10px 0 0;font:500 var(--fs-lg)/1.3 var(--serif);color:var(--text);text-wrap:balance}
#cerebroOverlay .mcr-pq-por{margin:6px 0 0;font-size:var(--fs-xs);line-height:1.45;color:var(--text2)}
#cerebroOverlay .mcr-pq-ops{display:grid;gap:8px;margin-top:14px}
#cerebroOverlay .mcr-op{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 14px;border:1px solid var(--card-line-1);border-radius:11px 11px 11px 5px;background:rgba(0,0,0,.26);color:var(--text);text-align:left;cursor:pointer;transition:border-color 160ms var(--ease),background 160ms var(--ease)}
#cerebroOverlay .mcr-op--ex{min-height:52px;font:500 var(--fs-md)/1.3 var(--serif)}
#cerebroOverlay .mcr-op .radio{flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--card-line-2)}
#cerebroOverlay .mcr-pq-leves{display:flex;gap:8px}
#cerebroOverlay .mcr-op--leve{flex:1 1 auto;justify-content:center;padding:0 10px;font:400 var(--fs-sm)/1.2 var(--ui);color:var(--text2);white-space:nowrap}
#cerebroOverlay .mcr-op:active{border-color:var(--card-line-ouro);background:rgba(201,162,39,.10)}
#cerebroOverlay .mcr-pergunta.feita{border-color:var(--card-line-1);background:rgba(255,255,255,.02)}
#cerebroOverlay .mcr-pergunta.feita .eb{color:var(--text3)}
#cerebroOverlay .mcr-pq-feito{display:flex;gap:10px;align-items:flex-start;margin:10px 0 14px;font-size:var(--fs-sm);line-height:1.5;color:var(--text2)}
#cerebroOverlay .mcr-pq-feito svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--ouro)}
#cerebroOverlay .mcr-pq-feito b{font-weight:500;color:var(--text)}

/* ── os números (o «manteve» mora aqui, nunca linha a linha) ── */
#cerebroOverlay .mcr-numeros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
#cerebroOverlay .mcr-num{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:64px;padding:12px 0 12px 14px;border:0;border-left:1px solid var(--line-soft);background:none;color:var(--text);text-align:left}
#cerebroOverlay .mcr-num:first-child{border-left:0;padding-left:0}
#cerebroOverlay .mcr-num b{font:500 var(--fs-xl)/1 var(--serif);font-variant-numeric:tabular-nums;color:var(--text)}
#cerebroOverlay .mcr-num span{font-size:var(--fs-xs);line-height:1.2;color:var(--text2)}
#cerebroOverlay button.mcr-num{cursor:pointer}
#cerebroOverlay button.mcr-num span{text-decoration:underline dotted;text-underline-offset:3px}
#cerebroOverlay .mcr-aceitas{margin:10px 0 0;font-size:var(--fs-xs);line-height:1.45;color:var(--text3)}

/* ── o que se repete (padrão = mesma troca em ≥3 alunos; «por este aluno» e «variação» ficam fora) ── */
#cerebroOverlay .mcr-jeito{margin:24px 0 0}
#cerebroOverlay .mcr-jeito>.eb{margin-bottom:4px}
#cerebroOverlay .mcr-padrao{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 0;border:0;border-top:1px solid var(--line-soft);background:none;color:var(--text2);text-align:left;cursor:pointer;font:400 var(--fs-sm)/1.45 var(--ui)}
#cerebroOverlay .mcr-jeito>.eb+.mcr-padrao{border-top:0}
#cerebroOverlay .mcr-padrao b{font-weight:500;color:var(--text)}
#cerebroOverlay .mcr-padrao.atual{box-shadow:inset 2px 0 0 var(--ouro);padding-left:12px}
#cerebroOverlay .mcr-pd-n{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}
#cerebroOverlay .mcr-pd-n b{font:500 var(--fs-lg)/1 var(--serif);color:var(--text)}
#cerebroOverlay .mcr-pd-n span{margin-top:3px;font-size:var(--fs-xs);color:var(--text3)}
#cerebroOverlay .mcr-padrao>svg{width:16px;height:16px;color:var(--text3)}
#cerebroOverlay .mcr-mais{margin-top:0}
#cerebroOverlay .mcr-jeito-vazio{margin:6px 0 0;font-size:var(--fs-xs);line-height:1.5;color:var(--text2)}

/* ── trilho de filtro (cópia do .rail do combinado), gruda sob o topo ── */
#cerebroOverlay .mcr-rail{position:sticky;top:var(--mcr-topo-h);z-index:15;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:22px -16px 0;padding:6px 16px;background:rgba(10,8,6,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft)}
#cerebroOverlay .mcr-rail::-webkit-scrollbar{display:none}
#cerebroOverlay .mcr-rail button{position:relative;flex:none;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border:1px solid var(--card-line-1);border-radius:10px 10px 10px 5px;background:rgba(255,255,255,.02);color:var(--text2);font:400 var(--fs-xs)/1 var(--ui);cursor:pointer;white-space:nowrap}
#cerebroOverlay .mcr-rail button::before{content:"";position:absolute;inset:-6px -4px}
#cerebroOverlay .mcr-rail button svg{width:14px;height:14px;flex:none}
#cerebroOverlay .mcr-rail .n{font-variant-numeric:tabular-nums;color:var(--text3)}
#cerebroOverlay .mcr-rail button.atual{color:var(--text);border-color:var(--card-line-ouro);background:rgba(201,162,39,.08)}
#cerebroOverlay .mcr-rail button.atual .n{color:var(--text2)}

/* ── a lista: mês › montagem (aluno · treino · dia) › troca ── */
#cerebroOverlay .mcr-mes{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:24px 0 2px}
#cerebroOverlay .mcr-mes .eb{color:var(--text2)}
#cerebroOverlay .mcr-mes-n{font-size:var(--fs-xs);color:var(--text3)}
#cerebroOverlay .mcr-mes-fechado{display:grid;grid-template-columns:minmax(0,1fr) 16px;column-gap:12px;align-items:center;width:100%;min-height:60px;margin-top:10px;padding:10px 14px;border:1px solid var(--card-line-1);border-radius:14px 14px 14px 7px;background:rgba(255,255,255,.02);color:var(--text);text-align:left;cursor:pointer}
#cerebroOverlay .mcr-mf-t{grid-column:1;font:500 var(--fs-md)/1.25 var(--serif)}
#cerebroOverlay .mcr-mf-s{grid-column:1;font-size:var(--fs-xs);color:var(--text2)}
#cerebroOverlay .mcr-mes-fechado svg{grid-column:2;grid-row:1/span 2;width:16px;height:16px;color:var(--text3)}
#cerebroOverlay .mcr-ficha{padding:16px 0 4px;border-top:1px solid var(--line)}
#cerebroOverlay .mcr-mes+.mcr-ficha{border-top:0;padding-top:10px}
#cerebroOverlay .mcr-f-cab{display:grid;grid-template-columns:7px minmax(0,1fr) auto;column-gap:12px;row-gap:3px;align-items:center}
#cerebroOverlay .mcr-pastilha{display:block;grid-row:1/span 2;align-self:start;width:7px;height:26px;border-radius:4px;background:var(--cor)}
#cerebroOverlay .mcr-pastilha.saiu{background:none;border:1.5px dashed rgba(255,255,255,.35)}
#cerebroOverlay .mcr-f-quem{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0;margin:0}
#cerebroOverlay .mcr-f-nome{font:500 var(--fs-md)/1.25 var(--serif);color:var(--text)}
#cerebroOverlay .mcr-f-nome.saiu{font:italic 400 var(--fs-sm)/1.25 var(--ui);color:var(--text2)}
#cerebroOverlay .mcr-f-treino{font-size:var(--fs-xs);color:var(--text2)}
#cerebroOverlay .mcr-f-data{font-size:var(--fs-xs);color:var(--text2);font-variant-numeric:tabular-nums;white-space:nowrap}
#cerebroOverlay .mcr-f-sub{grid-column:2/-1;margin:0;font-size:var(--fs-xs);line-height:1.35;color:var(--text3)}
#cerebroOverlay .mcr-f-todas{grid-column:2/-1;justify-self:start;margin:-6px 0}
#cerebroOverlay .mcr-lista{list-style:none;margin:6px 0 0;padding:0}
#cerebroOverlay .mcr-troca{position:relative;display:flex;gap:12px;padding:12px 0 14px;border-top:1px solid var(--line-soft)}
#cerebroOverlay .mcr-troca:first-child{border-top:0}
#cerebroOverlay .mcr-t{flex:1;min-width:0}
#cerebroOverlay .mcr-par{margin:0;font:500 var(--fs-md)/1.35 var(--serif);color:var(--text);text-wrap:pretty;overflow-wrap:anywhere}
#cerebroOverlay .mcr-seta{font:400 var(--fs-md)/1 var(--ui);color:var(--text3)}
#cerebroOverlay .mcr-verbo{margin-right:2px;font:400 var(--fs-sm)/1 var(--ui);color:var(--text2)}
#cerebroOverlay .mcr-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:6px 0 0;font-size:var(--fs-xs);line-height:1.35;color:var(--text2)}
#cerebroOverlay .mcr-musc-sem{font-style:italic;color:var(--text3)}
#cerebroOverlay .mcr-esquecer{margin-left:auto}
#cerebroOverlay .mcr-esq-txt{color:var(--text3)}

/* ── os 4 chips de motivo, em DOIS grupos fixos (v2).
      1º grupo: por este aluno · variação de estímulo  → o que saiu NÃO perde
      2º grupo: não gosto · sem aparelho               → o que saiu perde pra todos
      Os 4 numa linha dão ~470px; a 375 há 343. A quebra é por sentido, nunca por acaso.
      Sem motivo = tracejado (o «ainda não decidido» da casa) ── */
#cerebroOverlay .mcr-chips{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:10px}
#cerebroOverlay .mcr-chips-g{display:flex;flex-wrap:wrap;gap:8px 6px}
#cerebroOverlay .mcr-chip{position:relative;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px;border:1px dashed var(--card-line-1);border-radius:9px 9px 9px 4px;background:none;color:var(--text2);font:400 var(--fs-xs)/1 var(--ui);white-space:nowrap;cursor:pointer;transition:border-color 160ms var(--ease),background 160ms var(--ease),color 160ms var(--ease)}
#cerebroOverlay .mcr-chip::before{content:"";position:absolute;inset:-6px -3px}
#cerebroOverlay .mcr-chips.tem .mcr-chip{border-style:solid;color:var(--text3)}
#cerebroOverlay .mcr-chip.on{border:1px solid var(--card-line-ouro);background:rgba(201,162,39,.10);color:var(--text)}
#cerebroOverlay .mcr-chip svg{width:14px;height:14px;flex:none;color:var(--ouro)}
#cerebroOverlay .mcr-chip:disabled{border-style:dashed;border-color:var(--line);color:var(--text3);cursor:default}
#cerebroOverlay .mcr-nota{margin:10px 0 0;font-size:var(--fs-xs);line-height:1.45;color:var(--text2);text-wrap:pretty}

/* ── esquecida: riscada no lugar, com Desfazer (decidido por Raphael 04/10); some na próxima visita ── */
#cerebroOverlay .mcr-troca.esquecida .mcr-par{color:var(--text3);text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:rgba(177,169,154,.6)}
#cerebroOverlay .mcr-troca.esquecida .mcr-verbo{color:var(--text3)}

/* ── ajuste fino (ordem/séries): uma linha por montagem, sem chip ── */
#cerebroOverlay .mcr-fino{margin:2px 0 0;padding:10px 0 6px;border-top:1px solid var(--line-soft);font-size:var(--fs-xs);line-height:1.5;color:var(--text3)}
#cerebroOverlay .mcr-fino b{font-weight:500;color:var(--text2)}
#cerebroOverlay .mcr-lista-vazia{margin:28px 0 0;font-size:var(--fs-sm);line-height:1.5;color:var(--text2)}

/* ── marcar várias (lote) ── */
#cerebroOverlay .mcr-marca{display:none;position:relative;flex:none;width:24px;height:24px;margin-top:2px;padding:0;border:1.5px solid var(--card-line-2);border-radius:50%;background:none;cursor:pointer}
#cerebroOverlay .mcr-marca::before{content:"";position:absolute;inset:-10px}
#cerebroOverlay.e-lote .mcr-marca{display:block}
#cerebroOverlay.e-lote .mcr-troca.esquecida .mcr-marca{visibility:hidden}
#cerebroOverlay.e-lote .mcr-troca .mcr-chips,#cerebroOverlay.e-lote .mcr-esquecer,#cerebroOverlay.e-lote .mcr-nota{display:none}
#cerebroOverlay.e-lote .mcr-troca{cursor:pointer}
#cerebroOverlay .mcr-troca.escolhida .mcr-marca{border-color:var(--ouro);background:var(--ouro)}
#cerebroOverlay .mcr-troca.escolhida .mcr-marca::after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #0a0806;border-width:0 2px 2px 0;transform:rotate(45deg)}
/* v2: a barra ganhou a 2ª linha de chips (+40) → 180 → 220 */
#cerebroOverlay.e-lote .mcr-tela{padding-bottom:calc(220px + env(safe-area-inset-bottom))}
#cerebroOverlay .mcr-barra{position:absolute;left:0;right:0;bottom:0;z-index:30;display:none;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(10,8,6,.8),rgba(10,8,6,.97) 30%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line)}
#cerebroOverlay.e-lote .mcr-barra{display:block}
#cerebroOverlay .mcr-barra-in{max-width:398px;margin:0 auto}
#cerebroOverlay .mcr-barra-l1{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;min-height:32px}
#cerebroOverlay .mcr-barra-n{flex:1 1 auto;min-width:0;font-size:var(--fs-sm);color:var(--text)}
#cerebroOverlay .mcr-barra-l2{display:flex;flex-wrap:wrap;align-items:center;gap:8px 6px;margin-top:10px}
#cerebroOverlay .mcr-barra-l2 .eb{width:100%}
#cerebroOverlay .mcr-barra .mcr-chips{margin:0}

/* ── recado com Desfazer ── */
#cerebroOverlay .mcr-toast{position:absolute;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:40;display:none;align-items:center;gap:16px;width:max-content;max-width:calc(100% - 32px);padding:12px 14px 12px 16px;transform:translateX(-50%);border:1px solid var(--card-line-2);border-radius:12px 12px 12px 6px;background:#16120d;box-shadow:0 18px 40px rgba(0,0,0,.5);font-size:var(--fs-sm);line-height:1.35;color:var(--text)}
#cerebroOverlay .mcr-toast.on{display:flex;animation:mcrSobe .22s var(--ease) both}
@keyframes mcrSobe{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}

/* ── folha de escolha de filtro (cópia do .veu/.sheet do combinado) ── */
#cerebroOverlay .mcr-veu{position:absolute;inset:0;z-index:50;display:none;align-items:flex-end;justify-content:center;background:rgba(10,8,6,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#cerebroOverlay .mcr-veu.aberto{display:flex}
#cerebroOverlay .mcr-sheet{display:flex;flex-direction:column;width:100%;max-width:430px;max-height:80%;background:#120f0c;border:1px solid var(--card-line-2);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 24px 54px -28px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05);animation:mcrFolha .22s var(--ease) both}
@keyframes mcrFolha{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#cerebroOverlay .mcr-sheet-topo{padding:22px 20px 8px}
#cerebroOverlay .mcr-sheet h3{margin:0;font:500 var(--fs-lg)/1.3 var(--serif);color:var(--text)}
#cerebroOverlay .mcr-sheet-rolo{flex:1;min-height:0;overflow:auto;padding:0 20px}
#cerebroOverlay .mcr-escolha{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 0;border:0;border-top:1px solid var(--line-soft);background:none;color:var(--text);font:400 var(--fs-md)/1.25 var(--ui);text-align:left;cursor:pointer}
#cerebroOverlay .mcr-escolha.sem-pastilha{grid-template-columns:minmax(0,1fr) auto}
#cerebroOverlay .mcr-escolha .mcr-pastilha{grid-row:auto;align-self:center;height:24px}
#cerebroOverlay .mcr-escolha .n{font-size:var(--fs-xs);color:var(--text2);white-space:nowrap}
#cerebroOverlay .mcr-sheet-pe{padding:12px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft)}
#cerebroOverlay .mcr-sheet-pe .rn-btn-secondary{width:100%}

/* ── vazio (o estado real de hoje) ── */
#cerebroOverlay .mcr-vazio{display:none}
#cerebroOverlay.e-vazio .mcr-vazio{display:block}
#cerebroOverlay.e-vazio .mcr-lado,#cerebroOverlay.e-vazio .mcr-principal{display:none}
#cerebroOverlay .mcr-vazio h2{margin:4px 0 0;font:500 var(--fs-lg)/1.3 var(--serif);color:var(--text)}
#cerebroOverlay .mcr-vazio>p{margin:10px 0 0;font-size:var(--fs-sm);line-height:1.55;color:var(--text2);text-wrap:pretty}
#cerebroOverlay .mcr-exemplo{margin:20px 0 4px;padding:14px 14px 4px;border:1px dashed rgba(255,255,255,.16);border-radius:14px 14px 14px 7px;background:rgba(0,0,0,.26)}
#cerebroOverlay .mcr-exemplo .mcr-chip{cursor:default}
#cerebroOverlay .mcr-vazio>p.mcr-vazio-nota{font-size:var(--fs-xs);line-height:1.5;color:var(--text2)}

@media (hover:hover){
  #cerebroOverlay .mcr-chip:not(:disabled):hover{border-color:var(--card-line-2);color:var(--text)}
  #cerebroOverlay .mcr-chip.on:hover{border-color:var(--ouro)}
  #cerebroOverlay .mcr-op:hover{border-color:var(--card-line-2)}
  #cerebroOverlay .mcr-link:hover{color:var(--text)}
  #cerebroOverlay .mcr-rail button:hover{color:var(--text)}
  #cerebroOverlay .mcr-padrao:hover b{color:var(--ouro-hi)}
}

/* ══ MAC ≥1024 — lista à esquerda, «o seu jeito» fixo à direita ══ */
@container mcr (min-width:1024px){
  #cerebroOverlay .mcr-tela{max-width:1240px;padding:0 40px 80px}
  #cerebroOverlay .mcr-topo{margin:0 -40px;padding-left:40px;padding-right:40px}
  #cerebroOverlay .mcr-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:14px 0 22px}
  #cerebroOverlay .mcr-estado{margin:0}
  #cerebroOverlay .mcr-corpo{display:grid;grid-template-columns:minmax(0,1fr) 380px;column-gap:56px;align-items:start}
  #cerebroOverlay .mcr-vazio{grid-column:1/-1;grid-row:2;max-width:640px}
  #cerebroOverlay .mcr-lado{grid-column:2;grid-row:2;position:sticky;top:calc(var(--mcr-topo-h) + 8px)}
  #cerebroOverlay .mcr-principal{grid-column:1;grid-row:2;min-width:0}
  #cerebroOverlay .mcr-rail{flex-wrap:wrap;overflow:visible;margin:0;padding:6px 0 10px}
  #cerebroOverlay .mcr-troca{margin:0 -12px;padding:14px 12px;border-radius:12px 12px 12px 6px}
  /* v2: a coluna dos chips é fixa (330) — os dois grupos empilhados; nomes ficam com ~366, o mesmo da v1 */
  #cerebroOverlay .mcr-t{display:grid;grid-template-columns:minmax(0,1fr) 330px;column-gap:28px;align-items:center}
  #cerebroOverlay .mcr-par,#cerebroOverlay .mcr-meta{grid-column:1}
  #cerebroOverlay .mcr-t>.mcr-chips{grid-column:2;grid-row:1/span 2;margin:0;align-self:center}
  #cerebroOverlay .mcr-nota{grid-column:1/-1}
  #cerebroOverlay .mcr-esquecer{margin-left:0}
  #cerebroOverlay .mcr-barra{padding:12px 40px 16px}
  #cerebroOverlay .mcr-barra-in{max-width:1160px;display:grid;grid-template-columns:minmax(0,1fr) 380px;column-gap:56px}
  #cerebroOverlay .mcr-barra-in>*{grid-column:1}
  #cerebroOverlay .mcr-barra-l2 .eb{width:auto;margin-right:6px}
  /* na barra do Mac os 4 cabem numa linha (~500 em 724) */
  #cerebroOverlay .mcr-barra .mcr-chips{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 6px}
  #cerebroOverlay .mcr-veu{align-items:center}
  #cerebroOverlay .mcr-sheet{max-width:460px;max-height:70%;border-bottom:1px solid var(--card-line-2);border-radius:22px}
  #cerebroOverlay .mcr-sheet-pe{padding-bottom:18px}
}
@media (hover:hover){
  @container mcr (min-width:1024px){
    #cerebroOverlay .mcr-troca:hover{background:rgba(255,255,255,.025)}
  }
}
@media (prefers-reduced-motion:reduce){#cerebroOverlay *{animation-duration:0s!important;transition-duration:0s!important}}

/* [CÓPIA] fonte: docs/rodada_minhas_regras_2026-10-04/proposta_v2/meu_cerebro_regras.css
   — colado inteiro, caractere por caractere (porte do passo 3, 04/10). As 2 regras
   .mcr-pagina (base e Mac) saíram, como pede o diff do memo v1. */
/* ══════════════════════════════════════════════════════════════════════
   meu_cerebro_regras.css — «Meu cérebro › Minhas regras» (passo 3) · v2
   RN Personal · Jean Claude · 04/10/2026 · rodada_minhas_regras_2026-10-04
   SÓ O QUE ESTA PÁGINA ACRESCENTA. No porte, cola-se no FIM de
   css/meu_cerebro.css (o do app, v2) e o arquivo continua um só.
   v2: + a pergunta «Quer trocar?» (.mcr-tr*). O resto igual à v1.
   ══════════════════════════════════════════════════════════════════════ */

/* ── as 2 abas: cópia do .modo do «Meu combinado» (combinadoBundle.js:160-162); borda sobe pra --card-line-1 ── */
#cerebroOverlay .mcr-modo{display:grid;grid-template-columns:1fr 1fr;padding:3px;margin:0 0 18px;border:1px solid var(--card-line-1);border-radius:12px;background:rgba(0,0,0,.26)}
#cerebroOverlay .mcr-modo button{height:38px;padding:0 6px;border:0;border-radius:9px;background:none;color:var(--text2);font:500 var(--fs-sm)/1 var(--ui);white-space:nowrap;cursor:pointer}
#cerebroOverlay .mcr-modo button[aria-selected="true"]{background:rgba(201,162,39,.12);color:var(--ouro)}

/* ── qual página aparece (1,2,0 e 1,3,0 vencem o display:grid do Mac) ── */
#cerebroOverlay .mcr-corpo.mcr-corpo--regras{display:none}
#cerebroOverlay.p-regras .mcr-corpo.mcr-corpo--aprendo{display:none}
#cerebroOverlay.p-regras .mcr-corpo.mcr-corpo--regras{display:block}
#cerebroOverlay.p-regras .mcr-barra{display:none}
#cerebroOverlay .mcr-rg-lado{display:none}

/* ── «Escrever uma regra»: o vazio clicável (par único .16 / .26) ── */
#cerebroOverlay .mcr-rg-nova{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;margin:0;padding:0 16px;border:1px dashed rgba(255,255,255,.16);border-radius:14px 14px 14px 7px;background:rgba(0,0,0,.26);color:var(--text);font:500 var(--fs-md)/1.2 var(--ui);text-align:left;cursor:pointer}
#cerebroOverlay .mcr-rg-nova svg{flex:none;width:18px;height:18px;color:var(--ouro)}

/* ── grupos por tipo de frase ── */
#cerebroOverlay .mcr-rg-grupo{margin:26px 0 0}
#cerebroOverlay .mcr-rg-grupo-cab{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 2px}
#cerebroOverlay .mcr-rg-grupo-cab .eb{color:var(--text2)}
#cerebroOverlay .mcr-rg-grupo-n{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--text3)}
#cerebroOverlay .mcr-rg-lista{list-style:none;margin:0;padding:0}

/* ── a regra: frase | chave ── */
#cerebroOverlay .mcr-regra{display:grid;grid-template-columns:minmax(0,1fr) 48px;column-gap:14px;align-items:start;padding:14px 0;border-top:1px solid var(--line-soft)}
#cerebroOverlay .mcr-regra:first-child{border-top:0}
#cerebroOverlay .mcr-rg-t{min-width:0}
#cerebroOverlay .mcr-rg-abre{display:block;width:100%;margin:0;padding:0;border:0;background:none;color:var(--text);text-align:left;cursor:pointer}
#cerebroOverlay .mcr-rg-abre>span{display:block}
#cerebroOverlay .mcr-frase{display:block;margin:0;font:400 var(--fs-sm)/1.5 var(--ui);color:var(--text2);text-wrap:pretty;overflow-wrap:anywhere}
#cerebroOverlay .mcr-frase .w{font:500 var(--fs-md)/1.35 var(--serif);color:var(--text)}
#cerebroOverlay .mcr-frase .w.saiu{text-decoration:underline dashed;text-decoration-color:rgba(253,224,71,.7);text-decoration-thickness:1.5px;text-underline-offset:4px}
#cerebroOverlay .mcr-rg-ctx{margin:4px 0 0;font:400 var(--fs-xs)/1.4 var(--ui);color:var(--text2)}
#cerebroOverlay .mcr-rg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:8px 0 0;font-size:var(--fs-xs);line-height:1.35;color:var(--text3)}
#cerebroOverlay .mcr-rg-editar{margin-left:auto}
#cerebroOverlay .mcr-rg-off{display:inline-flex;align-items:center;gap:5px;font-weight:500;color:var(--text2)}
#cerebroOverlay .mcr-rg-off svg{width:14px;height:14px;flex:none}
#cerebroOverlay .mcr-rg-membros{margin:8px 0 0;font-size:var(--fs-xs);line-height:1.5;color:var(--text2)}
#cerebroOverlay .mcr-rg-membros b{font-weight:500;color:var(--text)}
#cerebroOverlay .mcr-regra.off .mcr-frase{color:var(--text3)}
#cerebroOverlay .mcr-regra.off .mcr-frase .w{color:var(--text2);font-weight:400}
#cerebroOverlay .mcr-regra.off .mcr-rg-ctx{color:var(--text3)}
#cerebroOverlay .mcr-regra.nova{animation:mcrNova 1.8s var(--ease) both}
@keyframes mcrNova{from{background:rgba(201,162,39,.14)}to{background:transparent}}

/* ── aviso: limão, sempre com ícone e rótulo ── */
#cerebroOverlay .mcr-rg-aviso{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;padding:10px 12px;border:1px solid rgba(253,224,71,.28);border-radius:10px 10px 10px 5px;background:rgba(253,224,71,.05)}
#cerebroOverlay .mcr-rg-aviso svg{flex:none;width:16px;height:16px;margin-top:2px;color:#fde047}
#cerebroOverlay .mcr-rg-aviso p{margin:0;font-size:var(--fs-xs);line-height:1.45;color:var(--text);text-wrap:pretty}
#cerebroOverlay .mcr-rg-aviso b{font-weight:500}

/* ── a chave: 48×28, toque 44; ligada = trilho ouro baixo + bolinha creme ── */
#cerebroOverlay .mcr-chave{position:relative;display:block;justify-self:end;width:48px;height:28px;margin:2px 0 0;padding:0;border:1px solid var(--card-line-1);border-radius:14px;background:rgba(0,0,0,.26);cursor:pointer;transition:background 160ms var(--ease),border-color 160ms var(--ease)}
#cerebroOverlay .mcr-chave::before{content:"";position:absolute;inset:-9px -4px}
#cerebroOverlay .mcr-chave i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--text3);transition:transform 180ms var(--ease),background 160ms var(--ease)}
#cerebroOverlay .mcr-chave[aria-checked="true"]{border-color:var(--card-line-ouro);background:rgba(201,162,39,.24)}
#cerebroOverlay .mcr-chave[aria-checked="true"] i{transform:translateX(20px);background:var(--text)}

/* ── vazio ── */
#cerebroOverlay .mcr-rg-vazio h2{margin:4px 0 0;font:500 var(--fs-lg)/1.3 var(--serif);color:var(--text)}
#cerebroOverlay .mcr-rg-vazio>p{margin:10px 0 0;font-size:var(--fs-sm);line-height:1.55;color:var(--text2);text-wrap:pretty}
#cerebroOverlay .mcr-rg-vazio .mcr-exemplo .mcr-regra{padding:10px 0 12px}
#cerebroOverlay .mcr-rg-vazio .mcr-exemplo .mcr-chave{cursor:default}
#cerebroOverlay .mcr-rg-vazio .mcr-rg-nova{margin-top:20px}
#cerebroOverlay .mcr-rg-volta{margin:6px 0 0}

/* ── coluna da direita do Mac, sem regra aberta ── */
#cerebroOverlay .mcr-rg-info{padding:18px 18px 20px;border:1px solid var(--card-line-1);border-radius:16px;background:rgba(255,255,255,.02)}
#cerebroOverlay .mcr-rg-info h3{margin:10px 0 0;font:500 var(--fs-lg)/1.3 var(--serif);color:var(--text)}
#cerebroOverlay .mcr-rg-info p:not(.eb){margin:10px 0 0;font-size:var(--fs-sm);line-height:1.5;color:var(--text2)}

/* ══ O EDITOR (e a pergunta «Quer trocar?»): folha no celular, coluna da direita no Mac ══ */
#cerebroOverlay .mcr-sheet.mcr-sheet--ed{max-height:92%}
#cerebroOverlay .mcr-sheet--ed>.mcr-ed{flex:1;min-height:0}
#cerebroOverlay .mcr-ed{display:flex;flex-direction:column;min-height:0}
#cerebroOverlay .mcr-ed-cab{padding:22px 20px 8px}
#cerebroOverlay .mcr-ed-t{margin:8px 0 0;font:500 var(--fs-lg)/1.3 var(--serif);color:var(--text)}
#cerebroOverlay .mcr-ed-frase{margin:14px 0 0;font:400 var(--fs-md)/2.1 var(--ui);color:var(--text2);overflow-wrap:anywhere}
#cerebroOverlay .mcr-lacuna{position:relative;display:inline;margin:0 1px;padding:3px 8px;border:1px solid var(--card-line-1);border-radius:8px;background:rgba(255,255,255,.03);color:var(--text);font:500 var(--fs-md)/2.1 var(--serif);text-align:left;cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone}
#cerebroOverlay .mcr-lacuna::before{content:"";position:absolute;inset:-9px -2px}
#cerebroOverlay .mcr-lacuna.vazia{border:1px dashed rgba(255,255,255,.16);background:rgba(0,0,0,.26);color:var(--text3);font:italic 400 var(--fs-sm)/2.1 var(--ui)}
#cerebroOverlay .mcr-lacuna.aberta{border:1px solid var(--ouro);background:rgba(201,162,39,.10);color:var(--text)}
#cerebroOverlay .mcr-ed-tipo{margin:2px 0 0}
#cerebroOverlay .mcr-ed-ctx{margin:14px 0 0}
#cerebroOverlay .mcr-ed-ctx .eb{margin-bottom:8px}
#cerebroOverlay .mcr-ed-ctx-g{display:flex;flex-wrap:wrap;gap:8px 6px}
#cerebroOverlay .mcr-chip.aberta{border:1px solid var(--ouro);color:var(--text)}
#cerebroOverlay .mcr-ed-corpo{flex:1;min-height:0;overflow:auto;padding:0 20px 8px}
#cerebroOverlay .mcr-ed-lista{display:flex;flex-direction:column;list-style:none;margin:6px 0 0;padding:0}
#cerebroOverlay .mcr-ed-corpo--busca{display:flex;flex-direction:column-reverse}
#cerebroOverlay .mcr-ed-lista--busca{flex-direction:column-reverse}
#cerebroOverlay .mcr-ed-op{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 0;border:0;border-top:1px solid var(--line-soft);background:none;color:var(--text);font:400 var(--fs-md)/1.3 var(--ui);text-align:left;cursor:pointer}
#cerebroOverlay .mcr-ed-op .n{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--text2);white-space:nowrap}
#cerebroOverlay .mcr-ed-op .n svg{width:14px;height:14px;color:var(--ouro)}
#cerebroOverlay .mcr-ed-op.on{color:var(--ouro-hi)}
#cerebroOverlay .mcr-ed-op.fam>span:first-child{font-weight:500}
#cerebroOverlay .mcr-ed-molde{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:60px;padding:12px 0}
#cerebroOverlay .mcr-ed-molde .n{white-space:normal}
#cerebroOverlay .mcr-ed-sk{font:400 var(--fs-md)/1.5 var(--ui);color:var(--text)}
#cerebroOverlay .mcr-branco{display:inline-block;width:3em;height:1.1em;margin:0 3px;vertical-align:-3px;border:1px dashed rgba(255,255,255,.16);border-radius:6px;background:rgba(0,0,0,.26)}
#cerebroOverlay .mcr-ed-nada{padding:14px 0;font-size:var(--fs-sm);color:var(--text2)}
#cerebroOverlay .mcr-ed-dica{margin:14px 0 0;font-size:var(--fs-sm);line-height:1.5;color:var(--text2)}
#cerebroOverlay .mcr-ed-vale{margin:14px 0 0;padding:14px 14px 12px;border:1px solid var(--card-line-1);border-radius:14px 14px 14px 7px;background:rgba(255,255,255,.02)}
#cerebroOverlay .mcr-ed-vale ul{margin:8px 0 0;padding:0;list-style:none}
#cerebroOverlay .mcr-ed-vale li{position:relative;padding:4px 0 4px 16px;font-size:var(--fs-sm);line-height:1.45;color:var(--text2);text-wrap:pretty}
#cerebroOverlay .mcr-ed-vale li::before{content:"";position:absolute;left:2px;top:12px;width:5px;height:5px;border-radius:50%;background:var(--text3)}
#cerebroOverlay .mcr-ed-vale b{font-weight:500;color:var(--text)}
#cerebroOverlay .mcr-ed-pe{padding:12px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft)}
#cerebroOverlay .mcr-ed-pe--busca{padding:10px 20px 32px}
#cerebroOverlay .mcr-ed-busca{display:flex;align-items:center;gap:8px;height:48px;padding:0 12px;border:1px solid var(--card-line-2);border-radius:12px 12px 12px 6px;background:rgba(0,0,0,.26)}
#cerebroOverlay .mcr-ed-busca:focus-within{border-color:var(--card-line-ouro)}
#cerebroOverlay .mcr-ed-busca svg{flex:none;width:18px;height:18px;color:var(--text3)}
#cerebroOverlay .mcr-ed-busca input{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;background:none;color:var(--text);font:400 var(--fs-md)/1 var(--ui);outline:none}
#cerebroOverlay .mcr-ed-busca input::placeholder{color:var(--text3)}
#cerebroOverlay .mcr-ed-acoes{display:flex;gap:10px}
#cerebroOverlay .mcr-ed-so{width:100%}
#cerebroOverlay .mcr-btn-ouro{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border:0;border-radius:11px 11px 11px 5px;background:var(--ouro);color:#0a0806;font:500 var(--fs-md)/1 var(--ui);cursor:pointer}
#cerebroOverlay .mcr-btn-ouro:disabled{background:rgba(201,162,39,.18);color:var(--text3);cursor:default}
#cerebroOverlay .mcr-ed-apagar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;margin:14px 0 0;font-size:var(--fs-xs);line-height:1.4;color:var(--text2)}

/* ── v2 · a pergunta «Quer trocar?»: as duas frases lado a lado; a nova com borda de ouro ── */
#cerebroOverlay .mcr-tr-por{margin:8px 0 0;font-size:var(--fs-sm);line-height:1.5;color:var(--text2);text-wrap:pretty}
#cerebroOverlay .mcr-tr-caixa{margin:12px 0 0;padding:12px 14px 14px;border:1px solid var(--card-line-1);border-radius:14px 14px 14px 7px;background:rgba(255,255,255,.02)}
#cerebroOverlay .mcr-tr-caixa--nova{border-color:var(--card-line-ouro);background:rgba(201,162,39,.05)}
#cerebroOverlay .mcr-tr-caixa .mcr-frase{margin-top:6px}
#cerebroOverlay .mcr-tr-orig{margin:6px 0 0;font-size:var(--fs-xs);line-height:1.35;color:var(--text3)}

@media (hover:hover){
  #cerebroOverlay .mcr-modo button[aria-selected="false"]:hover{color:var(--text)}
  #cerebroOverlay .mcr-rg-nova:hover{border-color:var(--card-line-2)}
  #cerebroOverlay .mcr-rg-abre:hover .w{color:var(--ouro-hi)}
  #cerebroOverlay .mcr-chave:hover{border-color:var(--card-line-2)}
  #cerebroOverlay .mcr-lacuna:hover{border-color:var(--card-line-2)}
  #cerebroOverlay .mcr-ed-op:hover>span:first-child{color:var(--ouro-hi)}
  #cerebroOverlay .mcr-btn-ouro:not(:disabled):hover{background:var(--ouro-hi)}
}

/* ══ MAC ≥1024 — lista à esquerda (724), editor e pergunta na coluna fixa da direita (380) ══ */
@container mcr (min-width:1024px){
  #cerebroOverlay .mcr-modo{max-width:440px}
  #cerebroOverlay.p-regras .mcr-corpo.mcr-corpo--regras{display:grid}
  #cerebroOverlay .mcr-rg-principal{grid-column:1;grid-row:1;min-width:0}
  #cerebroOverlay .mcr-rg-lado{display:block;grid-column:2;grid-row:1;position:sticky;top:calc(var(--mcr-topo-h) + 8px)}
  #cerebroOverlay .mcr-rg-nova{display:inline-flex;width:auto;padding:0 22px}
  #cerebroOverlay .mcr-regra{margin:0 -12px;padding:14px 12px;border-radius:12px 12px 12px 6px}
  #cerebroOverlay .mcr-regra.atual{background:rgba(201,162,39,.05);box-shadow:inset 2px 0 0 var(--ouro)}
  #cerebroOverlay .mcr-rg-lado .mcr-ed{max-height:calc(100vh - var(--mcr-topo-h) - 40px);border:1px solid var(--card-line-2);border-radius:18px;background:#120f0c;box-shadow:0 24px 54px -28px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05)}
  #cerebroOverlay .mcr-ed-cab{order:0}
  #cerebroOverlay .mcr-ed-corpo{order:2}
  #cerebroOverlay .mcr-ed-pe{order:3;padding-bottom:18px}
  #cerebroOverlay .mcr-ed-pe--busca{order:1;padding:2px 20px 6px;border-top:0}
  #cerebroOverlay .mcr-ed-corpo--busca,#cerebroOverlay .mcr-ed-lista--busca{flex-direction:column}
}
@media (hover:hover){
  @container mcr (min-width:1024px){
    #cerebroOverlay .mcr-regra:not(.atual):hover{background:rgba(255,255,255,.025)}
  }
}

/* ══ F2-4 (07/10) — a folha do Meu cérebro (.mcr-veu/.mcr-sheet, J-072) no padrão v2
   [CÓPIA] fonte: css/janela_contexto_v2.css — véu, placa chumbo com aro, fio ouro no lugar da alça;
   folha cheia solta no celular, cartão 480 no Mac (≥1024). Só a casca: o miolo (escolhas, editor) não muda. ══ */
#cerebroOverlay .mcr-veu{padding:0 10px calc(env(safe-area-inset-bottom,0px) + 10px);background:var(--rnj-veu,rgba(8,6,4,.58));-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%)}
#cerebroOverlay .mcr-sheet{position:relative;isolation:isolate;max-width:var(--rnj-w-m,480px);background:linear-gradient(160deg,var(--rnj-chumbo-1,#262421),var(--rnj-chumbo-0,#1c1b19)) padding-box,linear-gradient(150deg,rgba(236,214,170,.48) 0%,rgba(255,255,255,.28) 34%,rgba(255,255,255,.22) 100%) border-box;border:1px solid transparent;border-radius:var(--rnj-r,18px);box-shadow:0 24px 60px rgba(0,0,0,.62),0 2px 6px rgba(0,0,0,.4),inset 0 1px 0 rgba(238,231,218,.07)}
#cerebroOverlay .mcr-sheet::before{content:'';position:absolute;top:8px;left:50%;z-index:1;width:44px;height:3px;transform:translateX(-50%);border-radius:2px;background:#c9a227;box-shadow:0 0 2px rgba(201,162,39,.9),0 0 10px rgba(201,162,39,.55),0 0 22px rgba(201,162,39,.25)}
#cerebroOverlay .mcr-sheet-pe{padding-bottom:16px}
@container mcr (min-width:1024px){
  #cerebroOverlay .mcr-veu{padding:16px}
  #cerebroOverlay .mcr-sheet{max-width:var(--rnj-w-m,480px);border:1px solid transparent;border-radius:var(--rnj-r,18px)}
}

/* ═════════════ [CÓPIA] fonte: docs/rodada_barra_ajustes_2026-10-09/DO_JEAN/barra_ajustes_v2.html — .mcs-*, escopado em #cerebroOverlay — o topo do Meu cérebro em Ajustes: o símbolo e a barra (as do Montador) + O TOQUE ═════════════ */
#cerebroOverlay .mcs{padding:0 0 22px}
#cerebroOverlay .mcs .mcb-cab{margin-top:0}
#cerebroOverlay .mcs .mcb-cab h3{font-size:var(--fs-lg);line-height:1.25}       /* o h1 «Meu cérebro» já é xl logo acima: dois títulos iguais empilhados brigam */
/* nesta tela o aro só se mexe quando aprende: sem o «acende» ao abrir (mentiria a cada visita) e sem ondular parado */
#cerebroOverlay .mcs .mcb-aro{animation:none}
/* antes da 1ª foto: nenhuma crista e o aro apagado — o cérebro ainda não leu nada */
#cerebroOverlay .mcs .mcb-aro[data-sabe="0"]{box-shadow:0 14px 30px -18px rgba(0,0,0,.8);
  background:linear-gradient(180deg,#151310,#0b0a08) padding-box,conic-gradient(from 210deg,rgba(var(--cer-rgb),.2),rgba(var(--cer-rgb),.36) 50%,rgba(var(--cer-rgb),.2)) border-box}
#cerebroOverlay .mcs .mcb-aro[data-sabe="0"] .mcb-cer-contorno{stroke:rgba(var(--cer-rgb),.32)}
#cerebroOverlay .mcs .mcb-leg{flex-wrap:wrap;align-items:center;row-gap:4px}
#cerebroOverlay .mcs .mcb-leg .quanto{display:inline-flex;align-items:baseline;gap:6px;color:var(--text2)}
#cerebroOverlay .mcs .mcb-leg .quanto b{font:500 var(--fs-lg)/1 var(--serif);color:var(--text)}
#cerebroOverlay .mcs .mcb-leg .quanto.sem{font-weight:400}
#cerebroOverlay .mcs-delta{align-self:center;padding:3px 7px;border:1px solid var(--card-line-1);border-radius:7px 7px 7px 3px;font:500 var(--fs-xs)/1 var(--ui);font-style:normal;color:var(--text)}
/* o toque: o botão e o recibo dele no mesmo poço (geometria do .mcp-per, cerebro_pedido_v1.css:115) */
#cerebroOverlay .mcs-toque{margin-top:16px;padding:12px 12px 12px;border:1px solid var(--line);border-radius:14px 14px 14px 7px;background:rgba(0,0,0,.22)}
#cerebroOverlay .mcs-quando{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;margin:0 0 0 2px;font:500 var(--fs-micro)/1.3 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text3)}
#cerebroOverlay .mcs-quando .t{font:400 var(--fs-xs)/1.3 var(--ui);letter-spacing:0;text-transform:none;color:var(--text2);font-variant-numeric:tabular-nums}
#cerebroOverlay .mcs-leu{margin:8px 2px 0;font:400 var(--fs-sm)/1.45 var(--ui);color:var(--text);text-wrap:pretty}
#cerebroOverlay .mcs-leu b{font-weight:500}
#cerebroOverlay .mcs-leu.prog{color:var(--text2);font-variant-numeric:tabular-nums}
#cerebroOverlay .mcs-erro{margin:8px 2px 0}
#cerebroOverlay .mcs-freio{margin:8px 2px 0;font:400 var(--fs-xs)/1.5 var(--ui);color:var(--text2);text-wrap:pretty}
#cerebroOverlay .mcs-freio b{font-weight:500;color:var(--text)}
#cerebroOverlay .mcs-amostra{display:inline-block;width:18px;height:6px;margin:0 2px;border-radius:3px;background:rgba(var(--cer-rgb),.2);vertical-align:middle}
#cerebroOverlay .mcs-amostra.rec{background:none;border:1px dashed rgba(var(--cer-rgb),.45)}
#cerebroOverlay .mcs-falta{list-style:none;margin:8px 2px 0;padding:0;display:flex;flex-direction:column;gap:6px}
#cerebroOverlay .mcs-falta li{display:flex;align-items:flex-start;gap:9px;font:400 var(--fs-xs)/1.45 var(--ui);color:var(--text)}
#cerebroOverlay .mcs-falta li::before{content:"";flex:none;width:11px;height:11px;margin-top:4px;border:1.5px solid var(--text3);border-radius:50%}
#cerebroOverlay .mcs-falta li b{font-weight:500}
#cerebroOverlay .mcs-falta li small{font-size:inherit;color:var(--text2)}
#cerebroOverlay .mcs-fechados{display:flex;align-items:flex-start;gap:8px;margin:8px 2px 0;font:400 var(--fs-xs)/1.45 var(--ui);color:var(--text2)}
#cerebroOverlay .mcs-fechados .i{width:15px;height:15px;flex:none;margin-top:2px;color:var(--text3)}
#cerebroOverlay .mcs-toque .rnp-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:12px}
@container mcr (min-width:1024px){
  #cerebroOverlay .mcs{display:grid;grid-template-columns:minmax(0,1fr) 380px;column-gap:56px;align-items:start;padding:0 0 28px}   /* as colunas do .mcr-corpo de baixo (meu_cerebro.css:254) */
  #cerebroOverlay .mcs-sabe{grid-column:1;min-width:0;max-width:720px}
  #cerebroOverlay .mcs-toque{grid-column:2;margin-top:0;padding:14px 16px 16px}
}

/* C-celular-deitado (13/10): celular deitado nunca vira Mac — sem contêiner, os @container de largura não casam */
@media (pointer:coarse) and (max-height:500px){#cerebroOverlay{container-type:normal}}