*{box-sizing:border-box}body{color:#2f261d;background:#f3f0e8;margin:0;font-family:Arial,Helvetica,sans-serif}main{width:min(1100px,100%);margin:0 auto;padding:32px 20px}h1{text-align:center;color:#3a2818;margin-bottom:32px;font-size:2.4rem}.lista-tropas{background:#fffaf0;border:1px solid #d8c4a4;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;padding:20px;display:grid;box-shadow:0 8px 20px #3e2b181f}.card-tropa{background:#fff;border:1px solid #e1d3bd;border-radius:14px;align-items:center;gap:14px;padding:14px;transition:transform .2s,box-shadow .2s;display:flex}.card-tropa:hover{transform:translateY(-3px);box-shadow:0 6px 14px #3e2b1829}.imagem-tropa{object-fit:contain;flex-shrink:0;width:56px;height:56px}.info-tropa{flex-direction:column;gap:8px;width:100%;display:flex}.info-tropa label{font-size:.95rem;font-weight:700}.info-tropa input{background:#fffdf8;border:1px solid #cbb99d;border-radius:8px;width:100%;padding:8px 10px;font-size:1rem}.info-tropa input:focus{border-color:#b8894d;outline:2px solid #b8894d}.botoes{justify-content:center;gap:12px;margin:28px 0;display:flex}.botoes button{cursor:pointer;border:none;border-radius:999px;padding:12px 26px;font-size:1rem;font-weight:700;transition:transform .2s,opacity .2s}.botoes button:hover{opacity:.9;transform:translateY(-2px)}.botao-calcular{color:#fff;background:#8b5e2e}.botao-limpar{color:#3a2818;background:#d9c7aa}.resultado{background:#fffaf0;border:1px solid #d8c4a4;border-radius:16px;margin-top:24px;padding:28px;box-shadow:0 8px 20px #3e2b181f}.resultado h2{text-align:center;color:#2f1b0c;margin:0 0 28px;font-size:1.9rem}.resultado h3{color:#8b5e2e;border-bottom:1px solid #d8c4a4;margin:24px 0 14px;padding-bottom:8px;font-size:1.2rem}.resultado-item{background:#fff;border:1px solid #eadcc8;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;max-width:420px;margin:10px auto;padding:10px 14px;display:flex}.resultado-info{align-items:center;gap:10px;display:flex}.icone-resultado{object-fit:contain;flex-shrink:0;width:24px;height:24px}.resultado-info span{color:#2f261d;font-weight:700}.resultado-item strong{text-align:right;color:#000;min-width:70px;font-size:1rem}@media (width<=600px){h1{font-size:1.8rem}.lista-tropas{grid-template-columns:1fr;padding:14px}.botoes{flex-direction:column}.botoes button{width:100%}}