/* Rolagem (ROLAGEM.md): regras de evolucao. Carregado por último no index.html, ganha na cascata sem mexer nos CSS antigos. */
/* Detalhe do nó sem rolagem (T2): nada encolhe por baixo do botão; o meio troca de vista. Cores, fontes e bordas ficam com a
   pele (organismo-evolucao.css); aqui só a disposição. */
#upgrades-dialog #evolution-detail>*{flex:none}
#upgrades-dialog .tree-requires button{min-height:44px}
/* Veredito da previsão: até 2 linhas; "Ver a previsão" troca a descrição pelo texto inteiro. */
#upgrades-dialog .forecast-verdict span{grid-column:1}
#upgrades-dialog .forecast-verdict i{grid-column:2;grid-row:1/span 2;max-width:62px;text-align:right}
#upgrades-dialog .forecast-full i{position:absolute;right:8px;bottom:6px}
#upgrades-dialog .forecast-full>:nth-last-child(2){padding-right:48px}
/* Ruptura (PLAYTEST6): a primeira página leva à segunda, o que mudaria isto; a dica é mais longa que "Voltar". */
#upgrades-dialog .forecast-full.has-next>:nth-last-child(2){padding-right:80px}
#upgrades-dialog .forecast-full>*{display:block}
#upgrades-dialog .forecast-full>*+*{margin-top:3px}
/* Ruptura: o que continua depois da revelação (RUPTURA-PENDENCIAS.md). Recolhida, uma linha; aberta, a lista no lugar da descrição. */
#upgrades-dialog .rupture-carry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;row-gap:3px}
#upgrades-dialog .rupture-carry>:not(i){grid-column:1}
#upgrades-dialog .rupture-carry i{grid-column:2;grid-row:1;max-width:72px;text-align:right}