/* Manual do Comando (área do time). Usa as variáveis de site.css; nada aqui altera as outras páginas. */

.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mn-sec{padding-bottom:clamp(72px,10vw,136px);min-height:clamp(420px,62vh,640px)}

/* estrutura: índice à esquerda, aula à direita */
.mn{display:grid;grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start}
.mn-side{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;padding:18px 16px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
.mn-side::-webkit-scrollbar{width:6px}
.mn-side::-webkit-scrollbar-thumb{background:var(--line-2)}
.mn-side::-webkit-scrollbar-thumb:hover{background:var(--accent-line)}
.mn-toggle{display:none}
.mn-side-body{display:grid;gap:16px}
.mn-main{min-width:0;outline:none}

/* a tela de entrada (Discord e senha do time) usa os estilos .gate-* de site.css, iguais aos do /elenco */
.mn-quem{margin:0;color:var(--muted);font-size:.95rem;overflow-wrap:anywhere}
.mn-sync{margin:-8px 0 0;color:var(--faint);font-size:.84rem;line-height:1.45}
.mn-sync.ruim{color:var(--signal)}

/* progresso e busca */
.mn-prog{display:grid;gap:8px}
.mn-prog-l{display:flex;align-items:center;gap:12px}
.mn-prog p{margin:0;color:var(--muted);font-size:.95rem}
.mn-prog strong{color:var(--fg);font-family:var(--display)}
.mn-busca input{width:100%;min-height:46px;padding:10px 14px 10px 40px;background:rgba(10,13,11,.74) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232ad46b' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 13px 50%/17px no-repeat;color:var(--fg);border:1px solid var(--line-2);border-radius:0;font:400 .98rem var(--body);-webkit-appearance:none;appearance:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.mn-busca input:focus{outline:0;border-color:var(--accent-hi);box-shadow:inset 3px 0 0 var(--accent-hi),0 0 0 3px rgba(42,212,107,.14)}

/* índice */
.mn-indice{display:grid;gap:0;border-top:1px solid var(--line)}
.mn-indice details{border-bottom:1px solid var(--line)}
.mn-indice summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:6px 4px;cursor:pointer;list-style:none;font:700 .98rem/1.25 var(--display);color:var(--fg)}
.mn-indice summary::-webkit-details-marker{display:none}
.mn-indice summary small{flex:none;font:600 .8rem var(--body);color:var(--faint)}
.mn-indice summary>span{display:inline-flex;align-items:center;gap:9px}
.mn-indice summary .ic{width:18px;height:18px;color:var(--accent-hi)}
.mn-indice summary::after{content:'';flex:none;width:7px;height:7px;border:solid var(--muted);border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .3s var(--ease)}
.mn-indice details[open]>summary::after{transform:rotate(-135deg)}
.mn-indice ul{list-style:none;margin:0 0 10px;padding:0}
.mn-indice a{display:flex;align-items:flex-start;gap:10px;min-height:40px;padding:8px 8px;color:var(--muted);text-decoration:none;font:500 .93rem/1.3 var(--body);transition:color .2s var(--ease),background .2s var(--ease)}
.mn-indice a:hover{color:var(--fg);background:rgba(255,255,255,.04)}
.mn-indice a[aria-current="page"]{color:var(--fg);background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent-hi)}
.ck{position:relative;flex:none;width:16px;height:16px;margin-top:2px;border:1.5px solid var(--line-2);border-radius:3px}
.feita .ck{background:var(--accent);border-color:var(--accent)}
.feita .ck::after{content:'';position:absolute;left:4px;top:1.5px;width:4px;height:7px;border:solid #06140b;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* cabeçalhos das telas */
.mn-head{display:grid;gap:12px;margin-bottom:clamp(22px,3vw,34px)}
.mn-head h2{font-size:clamp(1.8rem,4vw,2.6rem)}
.mn-head .lead{margin:0}
.mig{margin:0 0 8px;font:600 .88rem var(--display);letter-spacing:.04em;color:var(--muted)}
.mig a{color:var(--accent-hi);text-underline-offset:3px}
.arte-orig{margin:0;color:var(--faint);font-size:.92rem}
.lic-tit{display:flex;align-items:center;gap:16px}
/* números da página inicial e da seção (anel + contadores) */
.mn-stats{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px}
.mn-stats .lead{flex:1 1 260px}
.stat{display:grid;gap:0}
.stat b{font:700 2.3rem/1 var(--display);font-variant-numeric:tabular-nums}
.stat span{color:var(--muted);font-size:.92rem}

/* peças com canto cortado, no mesmo desenho de site.css: --c é o corte, --b a borda e --fill o fundo */
.mn-card,.como li,.resumo,.cartao,.chips li,.b-regras>li,.b-aviso,.op,.q-placar,.q-final{clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%);background:
  linear-gradient(to top right,transparent calc(50% - 1px),var(--b) calc(50% - 1px) 50%,transparent 50%) 100% 0/var(--c) var(--c) no-repeat,
  var(--fill);box-shadow:inset 0 0 0 1px var(--b)}

