/* Battle styles added for the v2 engine (weapon cards, armed FIRE button, status icons).
   Base battle HUD styles live in style.css. */

/* weapon cards */
.wcard { cursor: pointer; }
.wcard .wq { white-space: nowrap; }
.wcard.armed { animation: wc-ready 1s ease-in-out infinite; }
.wcard.armed .wq { color: #04121a; background: var(--wc); border-radius: 8px; padding: 1px 4px; display: inline-block; }
.wcard.dud .wi { filter: grayscale(1); }
.wcard.dim { opacity: .35; filter: grayscale(.7); cursor: not-allowed; }
.wcard.dim:hover { transform: none; box-shadow: none; }
.wcard.on { border-color: var(--wc); box-shadow: inset 0 0 14px color-mix(in srgb, var(--wc) 45%, transparent); }
.wcard .won { position: absolute; top: -8px; right: -6px; background: var(--wc); color: #04121a; font-size: 10px; font-weight: 900; border-radius: 8px; padding: 1px 6px; box-shadow: 0 0 10px var(--wc); }
.wcard .wk { position: absolute; top: 4px; left: 6px; font-size: 10px; font-weight: 800; color: rgba(255,255,255,.35); }
@keyframes wc-ready { 50% { box-shadow: 0 0 32px var(--wc); } }

/* FIRE button: shows what it will shoot */
.fire-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; line-height: 1; }
.fire-btn .fb-t { font-family: var(--head); font-size: 26px; }
.fire-btn small { font-family: var(--body); font-size: 12px; font-weight: 800; opacity: .95; white-space: nowrap; }
.fire-btn.armed { box-shadow: 0 6px 0 #7a0c18, 0 0 34px var(--wc, #ff3c50); animation: fire-armed 1s ease-in-out infinite; }
@keyframes fire-armed { 50% { box-shadow: 0 6px 0 #7a0c18, 0 0 48px var(--wc, #ff3c50); filter: brightness(1.12); } }

/* team bars: tank name and status icons */
.tb-name { display: flex; align-items: baseline; gap: 6px; white-space: nowrap; overflow: hidden; }
.tb-tank { color: var(--muted); font-size: 11px; font-weight: 700; }
.tb-st { margin-left: auto; font-size: 13px; letter-spacing: 1px; }

@media (max-width: 1100px) {
  .fire-btn .fb-t { font-size: 22px; }
  .fire-btn small { font-size: 10px; }
}