/* Uma peça, muitas ideias e O que isso quer dizer? (2026-10-26) */
.cr{display:grid;gap:12px;max-width:760px;margin:0 auto}
.cr-convite{font-size:1.15rem;font-weight:700;text-align:center;margin:0;color:var(--roxo)}
.cr-quadro{display:grid;gap:10px}
.cr-area{position:relative;width:100%;aspect-ratio:4/3;background:#fff;border-radius:22px;border:3px solid var(--line);box-shadow:0 4px 0 var(--line);overflow:hidden;touch-action:none}
.cr-area canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}
.cr-tracos{cursor:crosshair}
.cr-linha{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}
.cr-bt{min-height:48px;min-width:48px;padding:6px 14px;border-radius:16px;border:2px solid var(--line);background:var(--card);font-weight:700;font-size:.95rem;color:var(--texto,#3F3A4A)}
.cr-bt.on{border-color:var(--roxo);background:#EFE7FB}
.cr-cor{width:38px;height:38px;border-radius:50%;border:3px solid #fff;background:var(--c);box-shadow:0 0 0 2px var(--line)}
.cr-cor.on{box-shadow:0 0 0 4px var(--roxo)}
.cr-tam i{display:block;width:var(--d);height:var(--d);border-radius:50%;background:currentColor}
.cr-confirma{background:#FFF6E0;border:2px solid #F2C94C;border-radius:16px;padding:10px 14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.cr-confirma p{margin:0;font-weight:700;width:100%;text-align:center}
.cr-pista{min-height:1.4em;margin:0;text-align:center;font-weight:600;color:#6B4FA0}
.cr-dica{margin:0;text-align:center;color:var(--muted,#6B6478);font-size:.95rem}
.cr-acoes{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.cr-previa{width:min(420px,100%);margin:0 auto;border-radius:18px;border:3px solid var(--line);background:#fff}
.cr-legenda{text-align:center;font-weight:700;margin:0}
.cr-rotulo{font-weight:700;font-size:1.1rem;text-align:center}
.cr-nome input{font-size:1.1rem;padding:12px 16px;border-radius:14px;border:2px solid var(--line);width:min(420px,100%);margin:0 auto}
.cr-lado{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.cr-lado figure{margin:0;display:grid;gap:6px;justify-items:center;background:var(--card);border:2px solid var(--line);border-radius:18px;padding:10px}
.cr-lado img{width:100%;border-radius:12px;background:#fff}
.cr-lado figcaption{font-weight:700}
.cr.cr-ampliado{position:fixed;inset:0;z-index:60;max-width:none;background:var(--bg,#FFF9EE);padding:12px;overflow:auto;align-content:start}
.cr.cr-ampliado .cr-area{width:min(100%,calc((100vh - 250px) * 4 / 3));margin:0 auto}
body.cr-sem-rolar{overflow:hidden}

.ex{display:grid;gap:14px;max-width:680px;margin:0 auto}
.ex-historia{background:var(--card);border:2px solid var(--line);border-radius:22px;padding:16px 18px;font-size:1.15rem;line-height:1.5;margin:0}
.ex-historia mark{background:#FFF0B3;border-radius:6px;padding:0 3px;font-weight:700}
.ex-pergunta{font-weight:800;font-size:1.15rem;margin:0;text-align:center;color:var(--roxo)}
.ex-ops{display:grid;gap:10px}
.ex-op{min-height:60px;padding:12px 18px;border-radius:18px;border:3px solid var(--line);background:var(--card);font-size:1.08rem;font-weight:700;text-align:left;box-shadow:0 4px 0 var(--line);color:var(--texto,#3F3A4A)}
.ex-op.certa{border-color:var(--ok,#4E9752);background:#E8F6E9}
.ex-op.tentou{opacity:.6}
.ex-op.dica{border-color:#F2C94C;box-shadow:0 0 0 4px #FFE9A3}
.ex-ajudas{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.ex-retorno{background:#F3EDFC;border-radius:18px;padding:14px 16px;font-size:1.05rem;line-height:1.45;margin:0}
.ex-retorno b{display:block;margin-bottom:4px}
.ex textarea{width:100%;font-size:1.05rem;padding:12px;border-radius:14px;border:2px solid var(--line);font-family:inherit}
.ex-lista{display:grid;gap:8px;padding:0;margin:0;list-style:none}
.ex-lista li{background:var(--card);border:2px solid var(--line);border-radius:14px;padding:10px 14px}

/* Tico Muda a Regra, revisão de 2026-10-26 */
.mr{display:grid;gap:12px;max-width:720px;margin:0 auto}
.mr-topo{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mr-titulo{margin:0;text-align:center;font-size:1.3rem}
.mr-texto{margin:0;font-size:1.12rem;line-height:1.5;background:var(--card);border:2px solid var(--line);border-radius:20px;padding:14px 16px}
.mr-pergunta{margin:0;font-weight:800;font-size:1.15rem;text-align:center;color:var(--roxo)}
.mr-mudou{margin:0;background:#FFF6E0;border:2px solid #F2C94C;border-radius:18px;padding:12px 14px;font-size:1.05rem}
.mr-ops{display:grid;gap:10px}
.mr-ops.com-fig{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-auto-rows:1fr}
.mr-op{display:grid;gap:8px;justify-items:center;align-content:center;min-height:64px;padding:12px 16px;border-radius:20px;border:3px solid var(--line);background:var(--card);box-shadow:0 4px 0 var(--line);font-size:1.08rem;font-weight:700;color:var(--texto,#3F3A4A);text-align:center}
.mr-ops.so-texto .mr-op{justify-items:start;text-align:left}
.mr-op img{width:96px;height:96px;object-fit:contain;border-radius:14px}
.mr-op.vista{border-style:dashed}
.mr-ops.respondida .mr-op:not(.escolhida){opacity:.45}
.mr-op.escolhida{border-color:var(--roxo);box-shadow:0 0 0 4px #E4D8F7}
.mr-outro{grid-template-columns:auto 1fr;justify-items:start;text-align:left;background:#FFF8DB;border-color:#F2C94C;box-shadow:0 4px 0 #E2C15A}
.mr-outro b{display:block}
.mr-lampada{display:flex}.mr-outro[hidden]{display:none}
.mr-devolutiva{border-radius:18px;padding:14px 16px;font-size:1.05rem;line-height:1.45;border:2px solid var(--line);background:var(--card)}
.mr-devolutiva b{display:block;margin-bottom:4px;font-size:1.1rem}
.mr-devolutiva p{margin:4px 0}
.mr-devolutiva ul{margin:6px 0 0;padding-left:20px}
.mr-devolutiva.bom{background:#E8F6E9;border-color:#9BD3A0}
.mr-devolutiva.limite{background:#FFF6E0;border-color:#F2C94C}
.mr-devolutiva.nao{background:#FDECEC;border-color:#F0A8A8}
.mr-devolutiva.reflexao{background:#F3EDFC;border-color:#CDB8EE}
.mr-acoes{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}
.mr-acoes .btn.bloco{flex-basis:100%}
.mr-rotulo{font-weight:800;display:block;margin-top:6px}
.mr-campo{display:flex;gap:8px;align-items:stretch}
.mr-campo textarea{flex:1;font-size:1.05rem;padding:12px;border-radius:14px;border:2px solid var(--line);font-family:inherit}
.mr-mic{min-width:56px;border-radius:16px;border:2px solid var(--line);background:var(--card);display:grid;place-items:center}
.mr-mic.ouvindo{border-color:#E5483D;background:#FDECEC}
.mr-aviso{margin:0;font-weight:700;color:#8A5A00;text-align:center}
.mr-outras{margin:10px 0 0}