/* cartões de seções e atalhos */
.mn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;list-style:none;margin:0;padding:0}
.mn-grid>li{min-width:0}
.mn-card{--c:14px;--b:var(--line);--fill:linear-gradient(160deg,rgba(26,34,29,.9),rgba(12,16,14,.92));display:grid;gap:10px;align-content:start;height:100%;padding:18px 20px;text-decoration:none;color:inherit;transition:box-shadow .4s var(--ease),transform .5s var(--ease)}
.mn-card:hover{--b:var(--accent-line);transform:translateY(-3px)}
.mn-card:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--accent-hi)}
.mn-card:hover .tile{transform:translateY(-3px) rotate(-6deg)}
.mn-card h3{margin:0;font:700 1.15rem/1.2 var(--display)}
.mn-card p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:.95rem;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mn-card small{color:var(--faint);font-size:.85rem}
.mn-card-pe{display:flex;align-items:center;gap:10px;margin-top:2px}
.mn-card.destaque{--b:var(--accent-line);--fill:radial-gradient(circle at 86% 14%,rgba(42,212,107,.2),transparent 60%),linear-gradient(160deg,rgba(24,40,30,.94),rgba(11,18,14,.94))}
.mn-h3{margin:clamp(28px,4vw,44px) 0 14px;font:700 1.2rem var(--display)}
.como{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.como li{--c:12px;--b:var(--line);--fill:rgba(16,21,18,.72);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:14px 16px;color:var(--fg);font-size:.97rem}
.mn-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}

/* lista de aulas de uma seção e resultado de busca */
.mn-aulas{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.mn-aulas a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;padding:16px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background .4s var(--ease)}
.mn-aulas a:hover{background:linear-gradient(90deg,var(--accent-soft),transparent 70%)}
.mn-aulas .ck{margin-top:5px}
.mn-aulas strong{font:700 1.08rem/1.25 var(--display)}
.mn-aulas span.d{grid-column:2;color:var(--muted);font-size:.95rem}
.mn-aulas span.s{grid-column:2;color:var(--faint);font-size:.85rem}
.mn-aulas mark{background:rgba(11,173,75,.28);color:var(--fg);padding:0 2px;border-radius:2px}

/* aula */
.resumo{--c:16px;--b:var(--accent-line);--fill:linear-gradient(160deg,rgba(24,40,30,.72),rgba(11,173,75,.07));margin:0 0 clamp(24px,3.4vw,36px);padding:18px 22px}
.resumo .rot{display:flex;align-items:center;gap:8px;margin:0;font:400 .8rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-hi)}
.resumo .rot .ic{width:20px;height:20px}
.resumo ul{margin:10px 0 0;padding-left:1.15rem;display:grid;gap:6px}
.b{margin-top:clamp(24px,3.4vw,38px)}
.b-tit{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:700 1.2rem/1.2 var(--display)}
.b-tit .ic{width:24px;height:24px;color:var(--accent-hi)}
.tom-x .b-tit .ic{color:var(--signal)}
.b-texto{margin:0;max-width:68ch}
.b-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.b-lista li{position:relative;padding-left:24px}
.b-lista li::before{content:'';position:absolute;left:3px;top:.62em;width:6px;height:6px;background:var(--accent);transform:rotate(45deg)}
.b-lista.ok li::before{left:5px;top:.28em;width:6px;height:11px;background:none;border:solid var(--accent-hi);border-width:0 2px 2px 0;transform:rotate(45deg)}
.b-lista.x li::before{content:'\00d7';left:2px;top:-.1em;width:auto;height:auto;background:none;color:var(--signal);font:700 1.4rem/1.2 var(--body);transform:none}

