.figura-habilidades { margin: 35px 0 58px; border: 1px solid var(--tinta); break-inside: avoid; }
.habilidades-esquema { padding: 24px; background: #f8f7f3; text-align: center; }
.pontos-centro { display: grid; justify-items: center; gap: 5px; width: min(100%, 320px); margin: 0 auto; padding: 16px; border: 2px double var(--tinta); background: white; }
.pontos-centro img { width: 28px; height: 28px; filter: grayscale(1) brightness(0); }
.pontos-centro span, .pontos-centro small, .dois-modos small { font: bold 10px 'Courier New', monospace; letter-spacing: .08em; }
.pontos-centro strong { font: bold 20px Georgia, serif; }
.setas-esquema { display: flex; justify-content: space-around; font: 26px Georgia, serif; line-height: 1.5; }
.dois-modos { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; text-align: left; }
.dois-modos > div { min-height: 135px; padding: 16px; border: 1px solid var(--tinta); background: white; }
.dois-modos strong { display: block; margin-top: 12px; font: bold 23px Georgia, serif; }
.dois-modos strong span { font-size: 15px; font-weight: normal; }
.dois-modos p { margin: 10px 0 0; font: 12px/1.5 'Courier New', monospace; }
@media (max-width: 720px) { .dois-modos { grid-template-columns: 1fr; } .setas-esquema { display: none; } .dois-modos { margin-top: 14px; } }
@media print { .figura-habilidades, .dois-modos > div { break-inside: avoid; } }

.icone-habilidade { display: inline-block; width: 19px; height: 19px; margin-right: 7px; vertical-align: -4px; }

.tabela-niveis { min-width: 850px; table-layout: fixed; font-size: 10px; font-variant-numeric: tabular-nums; }
.tabela-niveis caption { text-align: left; font: 11px/1.4 'Courier New', monospace; margin-bottom: 8px; }
.tabela-niveis th, .tabela-niveis td { padding: 8px 4px; text-align: center; white-space: nowrap; }
.tabela-niveis th:first-child { width: 18%; text-align: left; white-space: normal; overflow-wrap: anywhere; }
.tabela-niveis th:nth-child(2), .tabela-niveis td:nth-child(2) { width: 15%; white-space: normal; overflow-wrap: anywhere; }
.tabela-niveis thead th:nth-child(n+3) { background: #e6e6e6; }
.tabela-niveis thead th:nth-child(2n+3) { background: #cecece; }
.tabela-niveis tbody td:nth-child(2n+3) { background: #ededed; }
@media print { .tabela-niveis { min-width: 0; font-size: 8px; } .tabela-niveis th, .tabela-niveis td { padding: 6px 2px; } }
@media print { #valores-combate, #valores-economia { break-before: page; margin-top: 0; } }