/* ════════════════════════════════════════════════════════════════════════
   BLITZ v2 — porte 04/10/2026
   [CÓPIA] fonte: docs/rodada_blitz_2026-10-04/desenho_jean.html, bloco
   «(a) BLITZ v2 — NOVO, PORTAR. Prefixo .blz-» (linhas 192–242), verbatim.
   Escopo do app no lugar do da prancha (o próprio memo manda: «no porte vale
   o escopo do app»):
     · `.aluno` → `body.rn-aluno` (a /ficha);
     · `.blz-liga*` ganha `#wkBuilderOverlay` na frente — a casca `.rn-liga`
       do app mora sob esse id (montagem_v5.css:2226) e venceria a cópia;
     · `.pb-fita` sem `.rn-per` em volta (card e folha) recebe o display da
       base do molde (linha 75: display:flex;gap:3px) — no app a base só
       existe dentro de `.rn-per`/`.rn-capa`.
   Reaproveitados como estão: .rn-liga (montagem_v5), .enf-folha/.enf-menu/
   .enf-opcao (enfase_v1), .rn-ajuda-* (rn_ajuda_v1), .pb-fita, .veu/.sheet
   e .rn-temp-* (periodizacao_v1, ficha_v4).
   ════════════════════════════════════════════════════════════════════════ */
/* o raio — único ícone novo (stroke 1.7 round, o traço da casa) */
.blz-ico{display:block;flex:none;width:15px;height:15px}

/* — Peça 1 · LIGAR (gaveta Prescrição) — */
#wkBuilderOverlay .blz-liga.on{background:linear-gradient(180deg,rgba(201,162,39,.10),rgba(201,162,39,.03));border-color:rgba(201,162,39,.62);box-shadow:0 0 0 1px rgba(201,162,39,.10),0 6px 18px -10px rgba(201,162,39,.35)}
#wkBuilderOverlay .blz-liga.on .rn-liga-marca{background:var(--gold);border-color:var(--gold);color:#0a0806}
#wkBuilderOverlay .blz-liga .rn-liga-t b{font-weight:600;color:var(--gold)}
#wkBuilderOverlay .blz-liga .rn-liga-caret{flex:none;align-self:center;color:var(--text3);font-size:var(--fs-md);line-height:1}
#wkBuilderOverlay .blz-liga .pb-fita{display:flex;gap:3px;margin-top:9px;height:10px}   /* a fita do Blitz É a .pb-fita da periodização: mesma identidade */
.blz-ativo-p{margin:10px 0 0;font:400 var(--fs-md)/1.45 var(--ui);color:var(--text2);text-wrap:pretty}
.blz-ativo-p b{font-weight:500;color:var(--text)}
.blz-folha .pb-fita{display:flex;gap:3px;height:14px;margin-top:16px}
.blz-folha .pb-fita span{border-radius:4px;min-width:10px}
.blz-desligar{display:flex;align-items:center;justify-content:center;width:100%;height:44px;margin:14px 0 0;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-md)/1 var(--ui);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}
.blz-desligar:active{border-color:var(--card-line-2)}
.blz-desligar:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* — Peça 2 · MOSTRAR — dentro da família dos blocos semanais —
   Montador: uma linha no card Periodização (.rn-per .plano), depois dos blocos, antes da nota. */
