/* Tocador dos testes restritos (assets/restrito_player.js) — portal e prévia da Biblioteca */
.rt{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px;-webkit-user-select:none;user-select:none}
.rt h1{margin:0}
.rt-instr{width:100%;height:auto;background:#fff;border:1px solid var(--borda);border-radius:12px}
.rt-como{background:var(--lilas-1,#ede9fe);border-radius:12px;padding:12px 14px;color:var(--roxo-3)}
.rt-como p{margin:6px 0 0}
.rt-topo{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:3;background:var(--fundo,#faf9ff);padding:8px 0}
.rt-tempo{font-variant-numeric:tabular-nums;font-weight:700;font-size:20px;color:var(--roxo-3);background:#fff;border:1px solid var(--borda);border-radius:10px;padding:4px 12px}
.rt-tempo.rt-pouco{color:#b91c1c;border-color:#fca5a5}
.rt-matriz{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:8px}
.rt-matriz img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 400px);min-height:180px;margin:0 auto;object-fit:contain} /* matriz + opções na mesma tela, sem rolar */
.rt-ops{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.rt-op{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border:3px solid transparent;border-radius:12px;padding:6px;cursor:pointer;touch-action:manipulation}
.rt-op:focus-visible{outline:2px solid var(--roxo)}
.rt-op.rt-sel{border-color:var(--roxo);background:var(--lilas-1,#ede9fe)}
.rt-op:disabled{opacity:.6;cursor:wait}
.rt-letra{font-weight:700;font-size:18px;color:var(--roxo-3)}
.rt-op-img{width:auto;max-width:100%;height:auto;max-height:16vh;display:block}
.rt-dica{margin:0;text-align:center;color:var(--legenda,#6b7280);font-size:14px}
.rt-ok{background:#ecfdf5;color:#065f46;border-radius:12px;padding:12px 14px;font-weight:600}
.rt-erro{background:#fef2f2;color:#991b1b;border-radius:12px;padding:12px 14px}
@media (max-width:520px){.rt-ops{gap:6px}.rt-op{padding:3px;border-width:2px}.rt-letra{font-size:15px}}
.rt-h{text-align:center;margin:0;font-size:18px}
.rt-p{margin:0;line-height:1.55;text-indent:1.5em;text-align:justify;hyphens:auto}
.rt-exemplo{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.rt-exemplo > b{text-align:center}
.rt-exemplo .rt-matriz img{max-height:none;min-height:0;max-width:min(100%,460px)}
.rt-exemplo .rt-ops{max-width:460px;margin:0 auto;width:100%}
.rt-op-ex{cursor:default}

/* d2-R (26/09/2026): página, grade 10 colunas, símbolo com traços, risco, aviso amarelo, barra de progresso cinza */
.d2-pag{position:relative;background:#fff;border:1px solid var(--borda);border-radius:12px;padding:16px 14px 18px;display:flex;flex-direction:column;gap:12px}
.d2-pag h1{margin:0}
.d2-pag p{margin:0;line-height:1.55}
.d2-pag ul{margin:0;padding-left:22px;line-height:1.55}
.d2-quadro{border:1px solid var(--borda);padding:8px 10px;border-radius:6px}
.d2-faixa{align-self:flex-end;background:#7aa22c;color:#fff;font-weight:700;font-size:13px;padding:4px 14px;border-radius:2px}
.d2-acoes{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.d2-grade{position:relative;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;max-width:620px;width:100%;margin:0 auto}
.d2-linha-ex{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.d2-cel{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1.05;min-height:44px;background:linear-gradient(#f4f4f4,#dcdcdc);border:1px solid #bdbdbd;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.15);padding:0;cursor:pointer;touch-action:manipulation;color:#222}
.d2-cel-ex{width:46px;cursor:default}
.d2-cel:disabled{cursor:default}
.d2-cel:focus-visible{outline:2px solid var(--roxo)}
.d2-verde{border:3px solid #7aa22c}
.d2-erro{border:3px solid #dc2626}
.d2-risco::after{content:"";position:absolute;left:14%;right:14%;top:50%;border-top:2px solid #222;transform:rotate(-35deg)}
.d2-sim{display:flex;flex-direction:column;align-items:center;line-height:1;font-family:"Courier New",Courier,monospace}
.d2-sim b{font-size:22px;font-weight:400;line-height:.95}
.d2-tr{display:flex;gap:4px;height:8px;align-items:center;justify-content:center}
.d2-tr i{display:block;width:2px;height:7px;background:#222}
.d2-aviso{position:absolute;left:4%;right:4%;top:6px;z-index:5;background:#e5d74a;border:1px solid #c9b92c;box-shadow:0 4px 14px rgba(0,0,0,.25);padding:14px 16px;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}
.d2-aviso p{margin:0}
.d2-barra{height:8px;background:#eee;border:1px solid #d4d4d4;border-radius:2px;max-width:620px;width:100%;margin:0 auto;overflow:hidden}
.d2-barra i{display:block;height:100%;background:#a3a3a3;width:0}
.d2-barra i.d2-p0{width:0%}
.d2-barra i.d2-p1{width:5%}
.d2-barra i.d2-p2{width:10%}
.d2-barra i.d2-p3{width:15%}
.d2-barra i.d2-p4{width:20%}
.d2-barra i.d2-p5{width:25%}
.d2-barra i.d2-p6{width:30%}
.d2-barra i.d2-p7{width:35%}
.d2-barra i.d2-p8{width:40%}
.d2-barra i.d2-p9{width:45%}
.d2-barra i.d2-p10{width:50%}
.d2-barra i.d2-p11{width:55%}
.d2-barra i.d2-p12{width:60%}
.d2-barra i.d2-p13{width:65%}
.d2-barra i.d2-p14{width:70%}
.d2-barra i.d2-p15{width:75%}
.d2-barra i.d2-p16{width:80%}
.d2-barra i.d2-p17{width:85%}
.d2-barra i.d2-p18{width:90%}
.d2-barra i.d2-p19{width:95%}
.d2-barra i.d2-p20{width:100%}
@media (max-width:520px){.d2-grade{gap:3px}.d2-cel{min-height:34px;border-radius:4px}.d2-sim b{font-size:16px}.d2-tr{height:6px;gap:3px}.d2-tr i{height:5px;width:1.5px}}
.d2-grade:has(.d2-aviso){min-height:230px;align-content:start}
/* d2-R 26/09 (vídeo do online): linha inativa esmaecida, dica embaixo da grade, quadros de alvos/distratores, rodapé */
.d2-cel.d2-apagado{opacity:.4;cursor:default}
.d2-dica{margin:0;text-align:center;font-size:13px;color:var(--legenda,#6b7280);min-height:1.2em}
.d2-caixa{display:flex;justify-content:center;gap:28px;padding:10px 18px;margin:4px auto;width:max-content;max-width:100%;flex-wrap:wrap}
.d2-caixa-verde{border:2px solid #7aa22c;border-radius:10px}
.d2-caixa-verm{border:2px dashed #9b3b46}
.d2-solto .d2-sim b{font-size:26px}
.d2-rodape{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.d2-rod-dica{font-size:13px;color:#9ca3af;text-align:center;flex:1}
@media (max-width:520px){.d2-rod-dica{display:none}.d2-caixa{gap:16px}}

/* BPA (08/10/2026): a folha inteira (20 × 20) numa página, sem relógio; risco vermelho por cima da figura */
.bp-pag{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:16px 14px 18px;display:flex;flex-direction:column;gap:12px}
.bp-pag.bp-fora{width:min(96vw,960px);position:relative;left:50%;transform:translateX(-50%);box-sizing:border-box}
.bp-pag h1{margin:0}
.bp-grade{display:flex;flex-direction:column;gap:6px;width:100%;max-width:max(520px,calc(100vh - 200px));margin:0 auto} /* a folha inteira cabe na altura da tela, sem rolar (como no papel) */
.bp-linha{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:5px;align-items:center}
.bp-linha.bp-aa{grid-template-columns:minmax(0,1fr) minmax(0,.9fr) repeat(20,minmax(0,1fr))}
.bp-fig{display:block;width:100%;height:auto}
.bp-cel{position:relative;display:block;padding:0;margin:0;border:0;background:none;cursor:pointer;line-height:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.bp-cel:disabled{cursor:default}
.bp-cel:focus-visible{outline:2px solid var(--roxo);outline-offset:1px}
.bp-risco::after{content:"";position:absolute;left:-12%;right:-12%;top:50%;border-top:3px solid #dc2626;transform:translateY(-50%) rotate(-45deg);pointer-events:none}
.bp-falta{outline:3px solid #16a34a;outline-offset:1px}
.bp-errado{outline:3px solid #dc2626;outline-offset:1px}
.bp-modelos{display:flex;gap:18px;justify-content:center;align-self:center;border:1px solid #222;padding:6px 14px}
.bp-modelos .bp-modelo{width:34px}
.bp-modelo{display:block;line-height:0}
.bp-seta{text-align:center;font-size:16px;line-height:1}
@media (max-width:520px){.bp-linha{gap:2px}.bp-grade{gap:3px}.bp-seta{font-size:11px}}

/* Escala / questionário (12/11/2026): uma frase por tela, opções em botões grandes */
.rt-barra { height: 6px; background: #ece7f5; border-radius: 99px; overflow: hidden; margin: 6px 0 18px; }
.rt-barra span { display: block; height: 100%; background: #7c3aed; border-radius: 99px; transition: width .2s; }
.rt-esc-frase { font-size: 1.2rem; line-height: 1.45; font-weight: 600; margin: 0 0 18px; min-height: 3.2em; }
.rt-esc-ops { display: flex; flex-direction: column; gap: 10px; }
.rt-esc-op { text-align: left; padding: 14px 16px; border: 2px solid #ddd6ee; border-radius: 12px; background: #fff; font: inherit; font-size: 1.02rem; color: inherit; cursor: pointer; min-height: 52px; }
.rt-esc-op:active { background: #f5f1fc; }
.rt-esc-op.rt-sel { border-color: #7c3aed; background: #f3ecff; font-weight: 600; }
.rt-esc-nav { display: flex; justify-content: space-between; gap: 10px; margin-top: 22px; }
