.troop-page{padding-top:42px;padding-bottom:72px}.troop-hero{max-width:760px;margin-bottom:26px}.troop-hero h1{margin:5px 0 10px;font-size:clamp(2rem,5vw,3.6rem)}.troop-control-head{display:flex;justify-content:space-between;gap:24px;align-items:end}.troop-control-head h2{margin:0}.troop-control-head p{margin:6px 0 0;color:var(--text-dim)}.troop-count{width:180px}.troop-count input,.troop-selectors select{width:100%;margin-top:7px}.troop-selectors{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end;margin:24px 0}.troop-selectors label{font-weight:700}.troop-selectors .btn{min-width:48px;height:44px;padding:0}.troop-result{display:grid;grid-template-columns:1fr 1fr;gap:14px}.troop-tier-card{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--bg-elevated-2)}.troop-tier-title{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border)}.troop-tier-title strong{font-size:1.65rem}.troop-tier-title span{color:var(--text-dim);font-size:.8rem}.troop-resource-list{display:grid;gap:1px;margin:0;background:var(--border)}.troop-resource-list div{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px 20px;background:var(--bg-elevated)}.troop-resource-list dt{color:var(--text-dim)}.troop-resource-list dd{margin:0;font-weight:800}.troop-delta{color:var(--accent-strong);font-size:.75rem}.troop-total{padding:18px 20px;background:color-mix(in srgb,var(--accent) 9%,var(--bg-elevated));display:flex;justify-content:space-between}.troop-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.troop-guide-grid .card{margin:0}
.troop-swap{display:grid;place-items:center}.troop-swap svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:640px){.troop-page{padding-top:24px}.troop-control-head{align-items:stretch;flex-direction:column}.troop-count{width:100%}.troop-result,.troop-guide-grid{grid-template-columns:1fr}.troop-selectors{grid-template-columns:1fr auto 1fr;gap:8px}.troop-selectors .btn{min-width:40px}.troop-resource-list div{padding:12px 14px}}