.rn-per .blz-linha{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;min-height:44px;margin-top:10px;padding:8px 6px 8px 8px;border:1px solid var(--line);border-radius:11px 11px 11px 5px;background:rgba(255,255,255,.025);font-size:var(--fs-sm);color:var(--text);font-variant-numeric:tabular-nums}
.rn-per .blocos+.blz-linha{margin-top:6px}
.rn-per .blz-linha .n{width:26px;height:26px;border-radius:8px 8px 8px 4px;border:1px solid rgba(201,162,39,.45);display:grid;place-items:center;color:var(--gold)}   /* o «n» do bloco vira o raio: mesma caixa, aro ouro */
.rn-per .blz-linha .n .blz-ico{width:14px;height:14px}
.rn-per .blz-linha .tx{min-width:0}.rn-per .blz-linha .tx b{font-weight:500}.rn-per .blz-linha .tx i{font-style:normal;color:var(--text2)}
.rn-per .blz-linha .tx .pb-fita{height:8px;margin:6px 0 0;max-width:220px}
.rn-per .blz-linha .tr{font-size:var(--fs-xs);color:var(--text2);white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.rn-per .blz-linha .tr::after{content:"\203A";font-size:var(--fs-lg);line-height:1;color:var(--text3)}
/* 06/10 (Raphael aprovou, rodada Jean DO_JEAN/cerebro_biceps_rodada6.html — cópia literal): Blitz = raio com rastro no disco ouro; Meu cérebro = cérebro cheio (A3) no disco roxo */
.rn-per .blz-linha .n svg.rn-glifo{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rn-per .blz-linha .n svg .cheio{fill:currentColor;stroke:none}
.rn-per .blz-linha.blitz .n{border:0;border-radius:50%;color:#0a0806;background:linear-gradient(145deg,var(--ouro-hi,#e2c25e),var(--gold));box-shadow:0 0 0 1px rgba(201,162,39,.35),0 4px 10px -6px rgba(201,162,39,.6)}
.rn-per .blz-linha.blitz .n svg{width:15px;height:15px;stroke-width:1.9}
/* Aluno: (i) com temporada — a capa ganha uma 2ª manchete, do Blitz; (ii) só Blitz — a capa nasce pelo Blitz (raio no lugar do ponto, 6 semanas na fita) */
body.rn-aluno .rn-manchete.blz{margin-top:-2px}
body.rn-aluno .rn-manchete.blz .blz-ico{color:var(--gold);align-self:center;width:14px;height:14px}
body.rn-aluno .rn-manchete.blz b{font-size:var(--fs-lg)}                                /* segunda manchete, um degrau abaixo da primeira (22) — hierarquia, não apagamento */
body.rn-aluno .rn-capa.so-blitz .rn-manchete.blz{margin-top:0}
body.rn-aluno .rn-capa.so-blitz .rn-manchete.blz b{font-size:var(--fs-xl)}             /* sozinho, o Blitz É a manchete */
body.rn-aluno .rn-capa .eb .blz-ico{width:14px;height:14px;color:var(--gold)}
/* a folha da temporada: o Blitz entra como um item da própria lista (.rn-temp-bloco.blitz) — mesma grade, mesma gramática */
body.rn-aluno .rn-temp-bloco.blitz{border-top:1px dashed var(--card-line-1)}            /* tracejado: «não é um bloco da temporada, anda por cima dela» */
body.rn-aluno .rn-temp-bloco.blitz .rn-temp-marca .blz-ico{color:var(--gold)}
body.rn-aluno .rn-temp-bloco.blitz .rn-temp-l1 b{font-size:var(--fs-lg)}
body.rn-aluno .rn-temp-bloco.blitz .rn-temp-l2{color:var(--text2)}
body.rn-aluno .rn-temp-bloco.blitz .blz-p{grid-column:2;margin:6px 0 0;font:400 var(--fs-sm)/1.45 var(--ui);color:var(--text2);text-wrap:pretty}   /* o «?» de 2 linhas vive aqui: sem número técnico */
body.rn-aluno .rn-temp-lista:has(.blitz:first-child) .rn-temp-bloco.blitz{border-top:0;padding-top:4px}

/* — Peça 3 · AVISAR, encolhida: tag na linha + teto do Blitz na régua (motor) + fio do teto normal — */
.blz-tag{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px 0 5px;margin-left:8px;vertical-align:middle;border:1px solid var(--card-line-1);border-radius:7px 7px 7px 3px;background:rgba(255,255,255,.04);color:var(--text2);font:500 var(--fs-micro)/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.blz-tag .blz-ico{width:12px;height:12px;color:var(--text2)}
.blz-teto{position:absolute;top:-3px;bottom:-3px;width:0;border-left:1px dashed rgba(240,235,224,.45);transform:translateX(-50%);z-index:1}
.blz-nota{margin-top:8px;font:400 var(--fs-xs)/1.45 var(--ui);color:var(--text2);text-wrap:pretty}   /* a frase discreta do Pró e a nota do aluno: --text2, nunca --text3 em frase */

@media(prefers-reduced-motion:reduce){.blz-liga,.rn-liga,.rn-liga-marca,.rn-ajuda,body.rn-aluno .rn-capa .rn-temp-seta{transition:none}.enf-folha-card,.enf-menu.open{animation:none}}

/* [CONSTRUÇÃO] empilhamento do app (não é desenho): no Mac o menu do Blitz
   (.enf-menu, z 40) nasce dentro do #rnEditFields, que tem transform e vira
   contexto de empilhamento — o conteúdo que vem depois pintava por cima.
   Enquanto o menu está aberto, a gaveta sobe de camada. Medido 04/10 a 1440. */
#wkBuilderOverlay #rnEditFields:has(.blz-ancora .enf-menu.open){position:relative;z-index:30}

/* ══ EDITOR ÚNICO DO MEU CÉREBRO (06/10 noite) — cópia literal de docs/rodada_cerebro_periodizacao_2026-10-06/DO_JEAN/editor_unico_rodada7.html ══ */
/* NOVO · .per-atalho — só sem plano. Não é card nem botão de borda: é uma linha que leva pra baixo. 44px de toque. */
.rn-per .per-atalho{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;width:100%;min-height:44px;margin:8px 0 0;padding:4px 6px 4px 4px;border:0;border-radius:11px 11px 11px 5px;background:none;text-align:left;color:var(--text2);font:400 var(--fs-sm)/1.3 var(--ui);text-wrap:pretty}
.rn-per .per-atalho .mcb-ico{--d:22px;justify-self:center}
.rn-per .per-atalho b{font-weight:500;color:var(--text)}
.rn-per .per-atalho .seta{display:inline-flex;align-items:center;gap:6px;font:400 var(--fs-xs)/1 var(--ui);color:var(--text2);white-space:nowrap}
.rn-per .per-atalho .seta::after{content:"\2304";font-size:var(--fs-lg);line-height:1;color:var(--text3)}
.rn-per .per-atalho:active{background:rgba(255,255,255,.04)}
.rn-per .per-atalho:focus-visible{outline:2px solid var(--ouro);outline-offset:2px}