/* passos numerados */
.b-passos{list-style:none;margin:0;padding:0;counter-reset:p;border-top:1px solid var(--line)}
.b-passos>li{counter-increment:p;display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 16px;padding:18px 0;border-bottom:1px solid var(--line)}
.b-passos>li::before{content:counter(p);grid-row:1/span 6;display:grid;place-items:center;width:36px;height:36px;background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent-line);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);font:700 1rem var(--display);color:var(--accent-hi)}
.b-passos>li>*{grid-column:2;margin:0}
.b-passos strong{font:700 1.08rem/1.25 var(--display)}
.b-passos p{color:var(--muted)}
.b-passos ul{margin:6px 0 0;padding-left:1.1rem;display:grid;gap:4px;color:var(--fg)}
.gatilho{margin-top:8px!important;padding:10px 14px;border-left:3px solid var(--accent);background:var(--accent-soft);font-size:.95rem}
.gatilho b{color:var(--accent-hi)}

/* cartões, tabela, chips, citações */
.t-cards .grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.cartao{--c:12px;--b:var(--line);--fill:linear-gradient(160deg,rgba(26,34,29,.86),rgba(14,18,16,.9));padding:16px 18px}
.cartao h4{margin:0 0 8px;font:700 1.05rem/1.25 var(--display)}
.cartao p{margin:0;color:var(--muted);font-size:.97rem}
.cartao ul{margin:0;padding-left:1.1rem;display:grid;gap:5px;color:var(--muted);font-size:.97rem}
.tbl{overflow-x:auto;border:1px solid var(--line);-webkit-overflow-scrolling:touch}
.tbl table{width:100%;border-collapse:collapse;font-size:.97rem}
.tbl th,.tbl td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.tbl thead th{background:var(--surface);font:700 .85rem var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tbl tbody th{font:700 1rem var(--display);white-space:nowrap}
.tbl tbody tr:last-child>*{border-bottom:0}
.tbl.largo table{min-width:620px}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.chips li{--c:8px;--b:var(--line-2);--fill:var(--surface);padding:7px 14px 7px 12px;font-size:.95rem}
.b-fala-q{margin:10px 0 0;padding:14px 18px;border-left:3px solid var(--accent);background:var(--accent-soft);font-style:italic}
.b-frase-q{margin:clamp(28px,4vw,44px) 0 0;text-align:center;font:700 clamp(1.1rem,2vw,1.4rem)/1.3 var(--display);color:var(--accent-hi);text-wrap:balance}
.b-frase-q .ic{display:block;width:30px;height:30px;margin:0 auto 8px;opacity:.7}
.b-aviso{--c:12px;--b:var(--line-2);--fill:rgba(18,22,20,.8);display:flex;align-items:flex-start;gap:12px;padding:14px 18px 14px 20px;box-shadow:inset 3px 0 0 var(--ouro),inset 0 0 0 1px var(--b)}
.b-aviso>.ic{width:26px;height:26px;margin-top:1px;color:var(--ouro)}
.b-aviso strong{display:block;margin-bottom:4px;font:700 1.02rem var(--display)}
.b-aviso p{margin:0;color:var(--muted)}
.b-fluxo{display:flex;flex-wrap:wrap;gap:12px 22px;list-style:none;margin:0;padding:0}
.b-fluxo li{position:relative;padding:10px 14px;border:1px solid var(--line-2);background:var(--surface);font-size:.95rem}
.b-fluxo li:not(:last-child)::after{content:'';position:absolute;right:-14px;top:50%;width:8px;height:8px;border:solid var(--accent);border-width:2px 2px 0 0;transform:translateY(-50%) rotate(45deg)}
.b-regras{list-style:none;margin:0;padding:0;counter-reset:r;display:grid;gap:10px}
/* só a regra conta na numeração (">"): as etiquetas de onde ela vem ficam fora da conta */
.b-regras>li{--c:12px;--b:var(--line);--fill:rgba(18,22,20,.8);counter-increment:r;display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 14px;padding:14px 16px}
.b-regras>li::before{content:counter(r,decimal-leading-zero);grid-row:1/span 2;font:700 1.3rem/1.1 var(--display);font-variant-numeric:tabular-nums;color:var(--accent-hi)}
.b-regras .r{margin:0;font-weight:700}
.b-regras .f{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.b-regras .f li{display:block;padding:2px 9px;border:1px solid var(--line-2);font-size:.8rem;color:var(--faint)}

/* teste rápido */
.quiz{margin-top:clamp(32px,4.4vw,52px);padding:clamp(18px,3vw,28px);display:grid;gap:18px}
.quiz .b-tit{margin:0}
.quiz .nota-q{margin:2px 0 0;color:var(--muted);font-size:.95rem}
.q-topo{display:flex;align-items:center;gap:14px}
.q-topo>div{flex:1;min-width:0}
/* um cartucho por pergunta: verde acertou, vermelho errou */
.q-pontos{display:flex;flex-wrap:wrap;gap:5px;max-width:40%}
.q-pontos i{width:9px;height:16px;border:1px solid var(--line-2);border-radius:5px 5px 1px 1px;background:var(--surface-2);transition:background .3s var(--ease),transform .4s var(--ease),box-shadow .3s var(--ease)}
.q-pontos i.ok{border-color:var(--accent-hi);background:var(--accent-hi);box-shadow:0 0 8px rgba(42,212,107,.6);transform:scale(1.15)}
.q-pontos i.no{border-color:var(--signal);background:var(--signal);transform:scale(1.15)}
.q{display:grid;gap:10px}
.q-p{display:flex;align-items:baseline;gap:10px;margin:0;font-weight:700}
.q-n{display:grid;place-items:center;flex:none;width:28px;height:28px;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);color:var(--accent-hi);font:700 .9rem var(--display);transform:translateY(-2px)}
.q-ops{display:grid;gap:8px}
.op{--c:10px;--b:var(--line-2);--fill:var(--surface);display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 14px;text-align:left;border:0;color:var(--fg);font:500 1rem/1.35 var(--body);cursor:pointer;transition:box-shadow .25s var(--ease),transform .2s var(--ease)}
.op:hover:not(:disabled){--b:var(--accent-line);--fill:var(--surface-2);transform:translateX(4px)}
.op:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--accent-hi)}
.op:active:not(:disabled){transform:scale(.99)}
.op:disabled{cursor:default;opacity:.85}
.op .letra{display:grid;place-items:center;flex:none;width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--line-2);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);font:700 .95rem var(--display);color:var(--muted)}
.op-t{flex:1;min-width:0}
.op .op-ic{width:22px;height:22px}
.op.ok{--b:var(--accent);--fill:rgba(11,173,75,.16);opacity:1;animation:acerto .5s var(--ease)}
.op.ok .letra{box-shadow:none;background:var(--accent);color:#06140b}
.op.ok .op-ic{color:var(--accent-hi)}
.op.no{--b:var(--signal);--fill:rgba(228,87,46,.14);opacity:1;animation:erro .45s ease}
.op.no .letra{box-shadow:none;background:var(--signal);color:#fff}
.op.no .op-ic{color:var(--signal)}
@keyframes acerto{40%{transform:scale(1.03)}}
@keyframes erro{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
.q-placar{--c:14px;--b:var(--line-2);--fill:var(--surface);display:flex;align-items:center;gap:18px;padding:14px 18px}
.q-placar.tudo{--b:var(--accent-line);--fill:var(--accent-soft)}
.q-placar .q-final{flex:1;margin:0;padding:0;clip-path:none;background:none;box-shadow:none}
.q-exp{margin:0;padding:10px 14px;border-left:3px solid var(--line-2);color:var(--muted);font-size:.95rem}
.q-exp.certo{border-left-color:var(--accent)}
.q-exp.errado{border-left-color:var(--signal)}
.q-exp b{color:var(--fg)}
.q-final{--c:10px;--b:var(--accent-line);--fill:var(--accent-soft);margin:0;padding:12px 16px;font-weight:700}

/* rodapé da aula */
.lic-fim{display:grid;justify-items:start;gap:14px;margin-top:clamp(28px,4vw,44px);padding-top:22px;border-top:1px solid var(--line)}
.lic-fim .lic-nav{justify-self:stretch}
.lic-fim .ultimo{margin:0;color:var(--faint);font-size:.92rem}
.lic-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.btn.feito{--b:var(--accent-line);--fill:var(--accent-soft);animation:carimbo .5s var(--ease)}
@keyframes carimbo{40%{transform:scale(1.07)}}
.btn .btn-i svg.volta{transform:none}

/* movimento reduzido: sai só o que se mexe (deslize, sacudida, carimbo); cor, luz e barras continuam */
@media (prefers-reduced-motion:reduce){
  .mn-card:hover,.mn-card:hover .tile,.op:hover:not(:disabled),.op:active:not(:disabled),.q-pontos i.ok,.q-pontos i.no{transform:none}
  .op.ok,.op.no,.btn.feito{animation:none}
}

/* celular e tablet (até 820px): índice vira painel recolhível; textos corridos ficam à esquerda para ler melhor */
@media (max-width:820px){
  .mn{grid-template-columns:1fr}
  .mn-side{position:relative;top:auto;max-height:none;overflow:visible} /* relative (não static): os cantos verdes do quadro ficam presos ao índice */
  .mn-toggle{display:inline-flex;width:100%;justify-content:center;padding:5px 18px}
  .mn-side-body{display:none;margin-top:14px}
  .mn-side.open .mn-side-body{display:grid}
  .mn-head,.mig,.arte-orig{text-align:center}
  .mn-head .lead{margin-inline:auto}
  .mn-acoes,.lic-nav{justify-content:center}
  .mn-acoes .btn,.lic-nav .btn,.lic-fim .btn{width:min(100%,320px);justify-content:center}
  .lic-fim{justify-items:center;text-align:center}
  .como{grid-template-columns:1fr}
  .b-tit,.lic-tit,.mn-stats{justify-content:center}
  .b-tit{text-align:center}
  .mn-stats .lead{flex-basis:100%;text-align:center}
  .q-topo{flex-wrap:wrap;justify-content:center;text-align:center}
  .q-pontos{max-width:none;justify-content:center}
  .q-placar{flex-direction:column;text-align:center}
  .mn-card-pe{justify-content:center}
  .b-fluxo{flex-direction:column;align-items:stretch;gap:20px}
  .b-fluxo li{text-align:center}
  .b-fluxo li:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-14px;transform:translateX(-50%) rotate(135deg)}
  .mn-card{text-align:center}
  /* tabelas largas viram um cartão por linha */
  .tbl.largo{overflow:visible;border:0}
  .tbl.largo table{min-width:0}
  .tbl.largo thead{display:none}
  .tbl.largo table,.tbl.largo tbody,.tbl.largo tr,.tbl.largo th,.tbl.largo td{display:block;width:100%}
  .tbl.largo tr{margin-bottom:12px;border:1px solid var(--line);background:rgba(18,22,20,.8)}
  .tbl.largo tbody th{white-space:normal;background:var(--surface)}
  .tbl.largo th,.tbl.largo td{border-bottom:1px solid var(--line)}
  .tbl.largo tr>*:last-child{border-bottom:0}
  .tbl.largo td::before{content:attr(data-l);display:block;margin-bottom:2px;font:700 .72rem var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
  .b-passos>li{grid-template-columns:34px minmax(0,1fr);gap:4px 12px}
  .b-passos>li::before{width:32px;height:32px}
}