/* /js/jogos/tft/tft-aumentos.css -- tela "Aumentos" do TFT (mockup aprovado docs/mockups/tft/aumentos.html, 07/11/2026). Mesmo container (#tcmApp) e mesmas peças das telas
   Campeões, Itens e Traços (tft-campeoes.css, tft-itens-tracos.css): aqui só entra o que é novo. Letra mínima 15px (regra 18); tudo alinhado (regra 25);
   feixe de luz em `.tcm-feixe` (regra 20, public/artes/feixe-onda.css). */

/* cabeça: três losangos (os três aumentos que se escolhe a cada fase) */
#tcmApp .tcm-elo.tcm-hex{width:150px;height:70px}
#tcmApp .tcm-elo.tcm-hex i{width:60px;height:60px;border-radius:14px;transform:rotate(45deg)}
#tcmApp .tcm-elo.tcm-hex i:nth-child(1){left:0}
#tcmApp .tcm-elo.tcm-hex i:nth-child(2){left:44px;right:auto;border-color:rgba(227,179,65,.75);animation-delay:-1.2s}
#tcmApp .tcm-elo.tcm-hex i:nth-child(3){left:88px;right:auto;border-color:rgba(90,167,255,.75);animation-delay:-2.4s}

/* lista de aumentos: Aumento | Traços | O que faz */
#tcmApp .tcm-tab.tcm-tba{min-width:780px}
#tcmApp .tcm-tba th:nth-child(1),#tcmApp .tcm-tba td:nth-child(1){width:30%}
#tcmApp .tcm-tba th:nth-child(2),#tcmApp .tcm-tba td:nth-child(2){width:20%;font-family:inherit}
#tcmApp .tcm-tba th:nth-child(3),#tcmApp .tcm-tba td:nth-child(3){width:50%;font-family:inherit}
#tcmApp .tcm-tba td{vertical-align:top}
#tcmApp .tcm-tba .tcm-efeito{color:var(--t-mid,#c3aeab);overflow-wrap:anywhere}
#tcmApp .tcm-ia{display:flex;gap:12px;align-items:center;min-width:0}
#tcmApp .tcm-ia b{min-width:0;overflow-wrap:anywhere;white-space:normal}
#tcmApp .tcm-trs{display:flex;gap:6px;flex-wrap:wrap}
#tcmApp .tcm-tr{border:1px solid var(--tcm-line-hi);border-radius:999px;padding:2px 10px;font-size:15px;background:rgba(255,255,255,.05)}
#tcmApp .tcm-vz{color:var(--t-low,#a08c89)}