.armas-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 20px;
  margin-top: 24px;
}

.arma-card {
  border-radius: 16px;
  padding: 16px;
  background: radial-gradient(circle at top,
    rgba(15,23,42,0.96),
    rgba(6,10,25,0.98)
  );
  border: 1px solid rgba(56,189,248,0.75);
  box-shadow:
    0 0 20px rgba(56,189,248,0.5),
    0 0 26px rgba(127,90,240,0.4);
  text-align: center;
  transition: 0.25s;
}

.arma-card:hover {
  transform: translateY(-4px);
  box-shadow:
    0 0 26px rgba(56,189,248,0.8),
    0 0 32px rgba(127,90,240,0.7);
}

.arma-img {
  width: 120px;
  height: 120px;
  object-fit: contain;
  margin-bottom: 10px;
}

.arma-name {
  font-size: 18px;
  font-weight: 700;
}

.arma-type {
  font-size: 13px;
  color: #a5b4fc;
  margin-top: 4px;
}

.arma-notes {
  margin-top: 8px;
  font-size: 12px;
  color: #e5e7eb;
}