:root{--treino-holo: #4da3ff;--treino-holo-rgb: 77 163 255}.treino-fala{position:absolute;inset:0;cursor:pointer;touch-action:none;background:radial-gradient(ellipse 90% 75% at 50% 42%,rgba(7,4,26,calc(var(--treino-escurecer) * .75)),rgba(7,4,26,var(--treino-escurecer)));animation:treino-veu .25s ease-out backwards;--orbe-y: var(--orbe-y-retrato);--orbe-d: var(--orbe-d-retrato)}@media(min-aspect-ratio:1/1){.treino-fala{--orbe-y: var(--orbe-y-paisagem);--orbe-d: var(--orbe-d-paisagem)}}@keyframes treino-veu{0%{opacity:0}}.treino-fala-ok-balao{position:absolute;left:50%;top:calc(var(--orbe-y) * 100% + var(--orbe-d) * 50dvh + 22px);transform:translate(-50%)}.treino-ok{font:inherit;font-size:max(var(--fonte-minima),clamp(.95rem,3.8vw,1.05rem));font-weight:var(--peso-forte);letter-spacing:.12em;color:#f4f6ff;min-width:96px;padding:10px 26px;border-radius:999px;border:1.5px solid rgb(var(--caixa-rgb) / .85);background:rgb(var(--caixa-rgb) / .14);box-shadow:0 0 18px rgb(var(--caixa-rgb) / .35);cursor:pointer;touch-action:manipulation;transition:opacity .2s,box-shadow .2s}.treino-ok[aria-disabled=true]{opacity:.35;box-shadow:none}.treino-ok:focus-visible{outline:2px solid var(--magenta);outline-offset:3px}.treino-card-camada{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 72px) 16px 24dvh;pointer-events:none}.treino-card-camada-baixo{align-items:flex-end;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 104px)}.treino-card{position:relative;width:min(100%,380px);padding:18px 20px 16px;pointer-events:auto;animation:treino-card-entrada .45s cubic-bezier(.2,.9,.3,1.12) backwards}@keyframes treino-card-entrada{0%{opacity:0;transform:translateY(14px) scale(.92)}}.treino-card-topo{display:flex;align-items:center;gap:14px}.treino-card-imagem{flex:none;width:clamp(64px,18vw,80px);height:clamp(64px,18vw,80px);border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle,rgb(var(--caixa-rgb) / .22),rgb(var(--caixa-rgb) / 0) 70%)}.treino-card-imagem img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgb(var(--caixa-rgb) / .45))}.treino-card-titulo{margin:0;font-size:max(var(--fonte-minima),clamp(1.05rem,4.4vw,1.25rem));font-weight:var(--peso-forte);line-height:1.2;color:#f4f6ff}.treino-card-texto{margin:14px 0 0;font-size:max(var(--fonte-minima),clamp(.95rem,3.9vw,1.08rem));font-weight:var(--peso-medio);line-height:1.42;color:#dfe5ff;text-wrap:pretty}.treino-card-rodape{display:flex;justify-content:flex-end;margin-top:14px}#overlay>.treino-dica,#overlay>.treino-pausa-dica{pointer-events:none}.treino-dica{position:absolute;left:50%;top:50%;width:max-content;max-width:calc(100% - 32px);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;animation:treino-dica-entrada .25s ease-out backwards}@keyframes treino-dica-entrada{0%{opacity:0;transform:translate(-50%,-40%) scale(.85)}}.treino-dica-legenda{margin:0;padding:5px 12px;border-radius:999px;font-size:max(var(--fonte-minima),clamp(.95rem,3.9vw,1.05rem));font-weight:var(--peso-forte);color:#f4f6ff;background:#07041ab8;border:1px solid rgb(var(--treino-holo-rgb) / .45);text-shadow:0 0 10px rgb(var(--treino-holo-rgb) / .8)}.treino-tecla{position:relative;display:grid;place-items:center;min-width:64px;height:64px;padding:0 14px;border-radius:14px;font-family:var(--fonte-ui);font-size:30px;font-weight:var(--peso-titulo);line-height:1;color:#fff;background:linear-gradient(180deg,#17124a,#0a0722);border:1.5px solid var(--treino-holo);border-bottom-width:5px;box-shadow:0 0 22px rgb(var(--treino-holo-rgb) / .55),inset 0 1px #fff3;text-shadow:0 0 12px rgb(var(--treino-holo-rgb) / .95);animation:treino-tecla-aperta .9s ease-in-out infinite}@keyframes treino-tecla-aperta{40%{transform:translateY(0);border-bottom-width:5px}55%{transform:translateY(3px);border-bottom-width:2px;box-shadow:0 0 34px rgb(var(--treino-holo-rgb) / .85),inset 0 1px #fff3}75%{transform:translateY(0);border-bottom-width:5px}}.treino-gesto{position:relative;width:116px;height:116px}.treino-gesto-trilho{position:absolute;left:50%;top:50%;width:84px;height:4px;margin:-2px 0 0 -42px;border-radius:2px;background:linear-gradient(90deg,rgb(var(--treino-holo-rgb) / 0),var(--treino-holo));box-shadow:0 0 10px rgb(var(--treino-holo-rgb) / .8);transform:rotate(var(--gesto-angulo))}.treino-gesto-trilho:after{content:"";position:absolute;right:-2px;top:50%;width:14px;height:14px;border-top:4px solid var(--treino-holo);border-right:4px solid var(--treino-holo);transform:translateY(-50%) rotate(45deg)}.treino-gesto-dedo{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:radial-gradient(circle,#fff 0 34%,rgb(var(--treino-holo-rgb) / .55) 36%,rgb(var(--treino-holo-rgb) / 0) 72%);box-shadow:0 0 0 2px rgb(var(--treino-holo-rgb) / .8);animation:treino-gesto-desliza 1.1s cubic-bezier(.5,0,.3,1) infinite}@keyframes treino-gesto-desliza{0%{opacity:0;transform:rotate(var(--gesto-angulo)) translate(-34px) scale(.85)}15%{opacity:1}70%{opacity:1;transform:rotate(var(--gesto-angulo)) translate(34px) scale(1)}to{opacity:0;transform:rotate(var(--gesto-angulo)) translate(40px) scale(1)}}.treino-pausa-dica{position:absolute;left:clamp(92px,var(--slot-x, 50%),calc(100% - 92px));bottom:var(--slot-topo, 150px);width:max-content;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;animation:treino-pausa-chama 1s ease-in-out infinite}.treino-pausa-dica-destaque{animation:treino-pausa-chama-forte .7s ease-in-out infinite}.treino-pausa-dica .treino-tecla{min-width:52px;height:52px;font-size:24px;animation:none}.treino-pausa-dica:after{content:"";width:14px;height:14px;margin-top:-4px;border-right:4px solid var(--treino-holo);border-bottom:4px solid var(--treino-holo);transform:rotate(45deg);filter:drop-shadow(0 0 6px rgb(var(--treino-holo-rgb) / .9))}.treino-pausa-toque{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,#fff 0 22%,rgb(var(--treino-holo-rgb) / .5) 24%,rgb(var(--treino-holo-rgb) / 0) 70%);box-shadow:0 0 0 2px rgb(var(--treino-holo-rgb) / .85)}@keyframes treino-pausa-chama{50%{transform:translate(-50%) translateY(-5px)}}@keyframes treino-pausa-chama-forte{50%{transform:translate(-50%) translateY(-9px) scale(1.12);filter:drop-shadow(0 0 14px rgb(var(--treino-holo-rgb) / .9))}}.barra-agentes-slot-chamada .barra-agentes-icone{animation:treino-slot-pisca .8s ease-in-out infinite}@keyframes treino-slot-pisca{50%{filter:brightness(1.45) drop-shadow(0 0 12px var(--treino-holo))}}.hud-selo-treino{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 11px;border-radius:8px;font-family:var(--fonte-ui);font-size:max(var(--fonte-minima),clamp(.95rem,4vw,1.15rem));font-weight:var(--peso-titulo);letter-spacing:.24em;line-height:1;color:#e3eeff;background:#07041ab8;border:1.5px solid rgb(var(--treino-holo-rgb) / .8);box-shadow:0 0 16px rgb(var(--treino-holo-rgb) / .35);text-shadow:0 0 10px rgb(var(--treino-holo-rgb) / .8)}.hud-pausa-oculta{display:none}.hud-selo-treino-ponto{width:8px;height:8px;border-radius:50%;background:var(--treino-holo);box-shadow:0 0 8px var(--treino-holo);animation:treino-selo-ponto 1.4s ease-in-out infinite}@keyframes treino-selo-ponto{50%{opacity:.25}}.home-treino{margin-top:14px;font-size:max(var(--fonte-minima),.95rem);color:#cfe3ff;border-color:rgb(var(--treino-holo-rgb) / .75);padding:11px 34px;box-shadow:0 0 14px rgb(var(--treino-holo-rgb) / .25)}.home-treino:hover{box-shadow:0 0 22px rgb(var(--treino-holo-rgb) / .5)}.tela-treino-concluido{--treino-concluido-perto: 12px;--treino-concluido-longe: 28px;--treino-revela: calc(var(--treino-fade, .9s) * .35);--treino-traco-inicio: calc(var(--treino-revela) + .45s);--treino-traco-passo: .22s;padding-left:14px;padding-right:14px}.treino-concluido-titulo{color:#a9d3ff;text-shadow:0 0 18px rgb(var(--treino-holo-rgb) / .75),0 0 42px rgba(34,211,238,.35);animation:treino-concluido-entra .55s ease-out var(--treino-revela) backwards}.treino-aprendido{width:min(100%,500px);margin-bottom:var(--treino-concluido-longe);padding:14px 4px 16px;animation:treino-concluido-entra .5s ease-out calc(var(--treino-revela) + .2s) backwards}.treino-aprendido-titulo{margin:0 0 var(--treino-concluido-perto);font-size:max(var(--fonte-minima),clamp(.85rem,3.4vw,1rem));font-weight:var(--peso-forte);letter-spacing:.02em}.treino-aprendido-lista{--treino-icone: clamp(48px, 13.5vw, 64px);--treino-no: 10px;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none}.treino-aprendido-lista:before{content:"";position:absolute;left:10%;right:10%;top:calc(var(--treino-icone) + 8px + var(--treino-no) / 2 - 1px);height:2px;border-radius:1px;background:linear-gradient(90deg,rgb(var(--treino-holo-rgb)),var(--ciano));box-shadow:0 0 8px rgb(var(--treino-holo-rgb) / .8);transform-origin:left center;animation:treino-traco calc(var(--treino-traco-passo) * 4) linear var(--treino-traco-inicio) backwards}.treino-aprendido-item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;--treino-acende: calc(var(--treino-traco-inicio) + var(--i) * var(--treino-traco-passo))}.treino-aprendido-icone{display:grid;place-items:center;width:var(--treino-icone);height:var(--treino-icone);animation:treino-icone-acende .45s ease-out var(--treino-acende) backwards}.treino-aprendido-icone img,.treino-aprendido-comandos{width:100%;height:100%;object-fit:contain}.treino-aprendido-comandos{overflow:visible;filter:drop-shadow(0 0 4px rgba(34,211,238,.75))}.treino-aprendido-comandos-hex{fill:#22d3ee14;stroke:#22d3ee8c;stroke-width:2;stroke-linejoin:round}.treino-aprendido-comandos-setas{fill:none;stroke:#c9f7ff;stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round}.treino-aprendido-comandos-centro{fill:var(--ciano)}.treino-aprendido-no{position:relative;width:var(--treino-no);height:var(--treino-no);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--ciano);animation:treino-no-acende .4s ease-out var(--treino-acende) backwards}.treino-aprendido-rotulo{max-width:100%;font-size:var(--fonte-minima);font-weight:var(--peso-regular);line-height:1.2;color:#dfe5ff;animation:treino-concluido-entra .4s ease-out var(--treino-acende) backwards}.treino-concluido-continuar{animation:treino-concluido-entra .5s ease-out calc(var(--treino-revela) + .3s) backwards}.treino-concluido-veu{position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--fundo);opacity:0;animation:treino-concluido-veu var(--treino-fade, .9s) ease-in-out}@keyframes treino-concluido-veu{0%{opacity:0}35%{opacity:1}to{opacity:0}}@keyframes treino-concluido-entra{0%{opacity:0;transform:translateY(8px)}}@keyframes treino-traco{0%{transform:scaleX(0)}}@keyframes treino-icone-acende{0%{opacity:.35;filter:saturate(0) brightness(.55);transform:scale(.86)}70%{transform:scale(1.06)}}@keyframes treino-no-acende{0%{background:rgb(var(--treino-holo-rgb) / .35);transform:scale(.6)}60%{transform:scale(1.5)}}@media(prefers-reduced-motion:reduce){.treino-fala,.treino-card,.treino-dica,.treino-tecla,.treino-gesto-dedo,.treino-pausa-dica,.treino-pausa-dica-destaque,.barra-agentes-slot-chamada .barra-agentes-icone,.hud-selo-treino-ponto,.treino-concluido-titulo,.treino-aprendido,.treino-aprendido-lista:before,.treino-aprendido-icone,.treino-aprendido-no,.treino-aprendido-rotulo,.treino-concluido-continuar,.treino-concluido-veu{animation:none}}