/* ==========================================================================
   v7-controles.css: dicas de tecla e de controle, e o cursor-pomba dos menus. Dona: Frente 3 (Controles e som).
   Carregado em todas as páginas, depois de v7-jogo.css (usa os tokens de lá).
   Fonte: C:\AI\projects\ensino-ulysses\themes\ensino-tema\css\v7-controles.css
   Fronteira: nenhum seletor atinge .ensino-atv. Movimento só transform/opacity; html[data-calmo] desliga.
   ========================================================================== */

/* ---------- tecla e botão de controle nas dicas ---------- */
.j-tecla{display:inline-flex;align-items:center;justify-content:center;min-width:1.9em;height:1.7em;padding:0 .45em;
  font:600 .75rem/1 var(--j-fonte-num);color:var(--j-tinta);background:var(--j-painel);border:1px solid var(--j-linha-2);
  border-bottom-width:2px;border-radius:5px;vertical-align:middle}
.j-tecla--a,.j-tecla--b{min-width:1.7em;border-radius:50%;font-family:var(--j-fonte-ui);font-weight:800}
.j-tecla--a{color:#0E1B29;background:#86EFAC;border-color:#4CAF73}
.j-tecla--b{color:#3B1616;background:#FCA5A5;border-color:#D46A6A}

/* dicas só para a forma de entrada em uso (o núcleo marca html[data-j-entrada]); sem tela de toque */
[data-j-se]{display:none}
html[data-j-entrada="teclado"] [data-j-se~="teclado"],html[data-j-entrada="controle"] [data-j-se~="controle"],
html[data-j-entrada="mouse"] [data-j-se~="mouse"],html[data-j-entrada="toque"] [data-j-se~="toque"],
html:not([data-j-entrada]) [data-j-se~="mouse"]{display:inline-flex}
html[data-j-dicas="0"] .j-dicas-controle,html[data-j-dicas="0"] [data-j-se]{display:none}
html[data-j-entrada="toque"] .j-dicas-controle{display:none}

/* ---------- Cursor-pomba (o guia): um por [data-j-menu], levado por transform ---------- */
.j-cursor{position:absolute;left:0;top:0;width:30px;height:30px;color:var(--j-ouro-texto,var(--j-ouro));pointer-events:none;z-index:var(--j-z-cursor);opacity:0;
  transition:opacity var(--j-d-2) var(--j-ease-ui);filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}
.j-cursor.j-visivel{opacity:1}
.j-cursor svg{display:block;width:100%;height:100%;animation:j-flutua 2.2s var(--j-ease-respira) infinite alternate}
@keyframes j-flutua{from{transform:translate3d(0,-2px,0) rotate(-3deg)}to{transform:translate3d(0,2px,0) rotate(2deg)}}
/* tela de toque não tem "item sob o ponteiro": a pomba só aparece com teclado, mouse ou controle */
html[data-j-entrada="toque"] .j-cursor{display:none}
@media (forced-colors:active){.j-cursor{forced-color-adjust:none;color:Highlight}}

/* o alvo que o Esc acende (Voltar): o brilho vem de .j-voltar.j-alvo em v7-jogo.css; aqui só o link de volta que não usa essa classe */
[data-j-voltar].j-alvo:not(.j-voltar){outline:2px solid var(--j-ouro);outline-offset:3px}

/* ---------- aperto visível (100 ms) dos itens de menu antes de navegar (propriedade translate: não briga com o transform do hover) ---------- */
[data-j-menu] a.j-apertado{translate:0 1px}

/* ---------- impressão: nada de guia ---------- */
@media print{.j-cursor,.j-dicas-controle,[data-j-se]{display:none!important}}