.figura-missoes { margin: 35px 0 58px; border: 1px solid var(--tinta); break-inside: avoid; }
.painel-missoes { padding: 20px; background: #f8f7f3; }
.painel-topo { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid var(--tinta); background: #fff; font: bold 14px 'Courier New', monospace; letter-spacing: .08em; }
.painel-topo img, .painel-abas img, .etapa img { width: 21px; height: 21px; filter: grayscale(1) brightness(0); }
.painel-topo small { margin-left: auto; font-size: 10px; letter-spacing: 0; }
.painel-abas { display: flex; border: 1px solid var(--tinta); border-top: 0; background: #e9e5dc; }
.painel-abas span { display: flex; align-items: center; gap: 7px; padding: 8px 14px; border-right: 1px solid var(--tinta); font: bold 11px 'Courier New', monospace; }
.painel-abas span:first-child { background: #fff; box-shadow: inset 0 -3px #20211f; }
.etapas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.etapa { display: flex; flex-direction: column; min-height: 194px; border: 1px solid var(--tinta); padding: 13px; background: #fff; }
.etapa small { display: block; font: bold 10px 'Courier New', monospace; letter-spacing: .07em; }
.etapa-titulo { display: flex; align-items: center; gap: 7px; margin: 14px 0 9px; }
.etapa-titulo strong { font: bold 17px/1.1 Georgia, serif; }
.etapa p { margin: 0 0 12px; font: 11px/1.4 'Courier New', monospace; }
.etapa .estado { margin-top: auto; padding: 6px 7px; border: 1px solid var(--tinta); background: #e9e5dc; font: bold 10px/1.25 'Courier New', monospace; text-align: center; }
.etapa .resgate { margin-top: 5px; padding: 8px; border: 1px solid var(--tinta); background: #20211f; color: #fff; font: bold 11px 'Courier New', monospace; text-align: center; }
.etapa-marco { border-style: double; border-width: 3px; }
.painel-nota { margin: 12px 0 0; font: 10px/1.4 'Courier New', monospace; }
@media (max-width: 720px) { .painel-missoes { padding: 12px; } .painel-topo small { display: none; } .etapas { grid-template-columns: 1fr; } .etapa { min-height: 0; } .etapa-titulo { margin: 10px 0 6px; } }
@media print { .figura-missoes, .etapa { break-inside: avoid; } main > section { break-inside: auto; } main > section h2, main > section h3 { break-after: avoid; } .etapa .resgate { background: white; color: black; } }